# 资产评级系统 (Asset Rating System)

一个基于多维度分析的智能资产评级系统，帮助投资者全面评估股票的投资价值。

## 功能特点

### 🎯 核心功能
- **多模版评级**：提供默认、消费股、科技股、快速诊断四种评级模版
- **多维度分析**：估值逻辑、资金流向、宏观背景、相关资产四大维度
- **可视化图表**：每个指标都配有历史走势图和研判结论
- **自定义配置**：支持拖拽排序、添加删除维度和指标
- **模版管理**：保存和加载自定义评级模版

### 📊 分析维度
1. **估值逻辑**：PB/PE/PS质量对比、股息回报等
2. **宏观胜率背景**：ERP风险溢价、无风险利率等
3. **相关资产走势**：同行业、上下游、同风格公司对比
4. **资金流向**：市场成交活跃度、主力资金、北向资金等

## 快速开始

### 前置要求
- Node.js 16.x 或更高版本
- npm 或 yarn

### 安装依赖
```bash
npm install
```

### 运行开发环境
```bash
npm run dev
```

访问 `http://localhost:5173` 查看应用

### 构建生产版本
```bash
npm run build
```

## 使用指南

### 1. 选择标的和模版
1. 在搜索框输入股票名称（如"贵州茅台"）
2. 从下方选择合适的评级模版
3. 点击模版卡片或按回车进入评级详情页

### 2. 查看多维度分析
- **左侧**：资产评级表，展示各维度指标和摘要
- **右侧**：图表详情，显示指标历史走势和研判结论
- 点击左侧任意指标，右侧自动滚动到对应图表

### 3. 自定义配置
1. 点击设置图标（⚙️）进入编辑模式
2. 拖拽指标调整顺序
3. 添加或删除维度和指标
4. 为维度打星级评分
5. 点击"另存为"保存为新模版

详细使用指南请查看 [USER_GUIDE.md](./docs/USER_GUIDE.md)

## 技术栈

- **前端框架**：React 18 + TypeScript
- **构建工具**：Vite
- **路由管理**：React Router v6
- **样式方案**：Tailwind CSS
- **图表库**：Recharts
- **图标库**：Lucide React

## 项目结构

```
quantBuddy_assetRating_demo/
├── components/          # 组件目录
│   ├── Logo.tsx        # Logo组件
│   ├── Sidebar.tsx     # 侧边栏组件
│   └── StockChart.tsx  # 图表组件
├── pages/              # 页面目录
│   ├── SearchPage.tsx  # 起始页（搜索和模版选择）
│   ├── DashboardPage.tsx # 评级详情页
│   └── DetailPage.tsx  # 深度分析页
├── data/               # 数据目录
│   └── mockData.ts     # 模拟数据
├── docs/               # 文档目录
│   └── USER_GUIDE.md   # 用户指南
└── dist/               # 构建输出目录
```

## 更新日志

### v1.1 (2026-01-26)
- ✅ 优化起始页面交互逻辑
- ✅ 下方展示区改为评级模版展示
- ✅ 进入详情页时默认展开图表区域
- ✅ 增强模版选择的视觉反馈
- ✅ 优化操作提示和用户引导

### v1.0
- 🎉 初始版本发布
- ✅ 四大维度资产评级
- ✅ 编辑模式和模版管理
- ✅ 响应式布局设计

详细更新日志请查看 [CHANGELOG.md](./CHANGELOG.md)

## 部署

项目已配置 Vite 构建，可以部署到任何静态网站托管服务：

- Vercel
- Netlify
- GitHub Pages
- 自定义服务器

部署指南请查看 [README_DEPLOY.md](./README_DEPLOY.md)

## 贡献指南

欢迎提交 Issue 和 Pull Request！

## 许可证

MIT License

## 联系方式

如有问题或建议，请通过 Issue 联系我们。

---

Made with ❤️ for better investment decisions