vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,251 Commits 32 Branches 1 Tag
32e44192681309e8a58b018865ef9900aee21167
Commit Graph

57 Commits

Author SHA1 Message Date
zdl
32e4419268 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
21054703ef fix: 添加mock数据 2025-12-10 19:57:21 +08:00
zdl
39ee2c60c8 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
2da4d6fab2 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
ab226268c7 feat: 公司基础信息展示字段调整，公司概览调整为公司档案 2025-12-10 19:04:43 +08:00
zdl
1ce387cba9 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
43bc1b496d fix: 调整UI 2025-12-10 18:18:05 +08:00
zdl
eb41a2a45d 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
a8b57dd3eb 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
3c221d5ede 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
7acc0feb14 fix: 颜色调整 2025-12-10 15:56:08 +08:00
zdl
d276dc2f44 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
d5fecaec0c 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
3f9e892cd2 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
5d27ec6917 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
877926aa4f 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
9691c184b0 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
b300a6c722 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
b7a8aa1a4c 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
3dc1b565bd 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
84354a6c42 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
005542cbc5 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
5f00e503aa feat: UI调整 2025-12-10 10:09:24 +08:00
zdl
4581df6c5c pref: 移除 useColorModeValue 
UI调整
 2025-12-09 19:26:52 +08:00
zdl
e9aa9018d9 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
b3e687242e 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
6fcd5da0fb 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
bde8975b8e 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
776c7a0f98 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
2efd731f96 feat: 添加股票行情卡片 2025-12-09 17:26:58 +08:00
zdl
0d67ef76f0 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
6395bed162 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
48455959fb 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
0193b54afe 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
f1dd7c5b16 feat: 添加 useCompanyStock 股票代码管理 2025-12-09 15:18:06 +08:00
zdl
f064b982e8 fix: bug修复 2025-12-09 15:16:02 +08:00
zdl
c96e301eaa feat: 添加Company 页面 Tab 切换组件 2025-12-09 15:01:16 +08:00
zdl
ad26ae0a44 feat: 添加Company 页面头部组件 CompanyHeader 
index.js            # 组合导出
SearchBar.js        # 股票搜索栏
WatchlistButton.js  # 自选股按钮
 2025-12-09 14:59:24 +08:00
zdl
39e8e04c94 fix: 文案修改 2025-12-08 19:23:12 +08:00
zzlgreat
dbc99fe492 update pay ui 2025-12-02 18:55:59 +08:00
zzlgreat
3587571568 update pay ui 2025-12-02 18:50:01 +08:00
zzlgreat
2db88d6dc2 update pay function 2025-11-25 20:22:45 +08:00
zzlgreat
05a2f62a42 update pay function 2025-11-23 17:19:56 +08:00
zzlgreat
8d118ccfff update pay function 2025-11-23 16:57:02 +08:00
zzlgreat
2c3426219b update pay function 2025-11-23 16:34:45 +08:00
zzlgreat
ae42a65404 update pay function 2025-11-23 16:23:18 +08:00
zzlgreat
1da3363a40 update pay function 2025-11-23 15:58:14 +08:00
zzlgreat
c6af0f83e5 update pay function 2025-11-23 15:40:58 +08:00
zdl
07751f3ff4 feat: Company - 5个事件（页面浏览、股票搜索、Tab 切换、自选股管理） 2025-10-28 21:52:27 +08:00
zdl
f3e84934ae feat: 修复数据获取bug 2025-10-27 17:21:31 +08:00