From e734319ec43cad3e37e6ec216bed34ac5eedbc71 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 16 Dec 2025 20:17:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(FinancialPanorama):=20=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=20FinancialOverviewPanel=20=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E5=8E=9F=E5=A4=B4=E9=83=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 StockInfoHeader 和 KeyMetricsOverview
- 使用新的三模块面板组件
- ROE 去重，布局统一

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../components/FinancialPanorama/index.tsx    | 30 +++++++------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/views/Company/components/FinancialPanorama/index.tsx b/src/views/Company/components/FinancialPanorama/index.tsx
index 6870edf2..ef3c5dd0 100644
--- a/src/views/Company/components/FinancialPanorama/index.tsx
+++ b/src/views/Company/components/FinancialPanorama/index.tsx
@@ -52,7 +52,7 @@ import SubTabContainer, { type SubTabConfig } from '@components/SubTabContainer'
 import { useFinancialData, type DataTypeKey } from './hooks';
 import { COLORS } from './constants';
 import { calculateYoYChange, getCellBackground, getMetricChartOption } from './utils';
-import { PeriodSelector, KeyMetricsOverview, StockInfoHeader, MainBusinessAnalysis } from './components';
+import { PeriodSelector, FinancialOverviewPanel, MainBusinessAnalysis } from './components';
 import {
   BalanceSheetTab,
   IncomeStatementTab,
@@ -275,32 +275,24 @@ const FinancialPanorama: React.FC<FinancialPanoramaProps> = ({ stockCode: propSt
   return (
     <Container maxW="container.xl" py={5}>
       <VStack spacing={6} align="stretch">
-        {/* 股票信息头部 */}
+        {/* 财务全景面板（三列布局：成长能力、盈利与回报、风险与运营） */}
         {loading ? (
-          <Skeleton height="150px" />
+          <Skeleton height="100px" />
         ) : (
-          <StockInfoHeader
+          <FinancialOverviewPanel
             stockInfo={stockInfo}
-            positiveColor={positiveColor}
-            negativeColor={negativeColor}
+            financialMetrics={financialMetrics}
           />
         )}
 
-        {/* 关键指标速览 */}
-        {!loading && stockInfo && financialMetrics.length > 0 && (
-          <KeyMetricsOverview financialMetrics={financialMetrics} />
-        )}
-
         {/* 主营业务 */}
         {!loading && stockInfo && (
-          <Card bg="gray.900" shadow="md" border="1px solid" borderColor="rgba(212, 175, 55, 0.3)">
-            <CardBody>
-              <Text fontSize="lg" fontWeight="bold" mb={4} color="#D4AF37">
-                主营业务
-              </Text>
-              <MainBusinessAnalysis mainBusiness={mainBusiness} />
-            </CardBody>
-          </Card>
+          <Box>
+            <Text fontSize="lg" fontWeight="bold" mb={4} color="#D4AF37">
+              主营业务
+            </Text>
+            <MainBusinessAnalysis mainBusiness={mainBusiness} />
+          </Box>
         )}
 
         {/* 三大财务报表 - 使用 SubTabContainer 二级导航 */}