From 318a83434ad178a7b85a3539ed9ea92d7f428a4a Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 17 Dec 2025 20:54:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0Company=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=9A=84UI=E4=B8=BAFUI=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CompanyOverview/index.tsx      |  5 ++++
 src/views/Company/index.tsx                   | 25 +++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/views/Company/components/CompanyOverview/index.tsx b/src/views/Company/components/CompanyOverview/index.tsx
index b027524d..11ea698d 100644
--- a/src/views/Company/components/CompanyOverview/index.tsx
+++ b/src/views/Company/components/CompanyOverview/index.tsx
@@ -7,12 +7,14 @@ import { VStack } from "@chakra-ui/react";
 import type { CompanyOverviewProps } from "./types";
 
 // 子组件
+import StockQuoteCard from "../StockQuoteCard";
 import BasicInfoTab from "./BasicInfoTab";
 
 /**
  * 公司档案组件
  *
  * 功能：
+ * - 显示股票行情卡片（个股详情）
  * - 显示基本信息 Tab（内部懒加载各子 Tab 数据）
  *
  * 懒加载策略：
@@ -22,6 +24,9 @@ import BasicInfoTab from "./BasicInfoTab";
 const CompanyOverview: React.FC<CompanyOverviewProps> = ({ stockCode }) => {
   return (
     <VStack spacing={6} align="stretch">
+      {/* 股票行情卡片 - 个股详情 */}
+      <StockQuoteCard stockCode={stockCode} />
+
       {/* 基本信息内容 - 传入 stockCode，内部懒加载各 Tab 数据 */}
       <BasicInfoTab stockCode={stockCode} />
     </VStack>
diff --git a/src/views/Company/index.tsx b/src/views/Company/index.tsx
index 4ade008a..0d293099 100644
--- a/src/views/Company/index.tsx
+++ b/src/views/Company/index.tsx
@@ -116,6 +116,28 @@ const CompanyContent = memo<CompanyContentProps>(({ stockCode, onTabChange }) =>
 
 CompanyContent.displayName = 'CompanyContent';
 
+// ============================================
+// 网页标题 Hook
+// ============================================
+
+const useDocumentTitle = (stockCode: string, stockName?: string) => {
+  useEffect(() => {
+    const baseTitle = '价值前沿';
+    if (stockName) {
+      document.title = `${stockName}(${stockCode}) - ${baseTitle}`;
+    } else if (stockCode) {
+      document.title = `${stockCode} - ${baseTitle}`;
+    } else {
+      document.title = baseTitle;
+    }
+
+    // 组件卸载时恢复默认标题
+    return () => {
+      document.title = baseTitle;
+    };
+  }, [stockCode, stockName]);
+};
+
 // ============================================
 // 主页面组件
 // ============================================
@@ -145,6 +167,9 @@ const CompanyIndex: React.FC = () => {
 
   const { trackStockSearched, trackTabChanged, trackWatchlistAdded, trackWatchlistRemoved } = companyEvents;
 
+  // 设置网页标题
+  useDocumentTitle(stockCode, stockInfo?.stock_name);
+
   // 股票代码变化追踪
   useEffect(() => {
     if (stockCode !== prevStockCodeRef.current) {