资产评级系统 (Asset Rating System)

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

功能特点

🎯 核心功能

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

📊 分析维度

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

快速开始

前置要求

  • Node.js 16.x 或更高版本
  • npm 或 yarn

安装依赖

npm install

运行开发环境

npm run dev

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

构建生产版本

npm run build

使用指南

1. 选择标的和模版

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

2. 查看多维度分析

  • 左侧:资产评级表,展示各维度指标和摘要
  • 右侧:图表详情,显示指标历史走势和研判结论
  • 点击左侧任意指标,右侧自动滚动到对应图表

3. 自定义配置

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

详细使用指南请查看 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
quantBuddy 资产评级表 demo
Readme 123 KiB
Languages
TypeScript 97.9%
CSS 0.9%
JavaScript 0.8%
HTML 0.4%