更新Company页面的UI为FUI风格

src/views/Company/components/StockQuoteCard/components/KeyMetrics.tsx

@@ -13,6 +13,8 @@ export interface KeyMetricsProps {
   eps?: number;
   pb: number;
   marketCap: string;
+  totalShares?: number;  // 发行总股本（亿股）
+  floatShares?: number;  // 流通股本（亿股）
   week52Low: number;
   week52High: number;
 }
@@ -22,6 +24,8 @@ export const KeyMetrics: React.FC<KeyMetricsProps> = memo(({
   eps,
   pb,
   marketCap,
+  totalShares,
+  floatShares,
   week52Low,
   week52High,
 }) => {
@@ -62,6 +66,12 @@ export const KeyMetrics: React.FC<KeyMetricsProps> = memo(({
             {marketCap}
           </Text>
         </HStack>
+        <HStack justify="space-between">
+          <Text color={labelColor}>发行总股本：</Text>
+          <Text color={valueColor} fontWeight="bold" fontSize="16px">
+            {totalShares ? `${totalShares}亿股` : '-'}
+          </Text>
+        </HStack>
         <HStack justify="space-between">
           <Text color={labelColor}>52周波动：</Text>
           <Text color={valueColor} fontWeight="bold" fontSize="16px">

src/views/Company/components/StockQuoteCard/hooks/useStockQuoteData.ts

@@ -38,6 +38,8 @@ const transformQuoteData = (apiData: any, stockCode: string): StockQuoteCardData
     eps: apiData.eps || apiData.basic_eps || undefined,
     pb: apiData.pb || apiData.pb_mrq || 0,
     marketCap: apiData.market_cap || apiData.marketCap || apiData.circ_mv || '0',
+    totalShares: apiData.total_shares || apiData.totalShares || undefined,
+    floatShares: apiData.float_shares || apiData.floatShares || undefined,
     week52Low: apiData.week52_low || apiData.week52Low || 0,
     week52High: apiData.week52_high || apiData.week52High || 0,
 

src/views/Company/components/StockQuoteCard/index.tsx

@@ -133,6 +133,8 @@ const StockQuoteCard: React.FC<StockQuoteCardProps> = ({
               eps={quoteData.eps}
               pb={quoteData.pb}
               marketCap={quoteData.marketCap}
+              totalShares={quoteData.totalShares}
+              floatShares={quoteData.floatShares}
               week52Low={quoteData.week52Low}
               week52High={quoteData.week52High}
             />

src/views/Company/components/StockQuoteCard/types.ts

@@ -29,6 +29,8 @@ export interface StockQuoteCardData {
   eps?: number; // 每股收益
   pb: number; // 市净率
   marketCap: string; // 流通市值（已格式化，如 "2.73万亿"）
+  totalShares?: number; // 发行总股本（亿股）
+  floatShares?: number; // 流通股本（亿股）
   week52Low: number; // 52周最低
   week52High: number; // 52周最高