zdl
|
5f6e4387e5
|
perf: CompanyOverview 内层 Tab 懒加载优化
- 将 useCompanyOverviewData（9个API）拆分为独立 Hooks：
- useBasicInfo: 基本信息（首屏唯一加载）
- useShareholderData: 股东信息（4个API）
- useManagementData: 管理层信息
- useAnnouncementsData: 公告数据
- useBranchesData: 分支机构
- useDisclosureData: 披露日程
- BasicInfoTab 使用子组件实现真正的懒加载：
- ShareholderTabPanel、ManagementTabPanel 等
- 配合 Chakra UI isLazy，切换 Tab 时才加载数据
- 首屏 API 请求从 9 个减少到 1 个
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-10 13:05:27 +08:00 |
|
zdl
|
04ce16df56
|
perf: CompanyOverview Tab 懒加载优化
- 拆分 loadData 为 loadBasicInfoData 和 loadDeepAnalysisData
- 首次加载仅请求 9 个基本信息接口（原 12 个）
- 深度分析 3 个接口切换 Tab 时按需加载
- 新闻动态 1 个接口切换 Tab 时按需加载
- 调整 Tab 顺序：基本信息 → 深度分析 → 新闻动态
- stockCode 变更时重置 Tab 状态和数据
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-09 17:37:11 +08:00 |
|
zdl
|
18c83237e2
|
refactor: CompanyOverview 组件按 Tab 拆分为独立子组件
将 2682 行的大型组件拆分为 4 个模块化文件：
- index.js (~550行): 状态管理 + 数据加载 + Tab 容器
- DeepAnalysisTab.js (~1800行): 深度分析 Tab（核心定位、竞争力、产业链）
- BasicInfoTab.js (~940行): 基本信息 Tab（股权结构、管理团队、公告）
- NewsEventsTab.js (~540行): 新闻动态 Tab（事件列表 + 分页）
重构内容：
- 提取 8 个内部子组件到对应 Tab 文件
- 修复 useColorModeValue 在 map 回调中调用的 hooks 规则违规
- 清理未使用的 imports
- 完善公告详情模态框（补全 ModalFooter）
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-12-09 17:11:42 +08:00 |
|