2851644b9c
- 创建 ForecastSkeleton 组件（图表卡片 + 表格） - 初始加载时显示骨架屏 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
ForecastReport 组件
盈利预测模块，展示券商研报预测数据和图表分析。
目录结构
ForecastReport/
├── index.tsx # 主组件入口
├── types.ts # 类型定义
├── constants.ts # 常量配置
├── README.md # 本文档
│
└── components/ # 子组件
├── index.ts # 统一导出
├── ChartCard.tsx # 图表卡片容器
├── DetailTable.tsx # 详情表格
├── EpsChart.tsx # EPS 预测图表
├── GrowthChart.tsx # 增长率图表
├── IncomeProfitChart.tsx # 营收利润图表
├── IncomeProfitGrowthChart.tsx # 营收利润增长图表
└── PePegChart.tsx # PE/PEG 估值图表
功能模块
| 模块 | 说明 |
|---|---|
| EPS 预测 | 每股收益预测趋势 |
| 增长预测 | 营收、利润增速预测 |
| 估值分析 | PE、PEG 动态估值 |
| 详情表格 | 各机构预测明细 |
组件层级
ForecastReport
├── ChartCard
│ ├── EpsChart # EPS 图表
│ ├── GrowthChart # 增长图表
│ ├── IncomeProfitChart # 营收利润
│ ├── IncomeProfitGrowthChart # 增长率
│ └── PePegChart # 估值图表
│
└── DetailTable # 预测明细表
使用示例
import ForecastReport from '@views/Company/components/ForecastReport';
<ForecastReport stockCode="600000" />