174fe32850
- LoadingState: 新增 variant 参数支持 spinner/skeleton 模式 - LoadingState: 新增 skeletonType 参数支持 grid/list 布局 - AnnouncementsPanel: 使用 list 骨架屏替代 spinner - DisclosureSchedulePanel: 使用 grid 骨架屏替代 spinner 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
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
使用示例
import CompanyOverview from '@views/Company/components/CompanyOverview';
<CompanyOverview stockCode="600000" />