feat(DeepAnalysis): 实现 Tab 懒加载，按需请求数据

- DeepAnalysis/index.js: 重构为懒加载模式
  - 添加 TAB_API_MAP 映射 Tab 与接口关系
  - 战略分析/业务结构共享 comprehensive-analysis 接口
  - 产业链/发展历程按需加载对应接口
  - 使用 loadedApisRef 缓存已加载状态，避免重复请求
  - 各接口独立 loading 状态管理
  - 添加 stockCode 竞态条件保护

- DeepAnalysisTab/index.tsx: 支持受控模式
  - 新增 activeTab/onTabChange props
  - loading 状态下保持 Tab 导航可切换

- types.ts: 新增 DeepAnalysisTabKey 类型和相关 props

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

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Company/components/CompanyOverview/DeepAnalysisTab/index.tsx

@@ -6,14 +6,16 @@
  * 2. 业务结构 - 业务结构树 + 业务板块详情
  * 3. 产业链 - 产业链分析（独立，含 Sankey 图）
  * 4. 发展历程 - 关键因素 + 时间线
+ *
+ * 支持懒加载：通过 activeTab 和 onTabChange 实现按需加载数据
  */
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Card, CardBody, Center, VStack, Spinner, Text } from '@chakra-ui/react';
 import { FaBrain, FaBuilding, FaLink, FaHistory } from 'react-icons/fa';
 import SubTabContainer, { type SubTabConfig } from '@components/SubTabContainer';
 import { StrategyTab, BusinessTab, ValueChainTab, DevelopmentTab } from './tabs';
-import type { DeepAnalysisTabProps } from './types';
+import type { DeepAnalysisTabProps, DeepAnalysisTabKey } from './types';
 
 // 主题配置（与 BasicInfoTab 保持一致）
 const THEME = {
@@ -31,6 +33,16 @@ const DEEP_ANALYSIS_TABS: SubTabConfig[] = [
   { key: 'development', name: '发展历程', icon: FaHistory, component: DevelopmentTab },
 ];
 
+/**
+ * Tab key 到 index 的映射
+ */
+const TAB_KEY_TO_INDEX: Record<DeepAnalysisTabKey, number> = {
+  strategy: 0,
+  business: 1,
+  valueChain: 2,
+  development: 3,
+};
+
 const DeepAnalysisTab: React.FC<DeepAnalysisTabProps> = ({
   comprehensiveData,
   valueChainData,
@@ -39,16 +51,37 @@ const DeepAnalysisTab: React.FC<DeepAnalysisTabProps> = ({
   cardBg,
   expandedSegments,
   onToggleSegment,
+  activeTab,
+  onTabChange,
 }) => {
+  // 计算当前 Tab 索引（受控模式）
+  const currentIndex = useMemo(() => {
+    if (activeTab) {
+      return TAB_KEY_TO_INDEX[activeTab] ?? 0;
+    }
+    return undefined; // 非受控模式
+  }, [activeTab]);
+
   // 加载状态
   if (loading) {
     return (
-      <Center h="200px">
-        <VStack spacing={4}>
-          <Spinner size="xl" color="blue.500" />
-          <Text>加载深度分析数据...</Text>
-        </VStack>
-      </Center>
+      <Card bg={THEME.cardBg} shadow="md" border="1px solid" borderColor={THEME.border}>
+        <CardBody p={0}>
+          <SubTabContainer
+            tabs={DEEP_ANALYSIS_TABS}
+            index={currentIndex}
+            onTabChange={onTabChange}
+            componentProps={{}}
+            themePreset="blackGold"
+          />
+          <Center h="200px">
+            <VStack spacing={4}>
+              <Spinner size="xl" color="blue.500" />
+              <Text color="gray.400">加载数据中...</Text>
+            </VStack>
+          </Center>
+        </CardBody>
+      </Card>
     );
   }
 
@@ -57,6 +90,8 @@ const DeepAnalysisTab: React.FC<DeepAnalysisTabProps> = ({
       <CardBody p={0}>
         <SubTabContainer
           tabs={DEEP_ANALYSIS_TABS}
+          index={currentIndex}
+          onTabChange={onTabChange}
           componentProps={{
             comprehensiveData,
             valueChainData,