fix: 添加mock数据
This commit is contained in:
zdl
@@ -6,49 +6,69 @@
|
||||
|
||||
```
|
||||
src/views/Company/
|
||||
├── index.js # 页面入口（95行，纯组合层）
|
||||
├── index.js # 页面入口（纯组合层）
|
||||
├── STRUCTURE.md # 本文档
|
||||
│
|
||||
├── components/ # UI 组件
|
||||
│ │
|
||||
│ ├── CompanyHeader/ # 页面头部
|
||||
│ │ ├── index.js # 组合导出
|
||||
│ │ ├── SearchBar.js # 股票搜索栏
|
||||
│ │ └── WatchlistButton.js # 自选股按钮
|
||||
│ │ └── SearchBar.js # 股票搜索栏
|
||||
│ │
|
||||
│ ├── CompanyTabs/ # Tab 切换容器
|
||||
│ │ ├── index.js # Tab 容器（状态管理 + 内容渲染）
|
||||
│ │ └── TabNavigation.js # Tab 导航栏
|
||||
│ │
|
||||
│ ├── CompanyOverview/ # Tab: 公司概览（TypeScript 拆分）
|
||||
│ │ ├── index.tsx # 主组件（组合层，约 50 行）
|
||||
│ │ ├── CompanyHeaderCard.tsx # 头部卡片组件（黑金主题，约 200 行）
|
||||
│ │ ├── BasicInfoTab/ # 基本信息 Tab（TypeScript 可配置化重构）
|
||||
│ │ │ ├── index.tsx # 主组件（可配置，约 120 行）
|
||||
│ │ │ ├── config.ts # Tab 配置 + 黑金主题（约 90 行）
|
||||
│ │ │ ├── utils.ts # 格式化工具函数（约 50 行）
|
||||
│ │ │ └── components/ # 子组件
|
||||
│ │ │ ├── index.ts # 组件统一导出
|
||||
│ │ │ ├── LoadingState.tsx # 加载状态组件（黑金主题 Spinner）
|
||||
│ │ │ ├── ShareholderPanel.tsx # 股权结构面板（实控人、十大股东、股权集中度）
|
||||
│ │ │ ├── management/ # 管理团队模块（拆分重构）
|
||||
│ │ │ │ ├── index.ts # 模块导出
|
||||
│ │ │ │ ├── types.ts # 类型定义（ManagementPerson 等）
|
||||
│ │ │ │ ├── ManagementPanel.tsx # 主组件（useMemo 优化）
|
||||
│ │ │ │ ├── CategorySection.tsx # 分类区块（memo 优化）
|
||||
│ │ │ │ └── ManagementCard.tsx # 人员卡片（memo 优化）
|
||||
│ │ │ ├── AnnouncementsPanel.tsx # 公告信息面板（公告列表 + 披露日程）
|
||||
│ │ │ ├── BranchesPanel.tsx # 分支机构面板（分支列表表格）
|
||||
│ │ │ └── BusinessInfoPanel.tsx # 工商信息面板（注册资本、成立日期等）
|
||||
│ ├── StockQuoteCard/ # 股票行情卡片（TypeScript）
|
||||
│ │ ├── index.tsx # 主组件
|
||||
│ │ ├── types.ts # 类型定义
|
||||
│ │ └── mockData.ts # Mock 数据
|
||||
│ │
|
||||
│ ├── CompanyOverview/ # Tab: 公司概览（TypeScript）
|
||||
│ │ ├── index.tsx # 主组件（组合层）
|
||||
│ │ ├── types.ts # 类型定义
|
||||
│ │ ├── utils.ts # 格式化工具
|
||||
│ │ ├── DeepAnalysisTab.js # 深度分析 Tab
|
||||
│ │ ├── NewsEventsTab.js # 新闻事件 Tab
|
||||
│ │ ├── types.ts # 类型定义（约 120 行）
|
||||
│ │ ├── utils.ts # 格式化工具（约 20 行）
|
||||
│ │ └── hooks/
|
||||
│ │ └── useCompanyOverviewData.ts # 数据 Hook（约 100 行）
|
||||
│ │ │
|
||||
│ │ ├── hooks/ # 数据 Hooks
|
||||
│ │ │ ├── useBasicInfo.ts # 基本信息 Hook
|
||||
│ │ │ ├── useShareholderData.ts # 股权结构 Hook（4 APIs）
|
||||
│ │ │ ├── useManagementData.ts # 管理团队 Hook
|
||||
│ │ │ ├── useAnnouncementsData.ts # 公告数据 Hook
|
||||
│ │ │ ├── useBranchesData.ts # 分支机构 Hook
|
||||
│ │ │ ├── useDisclosureData.ts # 披露日程 Hook
|
||||
│ │ │ └── useCompanyOverviewData.ts # [已废弃] 原合并 Hook
|
||||
│ │ │
|
||||
│ │ ├── components/ # 股权结构子组件
|
||||
│ │ │ └── shareholder/
|
||||
│ │ │ ├── index.ts # 导出
|
||||
│ │ │ ├── ActualControlCard.tsx # 实控人卡片
|
||||
│ │ │ ├── ConcentrationCard.tsx # 股权集中度卡片
|
||||
│ │ │ └── ShareholdersTable.tsx # 股东表格
|
||||
│ │ │
|
||||
│ │ └── BasicInfoTab/ # 基本信息 Tab（可配置化）
|
||||
│ │ ├── index.tsx # 主组件（可配置）
|
||||
│ │ ├── config.ts # Tab 配置 + 黑金主题
|
||||
│ │ ├── utils.ts # 格式化工具函数
|
||||
│ │ └── components/ # 子组件
|
||||
│ │ ├── index.ts # 组件统一导出
|
||||
│ │ ├── LoadingState.tsx # 加载状态组件
|
||||
│ │ ├── ShareholderPanel.tsx # 股权结构面板
|
||||
│ │ ├── AnnouncementsPanel.tsx # 公告信息面板
|
||||
│ │ ├── BranchesPanel.tsx # 分支机构面板
|
||||
│ │ ├── BusinessInfoPanel.tsx # 工商信息面板
|
||||
│ │ ├── DisclosureSchedulePanel.tsx # 披露日程面板
|
||||
│ │ └── management/ # 管理团队模块
|
||||
│ │ ├── index.ts # 模块导出
|
||||
│ │ ├── types.ts # 类型定义
|
||||
│ │ ├── ManagementPanel.tsx # 主组件（useMemo）
|
||||
│ │ ├── CategorySection.tsx # 分类区块（memo）
|
||||
│ │ └── ManagementCard.tsx # 人员卡片（memo）
|
||||
│ │
|
||||
│ ├── MarketDataView/ # Tab: 股票行情（TypeScript 拆分）
|
||||
│ │ ├── index.tsx # 主组件入口（~1049 行）
|
||||
│ │ ├── types.ts # 类型定义（~383 行）
|
||||
│ ├── MarketDataView/ # Tab: 股票行情（TypeScript）
|
||||
│ │ ├── index.tsx # 主组件入口
|
||||
│ │ ├── types.ts # 类型定义
|
||||
│ │ ├── constants.ts # 主题配置、常量
|
||||
│ │ ├── services/
|
||||
│ │ │ └── marketService.ts # API 服务层
|
||||
@@ -56,7 +76,7 @@ src/views/Company/
|
||||
│ │ │ └── useMarketData.ts # 数据获取 Hook
|
||||
│ │ ├── utils/
|
||||
│ │ │ ├── formatUtils.ts # 格式化工具函数
|
||||
│ │ │ └── chartOptions.ts # ECharts 图表配置生成器
|
||||
│ │ │ └── chartOptions.ts # ECharts 图表配置
|
||||
│ │ └── components/
|
||||
│ │ ├── index.ts # 组件导出
|
||||
│ │ ├── ThemedCard.tsx # 主题化卡片
|
||||
@@ -64,16 +84,23 @@ src/views/Company/
|
||||
│ │ ├── StockSummaryCard.tsx # 股票概览卡片
|
||||
│ │ └── AnalysisModal.tsx # 涨幅分析模态框
|
||||
│ │
|
||||
│ ├── FinancialPanorama/ # Tab: 财务全景（2153 行，待拆分）
|
||||
│ ├── DeepAnalysis/ # Tab: 深度分析
|
||||
│ │ └── index.js
|
||||
│ │
|
||||
│ └── ForecastReport/ # Tab: 盈利预测（161 行，待拆分）
|
||||
│ ├── DynamicTracking/ # Tab: 动态跟踪
|
||||
│ │ └── index.js
|
||||
│ │
|
||||
│ ├── FinancialPanorama/ # Tab: 财务全景（待拆分）
|
||||
│ │ └── index.js
|
||||
│ │
|
||||
│ └── ForecastReport/ # Tab: 盈利预测（待拆分）
|
||||
│ └── index.js
|
||||
│
|
||||
├── hooks/ # 自定义 Hooks
|
||||
├── hooks/ # 页面级 Hooks
|
||||
│ ├── useCompanyStock.js # 股票代码管理（URL 同步）
|
||||
│ ├── useCompanyWatchlist.js # 自选股管理（Redux 集成）
|
||||
│ └── useCompanyEvents.js # PostHog 事件追踪
|
||||
│ ├── useCompanyEvents.js # PostHog 事件追踪
|
||||
│ └── useStockQuote.js # 股票行情数据 Hook
|
||||
│
|
||||
└── constants/ # 常量定义
|
||||
└── index.js # Tab 配置、Toast 消息、默认值
|
||||
|
||||
Reference in New Issue
Block a user