fix(FinancialPanorama): 恢复盈利与利润趋势图表

- 重新引入 ComparisonAnalysis 组件
- 在财务全景面板下方显示营收与利润趋势柱状图
- 修复之前重构时遗漏的功能模块

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-16 20:22:14 +08:00
parent da455946a3
commit 84914b3cca

View File

@@ -52,7 +52,7 @@ import SubTabContainer, { type SubTabConfig } from '@components/SubTabContainer'
import { useFinancialData, type DataTypeKey } from './hooks'; import { useFinancialData, type DataTypeKey } from './hooks';
import { COLORS } from './constants'; import { COLORS } from './constants';
import { calculateYoYChange, getCellBackground, getMetricChartOption } from './utils'; import { calculateYoYChange, getCellBackground, getMetricChartOption } from './utils';
import { PeriodSelector, FinancialOverviewPanel, MainBusinessAnalysis } from './components'; import { PeriodSelector, FinancialOverviewPanel, MainBusinessAnalysis, ComparisonAnalysis } from './components';
import { import {
BalanceSheetTab, BalanceSheetTab,
IncomeStatementTab, IncomeStatementTab,
@@ -93,6 +93,7 @@ const FinancialPanorama: React.FC<FinancialPanoramaProps> = ({ stockCode: propSt
cashflow, cashflow,
financialMetrics, financialMetrics,
mainBusiness, mainBusiness,
comparison,
loading, loading,
loadingTab, loadingTab,
error, error,
@@ -285,6 +286,16 @@ const FinancialPanorama: React.FC<FinancialPanoramaProps> = ({ stockCode: propSt
/> />
)} )}
{/* 营收与利润趋势 */}
{!loading && comparison && comparison.length > 0 && (
<Box>
<Text fontSize="lg" fontWeight="bold" mb={4} color="#D4AF37">
</Text>
<ComparisonAnalysis comparison={comparison} />
</Box>
)}
{/* 主营业务 */} {/* 主营业务 */}
{!loading && stockInfo && ( {!loading && stockInfo && (
<Box> <Box>