feat(ForecastReport): 添加盈利预测骨架屏

- 创建 ForecastSkeleton 组件(图表卡片 + 表格)
- 初始加载时显示骨架屏

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-19 15:18:00 +08:00
parent 57f4645f4d
commit 2851644b9c
5 changed files with 90 additions and 272 deletions

View File

@@ -11,16 +11,16 @@ import {
EpsChart,
PePegChart,
DetailTable,
ForecastSkeleton,
} from './components';
import LoadingState from '../LoadingState';
import type { ForecastReportProps } from './types';
const ForecastReport: React.FC<ForecastReportProps> = ({ stockCode }) => {
const { data, isLoading, error, refetch } = useForecastData(stockCode);
// 加载状态
// 加载状态 - 显示骨架屏
if (isLoading && !data) {
return <LoadingState message="加载盈利预测数据中..." height="300px" />;
return <ForecastSkeleton />;
}
// 错误状态