vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 添加mock数据

Browse Source
This commit is contained in:
zdl
2025-12-10 19:57:21 +08:00
parent 6ce913d79b
commit 514917c0eb
2 changed files with 81 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/mocks/data/company.js
View File

@@ -315,18 +315,20 @@ export const PINGAN_BANK_DATA = {
{ shareholder_rank: 10, shareholder_name: '嘉实沪深300交易型开放式指数证券投资基金', holding_shares: 87654300, total_share_ratio: 0.45, shareholder_type: '基金', share_nature: '流通A股', end_date: '2024-09-30' }
],
// 分支机构
// 分支机构（字段与 BranchesPanel 组件匹配）
branches: [
{ name: '北京分行', address: '北京市朝阳区建国路88号SOHO现代城', phone: '010-85806888', type: '一级分行', establish_date: '2007-03-15' },
{ name: '上海分行', address: '上海市浦东新区陆家嘴环路1366号', phone: '021-38637777', type: '一级分行', establish_date: '2007-05-20' },
{ name: '广州分行', address: '广州市天河区珠江新城珠江东路32号', phone: '020-38390888', type: '一级分行', establish_date: '2007-06-10' },
{ name: '深圳分行', address: '深圳市福田区益田路5033号', phone: '0755-82538888', type: '一级分行', establish_date: '1995-01-01' },
{ name: '杭州分行', address: '杭州市江干区钱江路1366号', phone: '0571-87028888', type: '一级分行', establish_date: '2008-09-12' },
{ name: '成都分行', address: '成都市武侯区人民南路四段13号', phone: '028-85266888', type: '一级分行', establish_date: '2009-04-25' },
{ name: '南京分行', address: '南京市建邺区江东中路359号', phone: '025-86625888', type: '一级分行', establish_date: '2010-06-30' },
{ name: '武汉分行', address: '武汉市江汉区建设大道568号', phone: '027-85712888', type: '一级分行', establish_date: '2011-08-15' },
{ name: '西安分行', address: '西安市高新区唐延路35号', phone: '029-88313888', type: '一级分行', establish_date: '2012-10-20' },
{ name: '天津分行', address: '天津市和平区南京路189号', phone: '022-23399888', type: '一级分行', establish_date: '2013-03-18' }
{ branch_name: '平安银行股份有限公司北京分行', business_status: '存续', register_capital: '20亿元', legal_person: '张伟', register_date: '2007-03-15', related_company_count: 156 },
{ branch_name: '平安银行股份有限公司上海分行', business_status: '存续', register_capital: '25亿元', legal_person: '李明', register_date: '2007-05-20', related_company_count: 203 },
{ branch_name: '平安银行股份有限公司广州分行', business_status: '存续', register_capital: '18亿元', legal_person: '王芳', register_date: '2007-06-10', related_company_count: 142 },
{ branch_name: '平安银行股份有限公司深圳分行', business_status: '存续', register_capital: '30亿元', legal_person: '陈强', register_date: '1995-01-01', related_company_count: 287 },
{ branch_name: '平安银行股份有限公司杭州分行', business_status: '存续', register_capital: '15亿元', legal_person: '刘洋', register_date: '2008-09-12', related_company_count: 98 },
{ branch_name: '平安银行股份有限公司成都分行', business_status: '存续', register_capital: '12亿元', legal_person: '赵静', register_date: '2009-04-25', related_company_count: 76 },
{ branch_name: '平安银行股份有限公司南京分行', business_status: '存续', register_capital: '14亿元', legal_person: '周涛', register_date: '2010-06-30', related_company_count: 89 },
{ branch_name: '平安银行股份有限公司武汉分行', business_status: '存续', register_capital: '10亿元', legal_person: '吴磊', register_date: '2011-08-15', related_company_count: 65 },
{ branch_name: '平安银行股份有限公司西安分行', business_status: '存续', register_capital: '8亿元', legal_person: '郑华', register_date: '2012-10-20', related_company_count: 52 },
{ branch_name: '平安银行股份有限公司天津分行', business_status: '存续', register_capital: '10亿元', legal_person: '孙丽', register_date: '2013-03-18', related_company_count: 71 },
{ branch_name: '平安银行股份有限公司重庆分行', business_status: '存续', register_capital: '9亿元', legal_person: '钱峰', register_date: '2014-05-08', related_company_count: 58 },
{ branch_name: '平安银行股份有限公司苏州分行', business_status: '存续', register_capital: '6亿元', legal_person: '冯雪', register_date: '2015-07-22', related_company_count: 45 },
],
// 公告列表
@@ -1230,9 +1232,12 @@ export const generateCompanyData = (stockCode, stockName = '示例公司') => {
{ shareholder_rank: 10, shareholder_name: '嘉实沪深300交易型开放式指数证券投资基金', holding_shares: 15000000, total_share_ratio: 0.95, shareholder_type: '基金', share_nature: '流通A股', end_date: '2024-09-30' }
],
branches: [
{ name: '北京分公司', address: '北京市朝阳区某路123号', phone: '010-12345678', type: '分公司', establish_date: '2012-05-01' },
{ name: '上海分公司', address: '上海市浦东新区某路456号', phone: '021-12345678', type: '分公司', establish_date: '2013-08-15' },
{ name: '广州分公司', address: '广州市天河区某路789号', phone: '020-12345678', type: '分公司', establish_date: '2014-03-20' },
{ branch_name: `${stockName}北京分公司`, business_status: '存续', register_capital: '5000万元', legal_person: '张伟', register_date: '2012-05-01', related_company_count: 23 },
{ branch_name: `${stockName}上海分公司`, business_status: '存续', register_capital: '8000万元', legal_person: '李明', register_date: '2013-08-15', related_company_count: 35 },
{ branch_name: `${stockName}广州分公司`, business_status: '存续', register_capital: '3000万元', legal_person: '王芳', register_date: '2014-03-20', related_company_count: 18 },
{ branch_name: `${stockName}深圳分公司`, business_status: '存续', register_capital: '6000万元', legal_person: '陈强', register_date: '2015-06-10', related_company_count: 28 },
{ branch_name: `${stockName}成都分公司`, business_status: '存续', register_capital: '2000万元', legal_person: '刘洋', register_date: '2018-09-25', related_company_count: 12 },
{ branch_name: `${stockName}武汉子公司`, business_status: '注销', register_capital: '1000万元', legal_person: '赵静', register_date: '2016-04-18', related_company_count: 5 },
],
announcements: [
{ title: `${stockName}2024年第三季度报告`, announce_date: '2024-10-28', info_type: '定期报告', format: 'PDF', file_size: 1850, url: '#' },

97
src/views/Company/STRUCTURE.md
View File

@@ -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 消息、默认值