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:
@@ -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 />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user