docs(Company): 添加组件目录结构文档
为 Company 模块下的主要组件添加 README.md: - CompanyHeader: 搜索栏组件 - CompanyOverview: 公司概览(基本信息 + 深度分析) - FinancialPanorama: 财务全景 - ForecastReport: 盈利预测 - MarketDataView: 市场数据 - StockQuoteCard: 股票行情卡片 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
105
src/views/Company/components/CompanyOverview/README.md
Normal file
105
src/views/Company/components/CompanyOverview/README.md
Normal file
@@ -0,0 +1,105 @@
|
||||
# CompanyOverview 组件
|
||||
|
||||
公司概览模块,包含基本信息和深度分析两个主要 Tab。
|
||||
|
||||
## 目录结构
|
||||
|
||||
```
|
||||
CompanyOverview/
|
||||
├── index.tsx # 主组件入口
|
||||
├── types.ts # 类型定义
|
||||
├── utils.ts # 工具函数
|
||||
├── README.md # 本文档
|
||||
│
|
||||
├── hooks/ # 数据获取 Hooks
|
||||
│ ├── useBasicInfo.ts # 公司基本信息
|
||||
│ ├── useShareholderData.ts # 股东数据
|
||||
│ ├── useManagementData.ts # 管理层数据
|
||||
│ ├── useBranchesData.ts # 分支机构数据
|
||||
│ ├── useAnnouncementsData.ts # 公告数据
|
||||
│ └── useDisclosureData.ts # 披露日程数据
|
||||
│
|
||||
├── BasicInfoTab/ # 基本信息 Tab
|
||||
│ ├── index.tsx # Tab 入口
|
||||
│ ├── config.ts # 配置
|
||||
│ ├── utils.ts # 工具函数
|
||||
│ └── components/ # 子组件
|
||||
│ ├── BusinessInfoPanel.tsx # 工商信息面板
|
||||
│ ├── ShareholderPanel.tsx # 股东信息面板
|
||||
│ ├── AnnouncementsPanel.tsx # 公告面板
|
||||
│ ├── BranchesPanel.tsx # 分支机构面板
|
||||
│ ├── DisclosureSchedulePanel.tsx # 披露日程面板
|
||||
│ ├── LoadingState.tsx # 加载状态
|
||||
│ └── management/ # 管理层组件
|
||||
│ ├── ManagementPanel.tsx # 管理层面板
|
||||
│ ├── ManagementCard.tsx # 管理层卡片
|
||||
│ ├── CategorySection.tsx # 分类区块
|
||||
│ └── types.ts # 类型定义
|
||||
│
|
||||
├── DeepAnalysisTab/ # 深度分析 Tab
|
||||
│ ├── index.tsx # Tab 入口
|
||||
│ ├── types.ts # 类型定义
|
||||
│ ├── atoms/ # 原子组件
|
||||
│ │ ├── ScoreBar.tsx # 评分条
|
||||
│ │ ├── KeyFactorCard.tsx # 关键因素卡片
|
||||
│ │ ├── BusinessTreeItem.tsx # 业务树节点
|
||||
│ │ ├── ProcessNavigation.tsx # 流程导航
|
||||
│ │ ├── ValueChainFilterBar.tsx # 产业链筛选栏
|
||||
│ │ └── DisclaimerBox.tsx # 免责声明
|
||||
│ ├── components/ # 分子组件
|
||||
│ │ ├── CorePositioningCard/ # 核心定位卡片
|
||||
│ │ ├── BusinessStructureCard.tsx # 业务结构
|
||||
│ │ ├── BusinessSegmentsCard.tsx # 业务板块
|
||||
│ │ ├── CompetitiveAnalysisCard.tsx # 竞争分析
|
||||
│ │ ├── StrategyAnalysisCard.tsx # 战略分析
|
||||
│ │ ├── KeyFactorsCard.tsx # 关键因素
|
||||
│ │ ├── TimelineCard.tsx # 时间线
|
||||
│ │ └── ValueChainCard.tsx # 产业链
|
||||
│ ├── organisms/ # 有机体组件
|
||||
│ │ ├── TimelineComponent/ # 时间线组件
|
||||
│ │ └── ValueChainNodeCard/ # 产业链节点
|
||||
│ ├── tabs/ # 子 Tab
|
||||
│ │ ├── BusinessTab.tsx # 业务分析
|
||||
│ │ ├── StrategyTab.tsx # 战略分析
|
||||
│ │ ├── ValueChainTab.tsx # 产业链分析
|
||||
│ │ └── DevelopmentTab.tsx # 发展历程
|
||||
│ └── utils/
|
||||
│ └── chartOptions.ts # 图表配置
|
||||
│
|
||||
└── components/ # 共享组件
|
||||
└── shareholder/ # 股东相关
|
||||
├── ShareholdersTable.tsx # 股东表格
|
||||
├── ConcentrationCard.tsx # 股权集中度
|
||||
└── ActualControlCard.tsx # 实际控制人
|
||||
```
|
||||
|
||||
## 组件层级
|
||||
|
||||
```
|
||||
CompanyOverview
|
||||
├── SubTabContainer # Tab 容器
|
||||
│ ├── BasicInfoTab # 基本信息
|
||||
│ │ ├── BusinessInfoPanel
|
||||
│ │ ├── ShareholderPanel
|
||||
│ │ │ ├── ShareholdersTable
|
||||
│ │ │ ├── ConcentrationCard
|
||||
│ │ │ └── ActualControlCard
|
||||
│ │ ├── ManagementPanel
|
||||
│ │ ├── AnnouncementsPanel
|
||||
│ │ ├── BranchesPanel
|
||||
│ │ └── DisclosureSchedulePanel
|
||||
│ │
|
||||
│ └── DeepAnalysisTab # 深度分析
|
||||
│ ├── BusinessTab
|
||||
│ ├── StrategyTab
|
||||
│ ├── ValueChainTab
|
||||
│ └── DevelopmentTab
|
||||
```
|
||||
|
||||
## 使用示例
|
||||
|
||||
```tsx
|
||||
import CompanyOverview from '@views/Company/components/CompanyOverview';
|
||||
|
||||
<CompanyOverview stockCode="600000" />
|
||||
```
|
||||
Reference in New Issue
Block a user