资产评级系统 (Asset Rating System)
一个基于多维度分析的智能资产评级系统,帮助投资者全面评估股票的投资价值。
功能特点
🎯 核心功能
- 多模版评级:提供默认、消费股、科技股、快速诊断四种评级模版
- 多维度分析:估值逻辑、资金流向、宏观背景、相关资产四大维度
- 可视化图表:每个指标都配有历史走势图和研判结论
- 自定义配置:支持拖拽排序、添加删除维度和指标
- 模版管理:保存和加载自定义评级模版
📊 分析维度
- 估值逻辑:PB/PE/PS质量对比、股息回报等
- 宏观胜率背景:ERP风险溢价、无风险利率等
- 相关资产走势:同行业、上下游、同风格公司对比
- 资金流向:市场成交活跃度、主力资金、北向资金等
快速开始
前置要求
- Node.js 16.x 或更高版本
- npm 或 yarn
安装依赖
npm install
运行开发环境
npm run dev
访问 http://localhost:5173 查看应用
构建生产版本
npm run build
使用指南
1. 选择标的和模版
- 在搜索框输入股票名称(如"贵州茅台")
- 从下方选择合适的评级模版
- 点击模版卡片或按回车进入评级详情页
2. 查看多维度分析
- 左侧:资产评级表,展示各维度指标和摘要
- 右侧:图表详情,显示指标历史走势和研判结论
- 点击左侧任意指标,右侧自动滚动到对应图表
3. 自定义配置
- 点击设置图标(⚙️)进入编辑模式
- 拖拽指标调整顺序
- 添加或删除维度和指标
- 为维度打星级评分
- 点击"另存为"保存为新模版
详细使用指南请查看 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
部署
项目已配置 Vite 构建,可以部署到任何静态网站托管服务:
- Vercel
- Netlify
- GitHub Pages
- 自定义服务器
部署指南请查看 README_DEPLOY.md
贡献指南
欢迎提交 Issue 和 Pull Request!
许可证
MIT License
联系方式
如有问题或建议,请通过 Issue 联系我们。
Made with ❤️ for better investment decisions
Description
Languages
TypeScript
97.9%
CSS
0.9%
JavaScript
0.8%
HTML
0.4%