vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,255 Commits 29 Branches 1 Tag
13fa91a998907499be7c503df7927cc839e4958f
Commit Graph

60 Commits

Author SHA1 Message Date
zdl
13fa91a998 style(DeepAnalysisTab): 优化免责声明样式并更新 mock 数据 
- DisclaimerBox: 简化为单行灰色文本，移除警告框样式
- Mock 数据: 更新核心定位、投资亮点、商业模式、战略分析内容
- 调整卡片顺序: 战略分析和业务板块上移

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 14:47:17 +08:00
zdl
fba7a7ee96 docs: 更新 Company 模块目录结构文档 
- 添加 DeepAnalysisTab 模块化重构记录（2025-12-11）
- 更新目录结构中 DeepAnalysisTab.js → DeepAnalysisTab/
- 添加组件依赖关系图
- 添加工具函数位置表
- 添加优化效果对比

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 10:59:12 +08:00
zdl
32a73efb55 refactor(DeepAnalysisTab): 模块化拆分为 21 个 TypeScript 文件 
将 1,796 行单文件拆分为原子设计模式结构：

**atoms/** - 原子组件
- DisclaimerBox: 免责声明警告框
- ScoreBar: 评分进度条
- BusinessTreeItem: 业务树形项
- KeyFactorCard: 关键因素卡片

**components/** - Card 容器组件
- CorePositioningCard: 核心定位
- CompetitiveAnalysisCard: 竞争地位分析（含雷达图）
- BusinessStructureCard: 业务结构
- ValueChainCard: 产业链分析
- KeyFactorsCard: 关键因素
- TimelineCard: 发展时间线
- BusinessSegmentsCard: 业务板块详情
- StrategyAnalysisCard: 战略分析

**organisms/** - 复杂组件
- ValueChainNodeCard: 产业链节点（含 RelatedCompaniesModal）
- TimelineComponent: 时间线（含 EventDetailModal）

**utils/**
- chartOptions.ts: ECharts 图表配置

优化效果：主文件从 1,796 行减少到 117 行（-93%）

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-11 10:59:05 +08:00
zdl
6f74c1c1de style: BranchesPanel 组件调整为黑金风格 
- 卡片使用深色渐变背景，金色边框 + hover 发光效果
- 顶部添加金色渐变装饰线
- 状态徽章改为黑金风格（存续金色/非存续红色）
- 标题区域添加金色背景图标
- 信息项提取为 InfoItem 组件，优化布局
- 空状态使用金色圆形背景装饰

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 21:29:02 +08:00
zdl
514917c0eb fix: 添加mock数据 2025-12-10 19:57:21 +08:00
zdl
6ce913d79b refactor: 整合 CompanyHeaderCard 到 StockQuoteCard，优化布局对齐 
- 将公司基本信息整合到 StockQuoteCard 内部
- 采用 1:2 Flex 布局确保上下竖线对齐
- 删除废弃的 CompanyHeaderCard 组件
- 清理 types.ts 中的 CompanyHeaderCardProps

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 19:54:51 +08:00
zdl
6d5594556b refactor: ManagementPanel 组件拆分重构 
- 创建 management/ 子目录，模块化管理
- 拆分为 5 个 TypeScript 文件：types.ts、ManagementPanel.tsx、CategorySection.tsx、ManagementCard.tsx、index.ts
- 添加 useMemo 缓存分类计算结果
- 使用 React.memo 优化 ManagementCard 和 CategorySection
- 添加完整的 TypeScript 类型定义，消除 any
- 更新 STRUCTURE.md 同步目录结构

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 19:28:05 +08:00
zdl
c32091e83e feat: 公司基础信息展示字段调整，公司概览调整为公司档案 2025-12-10 19:04:43 +08:00
zdl
2994de98c2 refactor: 财报披露日程独立为动态跟踪第三个 Tab 
- 新建 DisclosureSchedulePanel 组件，独立展示财报披露日程
- 简化 AnnouncementsPanel，移除财报披露日程部分
- DynamicTracking 新增第三个 Tab：财报披露日程
- 更新 mock 数据字段名匹配组件需求

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 18:55:30 +08:00
zdl
c237a4dc0c fix: 调整UI 2025-12-10 18:18:05 +08:00
zdl
395dc27fe2 refactor: ShareholderPanel 拆分为子组件 + 黑金主题优化 
- 新增 ActualControlCard 实际控制人卡片组件
- 新增 ConcentrationCard 股权集中度卡片（含 ECharts 饼图）
- 新增 ShareholdersTable 合并表格（支持十大股东/十大流通股东）
- Mock 数据优化：股东名称改为真实格式
- Handler 修复：数组格式处理 + holding_ratio 百分比转换
- UI: 黑金主题统一、表格 hover 金色半透明

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 18:00:00 +08:00
zdl
3abee6b907 docs: 更新 STRUCTURE.md 目录结构说明 
- 添加 BasicInfoTab/ 目录结构详情
- 补充各子组件功能注释:
  - LoadingState: 加载状态组件
  - ShareholderPanel: 股权结构面板
  - ManagementPanel: 管理团队面板
  - AnnouncementsPanel: 公告信息面板
  - BranchesPanel: 分支机构面板
  - BusinessInfoPanel: 工商信息面板

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 16:29:34 +08:00
zdl
9aaf4400c1 refactor: BasicInfoTab 拆分为 TypeScript 模块化组件 
- 删除旧的 BasicInfoTab.js (~1000行)
- 新建 BasicInfoTab/ 目录，拆分为 10 个 TypeScript 文件:
  - index.tsx: 主组件（可配置 Tab）
  - config.ts: Tab 配置 + 黑金主题
  - utils.ts: 格式化工具函数
  - components/: 5 个面板组件 + LoadingState
- 主组件支持 enabledTabs、defaultTabIndex、onTabChange
- 应用黑金主题，支持懒加载 (isLazy)
- 更新 types.ts 添加 ActualControl、Concentration 等类型字段

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 16:28:54 +08:00
zdl
1cd8a2d7e9 fix: 颜色调整 2025-12-10 15:56:08 +08:00
zdl
af3cdc24b1 style: CompanyHeaderCard 黑金主题三区块布局重构 
- 布局调整：从两栏(8:4)改为垂直三区块（身份分类 | 关键属性 | 公司介绍）
- 黑金主题：卡片背景 gray.800，金色强调色 #D4AF37
- 移除字段：法定代表人、董事长、总经理、邮箱、电话
- 保留字段：公司名称、代码、行业分类、成立日期、注册资本、所在地、官网、公司介绍
- CompanyTabs: TabPanel 去掉左右边距

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 15:53:50 +08:00
zdl
bfb6ef63d0 refactor: MarketDataView TypeScript 重构 - 2060 行拆分为 12 个模块 
- 将原 index.js (2060 行) 重构为 TypeScript 模块化架构
- 新增 types.ts: 383 行类型定义 (Theme, TradeDayData, MinuteData 等)
- 新增 services/marketService.ts: API 服务层封装
- 新增 hooks/useMarketData.ts: 数据获取 Hook
- 新增 utils/formatUtils.ts: 格式化工具函数
- 新增 utils/chartOptions.ts: ECharts 图表配置生成器 (698 行)
- 新增 components/: ThemedCard, MarkdownRenderer, StockSummaryCard, AnalysisModal
- 添加 Company/STRUCTURE.md 目录结构文档

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 15:14:23 +08:00
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
38076534b1 perf: CompanyTabs 添加 isLazy 实现 Tab 懒加载 
- 页面打开时只渲染第一个 Tab（CompanyOverview）
- 其他 Tab（深度分析、行情、财务、预测、动态跟踪）点击时才渲染和请求
- 减少首屏请求数量，提升加载性能

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:40:34 +08:00
zdl
a7ab87f7c4 feat: StockQuoteCard 顶部导航区视觉优化 
- 股票名称字号放大至 26px，字重 800，突出显示
- 添加行业标签（金融 · 银行），Badge 边框样式
- 保留指数标签（沪深300、上证180）
- Mock 数据补充 industry、industry_l1、index_tags 字段
- 类型定义新增 industry、industryL1 可选字段

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:30:18 +08:00
zdl
9a77bb6f0b refactor: CompanyOverview 组件 TypeScript 拆分 
- 新增 index.tsx: 主组件（组合层，50 行）
- 新增 CompanyHeaderCard.tsx: 头部卡片组件（168 行）
- 新增 hooks/useCompanyOverviewData.ts: 数据加载 Hook
- 删除 index.js: 原 330 行代码精简 85%
- 修复 Company/index.js: 恢复 CompanyTabs 渲染

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:21:02 +08:00
zdl
bf8847698b feat: CompanyOverview TypeScript 类型定义和工具函数 
- types.ts: 添加公司基本信息、股东、管理层等接口定义
- utils.ts: 添加注册资本、日期格式化函数

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:02:24 +08:00
zdl
8786fa7b06 feat: StockQuoteCard 根据股票代码获取真实行情数据 
- 新增 useStockQuote Hook 获取股票行情
- Company 页面使用 Hook 并传递数据给 StockQuoteCard
- StockQuoteCard 处理 null 数据显示骨架屏
- 股票代码变化时自动刷新行情数据

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 11:00:03 +08:00
zdl
0997cd9992 feat: 搜索栏交互优化 - 移除查询按钮，选择后直接跳转 
- SearchBar: 移除"查询"按钮，简化交互
- SearchBar: 选择股票后直接触发搜索跳转
- useCompanyStock: handleSearch 支持直接传入股票代码参数

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 10:52:04 +08:00
zdl
c8d704363d fix: 搜索框默认值改为空，避免下拉弹窗自动打开 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 10:35:01 +08:00
zdl
0de4a1f7af feat: SearchBar 模糊搜索功能 
- SearchBar: 添加股票代码/名称模糊搜索下拉列表
- SearchBar: 使用 Redux allStocks 数据源进行过滤
- SearchBar: 点击外部自动关闭下拉，选择后自动搜索
- useCompanyStock: handleKeyPress 改为 handleKeyDown（兼容性优化）
- Company/index: 初始化时加载全部股票列表

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-10 10:25:31 +08:00
zdl
3382dd1036 feat: UI调整 2025-12-10 10:09:24 +08:00
zdl
9423094af2 pref: 移除 useColorModeValue 
UI调整
 2025-12-09 19:26:52 +08:00
zdl
4f38505a80 style: StockQuoteCard 黑金主题 UI 调整 
颜色配置：
- 背景：纯黑 #000000
- 边框/标签：金色 #C9A961
- 主要文字：亮金 #F4D03F
- 涨：红色 #F44336（红涨绿跌）
- 跌：绿色 #4CAF50

字体大小：
- 股票价格：48px bold
- 股票名称/代码：24px bold
- 涨跌幅 Badge：20px bold
- 关键指标数值：16px bold
- 标签文字：14px

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 18:54:19 +08:00
zdl
4274341ed5 feat: 动态跟踪添加新闻动态二级 Tab 
- 添加 Tabs 结构支持二级 Tab 扩展
- Tab1: 新闻动态（复用 NewsEventsTab 组件）
- 实现 loadNewsEvents 数据加载逻辑
- 支持搜索和分页功能
- 自动获取股票名称用于新闻搜索

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 18:46:37 +08:00
zdl
40f6eaced6 refactor: 移除暗色模式相关代码，使用固定浅色主题 
- DeepAnalysisTab: 移除 useColorModeValue，使用固定颜色值
- NewsEventsTab: 移除 useColorModeValue，简化 hover 颜色
- FinancialPanorama: 移除 useColorMode/useColorModeValue
- MarketDataView: 移除 dark 主题配置，简化颜色逻辑
- StockQuoteCard: 移除 useColorModeValue，使用固定颜色

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 18:46:30 +08:00
zdl
2dd7dd755a refactor: Company 页面一级 Tab 重构为 6 个 
- 新增深度分析 Tab（从 CompanyOverview 提取为独立组件）
- 新增动态跟踪 Tab（占位组件，后续添加内容）
- Tab 顺序：公司概览 | 深度分析 | 股票行情 | 财务全景 | 盈利预测 | 动态跟踪
- 简化 CompanyOverview：移除内部 Tabs，只保留头部卡片 + 基本信息
- DeepAnalysis 组件独立管理深度分析数据加载（3个接口）

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 17:52:23 +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
d7759b1da3 feat: 添加股票行情卡片 2025-12-09 17:26:58 +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
zdl
c1e10e6205 Merge branch 'feature_bugfix/251201_vf_h5_ui' into feature_2025/251209_stock_pref 
* feature_bugfix/251201_vf_h5_ui:
  feat: 事件关注功能优化 - Redux 乐观更新 + Mock 数据状态同步
  feat: 投资日历自选股功能优化 - Redux 集成 + 乐观更新
  fix: 修复投资日历切换月份时自动打开事件弹窗的问题
  fix: 修复 CompanyOverview 中 Hooks 顺序错误
 2025-12-09 16:36:46 +08:00
zdl
27fff4e60b fix: 修复 CompanyOverview 中 Hooks 顺序错误 
问题：在 JSX 内部调用 useColorModeValue，违反 React Hooks 规则
- 第 1377/1388/1786/1797 行直接在 JSX 属性中调用 hook

修复：将 useColorModeValue 调用移到组件顶层
- 添加 blueBg/greenBg/purpleBg/orangeBg 变量
- JSX 中使用变量代替直接调用

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 15:35:39 +08:00
zdl
4954c58525 refactor: Company 目录结构重组 - Tab 内容组件文件夹化 
- 将 4 个 Tab 内容组件移动到 components/ 目录下
  - CompanyOverview.js → components/CompanyOverview/index.js
  - MarketDataView.js → components/MarketDataView/index.js
  - FinancialPanorama.js → components/FinancialPanorama/index.js
  - ForecastReport.js → components/ForecastReport/index.js
- 更新 CompanyTabs/index.js 导入路径
- 更新 routes/lazy-components.js 路由路径
- 修复组件内相对路径导入，改用 @utils/@services 别名

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-09 15:31:58 +08:00
zdl
91bd581a5e feat: 添加 useCompanyStock 股票代码管理 2025-12-09 15:18:06 +08:00
zdl
258708fca0 fix: bug修复 2025-12-09 15:16:02 +08:00
zdl
c61d58b0e3 feat: 添加Company 页面 Tab 切换组件 2025-12-09 15:01:16 +08:00
zdl
ed1c7b9fa9 feat: 添加Company 页面头部组件 CompanyHeader 
index.js            # 组合导出
SearchBar.js        # 股票搜索栏
WatchlistButton.js  # 自选股按钮
 2025-12-09 14:59:24 +08:00
zdl
65f71603e1 fix: 文案修改 2025-12-08 19:23:12 +08:00
zzlgreat
642de62566 update pay ui 2025-12-02 18:55:59 +08:00
zzlgreat
4ea1ef08f4 update pay ui 2025-12-02 18:50:01 +08:00
zzlgreat
c7a881c965 update pay function 2025-11-25 20:22:45 +08:00
zzlgreat
b582de9bc2 update pay function 2025-11-23 17:19:56 +08:00
zzlgreat
acb7862789 update pay function 2025-11-23 16:57:02 +08:00
zzlgreat
a778f94b68 update pay function 2025-11-23 16:34:45 +08:00
zzlgreat
23a94d5ab2 update pay function 2025-11-23 16:23:18 +08:00
zzlgreat
d5250f7d3c update pay function 2025-11-23 15:58:14 +08:00