refactor: Company 页面一级 Tab 重构为 6 个

- 新增深度分析 Tab(从 CompanyOverview 提取为独立组件)
- 新增动态跟踪 Tab(占位组件,后续添加内容)
- Tab 顺序:公司概览 | 深度分析 | 股票行情 | 财务全景 | 盈利预测 | 动态跟踪
- 简化 CompanyOverview:移除内部 Tabs,只保留头部卡片 + 基本信息
- DeepAnalysis 组件独立管理深度分析数据加载(3个接口)

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-09 17:52:23 +08:00
parent 04ce16df56
commit 2dd7dd755a
6 changed files with 314 additions and 441 deletions

View File

@@ -9,7 +9,6 @@ import {
TabPanels,
TabPanel,
Divider,
useColorModeValue,
} from '@chakra-ui/react';
import TabNavigation from './TabNavigation';
@@ -17,9 +16,11 @@ import { COMPANY_TABS, getTabNameByIndex } from '../../constants';
// 子组件导入Tab 内容组件)
import CompanyOverview from '../CompanyOverview';
import DeepAnalysis from '../DeepAnalysis';
import MarketDataView from '../MarketDataView';
import FinancialPanorama from '../FinancialPanorama';
import ForecastReport from '../ForecastReport';
import DynamicTracking from '../DynamicTracking';
/**
* Tab 组件映射
@@ -27,9 +28,11 @@ import ForecastReport from '../ForecastReport';
*/
const TAB_COMPONENTS = {
overview: CompanyOverview,
analysis: DeepAnalysis,
market: MarketDataView,
financial: FinancialPanorama,
forecast: ForecastReport,
tracking: DynamicTracking,
};
/**
@@ -48,10 +51,6 @@ const TAB_COMPONENTS = {
const CompanyTabs = ({ stockCode, onTabChange, bgColor }) => {
const [currentIndex, setCurrentIndex] = useState(0);
// 主题相关颜色
const tabBg = useColorModeValue('gray.50', 'gray.700');
const activeBg = useColorModeValue('blue.500', 'blue.400');
/**
* 处理 Tab 切换
*/
@@ -76,7 +75,7 @@ const CompanyTabs = ({ stockCode, onTabChange, bgColor }) => {
onChange={handleTabChange}
>
{/* Tab 导航 */}
<TabNavigation tabBg={tabBg} activeBg={activeBg} />
<TabNavigation tabBg="gray.50" activeBg="blue.500" />
<Divider />