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

1048 Commits

Author SHA1 Message Date
zdl
f5dbdfa84c refactor(layout): 统一页面边距管理，移除 Container 限制 
- layoutConfig.js: 新增 LAYOUT_PADDING 常量 { base: 4, md: 6, lg: '80px' }
- MainLayout.js: 在 Outlet 容器上统一应用 px={LAYOUT_PADDING.x}
- HomeNavbar.js: 边距从 lg:8 改为 lg:'80px'，与内容区对齐
- AppFooter.js: 移除 Container，边距改为 lg:'80px'

页面组件清理（移除冗余的 px/Container）：
- Company, Community, Center, Profile, Settings
- ValueForum, DataBrowser, LimitAnalyse, StockOverview, Concept

特殊处理：
- CompanyHeader: 使用负边距实现全宽背景
- Concept Hero: 使用负边距实现全宽背景

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 18:34:42 +08:00
zdl
ef7f266e72 chore: 移除 visx 图表库依赖 
- 删除 src/components/VisxPieChart/ 组件（无引用）
- 清理 DataVisualizationComponents.js 中的 visx 词云实现
- 词云功能统一使用 ECharts 实现
- 卸载 @visx/visx、@visx/responsive 等相关包（共 72 个）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 18:34:42 +08:00
zdl
c529626ce2 fix: 会员过期时跳过 API 请求 & 限制 STOMP WebSocket 重连次数 
- DynamicNewsDetailPanel: 添加会员过期判断，过期时显示续费提示
  - RelatedConceptsSection: 会员过期时跳过概念 API 请求
  - TransmissionChainAnalysis: 会员过期时跳过传导链 API 请求
  - BytedeskWidget: 限制 STOMP WebSocket 最多重连 3 次，屏蔽相关日志
 2025-12-24 18:34:41 +08:00
zzlgreat
bf58e97e84 滚动条样式更新 2025-12-24 17:03:33 +08:00
zzlgreat
a4462ba3e6 Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock 2025-12-24 14:18:57 +08:00
zzlgreat
38b510c681 滚动条样式更新 2025-12-24 14:18:49 +08:00
zdl
48c9210cf8 refactor(Center): 重构 FeatureEntryPanel 组件 
- 将 FeatureEntryPanel 重构为目录结构，提取 FeatureCardItem 子组件
- 使用 GlassCard 容器，标题栏样式与投资仪表盘保持一致
- 调整组件顺序：核心功能入口移至价值论坛下方
- 功能卡片采用水平布局，圆形渐变图标 + 标题描述

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 13:50:06 +08:00
zdl
adc802da94 style: 优化资产配置模块高度，使布局更紧凑 
- 图表高度从 280px 降低到 200px
- 调整圆环大小和位置使其在较小空间内显示更协调
- 减少 CardBody 和详细配置信息的间距

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 13:50:06 +08:00
zzlgreat
901ac53453 滚动条样式更新 2025-12-24 13:48:38 +08:00
zzlgreat
fbb0eebbbf 滚动条样式更新 2025-12-24 13:44:02 +08:00
zzlgreat
75dd3ad994 滚动条样式更新 2025-12-24 13:32:52 +08:00
zzlgreat
badc5865f4 更新Company页面的UI为FUI风格 2025-12-24 13:26:12 +08:00
zzlgreat
7b418700c8 更新Company页面的UI为FUI风格 2025-12-24 13:21:06 +08:00
zzlgreat
1ed8c3e1ac 更新Company页面的UI为FUI风格 2025-12-24 13:13:20 +08:00
zzlgreat
272a6002bb 更新Company页面的UI为FUI风格 2025-12-24 12:55:47 +08:00
zzlgreat
9b969eb97e 更新Company页面的UI为FUI风格 2025-12-24 12:52:04 +08:00
zzlgreat
f7732c6465 更新Company页面的UI为FUI风格 2025-12-24 12:47:34 +08:00
zdl
292d3a007a refactor(TradingSimulation): 迁移 ApexCharts 图表到 ECharts 
图表组件迁移：
  - AssetTrendChart: 资产走势折线图 → ECharts 面积图
  - AssetAllocationChart: 资产配置环形图 → ECharts 饼图
  - PositionDistributionChart: 持仓分布饼图 → ECharts 饼图
  - ProfitAnalysisChart: 盈亏分析柱状图 → ECharts 柱状图

  删除的 ApexCharts 组件：
  - src/components/Charts/LineChart.js
  - src/components/Charts/BarChart.js
  - src/components/Charts/PieChart.js
  - src/components/Charts/DonutChart.js

  技术改进：
  - 统一使用 ECharts 作为通用图表库
  - 新组件使用 TypeScript，类型安全
  - 为后续移除 apexcharts 依赖做准备
 2025-12-24 12:06:26 +08:00
zdl
12fc63bef9 chore: 删除未使用的 ApexCharts 模板组件和演示页面 
删除的组件:
- src/components/Charts/BubbleChart.js
- src/components/Charts/LineBarChart.js
- src/components/Charts/PolarChart.js
- src/components/Charts/RadarChart.js

删除的模板演示页面:
- src/views/Pages/Charts.js
- src/views/Pages/Projects/General.js
- src/views/Pages/RTLPage.js

这些文件来自 Argon Dashboard Chakra PRO 模板，从未被路由引用或使用

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 11:28:11 +08:00
zdl
ac76db09a2 feat(HomePage): 已登录用户访问首页展示个人中心内容 
- HomePage: 添加条件渲染，已登录时展示 Center 组件
- 重构 Center 目录结构，合并 Center.tsx 到 index.tsx
- 重命名 CenterDashboard 为 Center（lazy-components, homeRoutes）

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-24 11:06:30 +08:00
zdl
9156da410d feat(WatchSidebar): 面板 UI 优化，添加日均周涨展示 
- WatchlistPanel: 添加 hideTitle 支持，新增日均/周涨 Badge 展示
- FollowingEventsPanel: 添加 hideTitle 支持，兼容 related_avg_chg 字段
- FollowingEventsMenu: 使用 FavoriteButton 替代文字按钮
- 统一卡片样式，与关注事件面板保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 20:17:57 +08:00
zdl
60aa5c80a5 style(EventDetailModal): 优化弹窗 Tab 和关闭按钮样式 
- Tab 颜色方案调整：全部=紫罗兰色，计划=金色，复盘=绿色，系统=蓝色
- 未选中态统一使用银白色主题
- 选中态增强高亮效果（boxShadow、更明显的边框）
- 标题颜色调整为 rgba(255,255,255,0.85)
- 关闭按钮增强可见性：添加背景色、固定尺寸、圆角
- 弹窗背景色与 /home/center 页面保持一致

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 20:17:57 +08:00
zzlgreat
1eb94cc213 更新Company页面的UI为FUI风格 2025-12-23 17:53:21 +08:00
zdl
e0e1e7e444 Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock 
* 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react:
  更新Company页面的UI为FUI风格
  更新Company页面的UI为FUI风格
 2025-12-23 17:46:45 +08:00
zdl
602dcf8eee style(Profile): 用户中心 UI 紧凑化与布局优化 2025-12-23 17:45:03 +08:00
zdl
d9dbf65e7d refactor(Concept): ConceptTimelineModal 迁移到 BaseCalendar 2025-12-23 17:44:48 +08:00
zdl
12a57f2fa2 refactor(Center): 重构投资规划中心日历与事件管理 2025-12-23 17:44:35 +08:00
zdl
068d59634b chore: 清理废弃的组件和样式文件 2025-12-23 17:44:06 +08:00
zdl
4cae6fe5b6 fix(mock): 修复主线数据不显示问题 
- 调整 MSW handler 顺序，确保 /api/events/mainline 在 :eventId 之前匹配
  - 修复 generateDynamicNewsEvents 函数调用参数顺序错误
  - 添加主线事件模板，确保生成的事件能匹配主线关键词
  - 删除重复的 mainline handler 代码
  - 清理调试日志
 2025-12-23 17:34:20 +08:00
zdl
145b6575d8 feat(MarketDashboard): 添加市场概况卡片（上证/深证/总市值/成交额） 
新增组件：
- MarketSummaryCard: 紧凑型 2x2 网格布局
  - 上证指数：价格、涨跌额、涨跌幅
  - 深证指数：价格、涨跌额、涨跌幅
  - 总市值：万亿级格式化显示
  - 成交额：万亿级格式化显示

布局更新：
- MarketOverview: 从 3 列扩展为 4 列
- 市场概况卡片位于最左侧

Mock API：
- /api/market/summary: 返回实时市场概况数据
- 数据基于时间产生小波动，模拟真实行情

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 15:28:48 +08:00
zdl
7d859e18ca style(HotSectorsRanking): 统一与关注股票面板 UI 风格 
- 移除外层装饰盒子（背景、边框、毛玻璃效果）
- 标题行添加 TrendingUp 图标 + 数量显示
- 列表项添加 hover 效果和 cursor: pointer
- 滚动条样式与 WatchlistPanel 一致
- 涨跌幅统一为 2 位小数
- 新增 onSectorClick 回调支持板块点击

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:57:12 +08:00
zdl
b2ade04b00 fix(EventPanel): 优化响应式网格布局 
- 调整 Grid templateColumns 响应式断点
- base: 1列 → sm: 2列 → lg: 3列
- 提升大屏幕下的空间利用率

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:51:02 +08:00
zdl
d24f9c7b16 feat(Center): 投资规划中心新建计划/复盘乐观更新 
- planningSlice: 添加 optimisticAddEvent、replaceEvent、removeEvent reducers
- EventFormModal: 新建模式使用乐观更新，立即关闭弹窗显示数据
- account.js: Mock 数据按日期倒序排序，最新事件在前

乐观更新流程：
1. 创建临时事件（负数 ID）立即更新 UI
2. 后台发送 API 请求
3. 成功后替换为真实数据，失败则回滚

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:50:29 +08:00
zdl
ab5b19847f refactor(Planning): 投资规划中心重构为 Redux 状态管理 
- 新增 planningSlice 管理计划/复盘数据
- InvestmentPlanningCenter 改用 Redux 而非本地 state
- 列表和日历视图共享同一数据源，保持同步
- 优化 Mock handlers，改进事件 ID 生成和调试日志

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:49 +08:00
zdl
0b683f4227 fix(HomePage): 修复页面高度为自适应 
- 移除固定的 heroHeight (60vh/80vh/100vh)
- 改用 minH=100% 自适应容器高度
- 修复页面不必要的滚动问题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:36 +08:00
zdl
fd5b74ec16 refactor(HotSectors): 热门板块从仪表盘移至全局工具栏 
- WatchSidebar 展开状态添加热门板块模块
- MarketOverview 移除热门板块，布局从 4 列改为 3 列
- 避免热门板块在页面和工具栏重复显示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 14:15:29 +08:00
zdl
a41cd71a65 style(Center): 日历组件样式微调 
- CalendarPanel: 优化金色渐变标题效果
- InvestmentCalendar.less: 调整间距和边框样式

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:57:40 +08:00
zdl
89ed59640e feat(WatchSidebar): 增强关注事件面板功能 
- FollowingEventsPanel: 添加取消关注功能 (onUnfollow)
- FollowingEventsPanel: 显示日涨跌和周涨跌两个指标
- WatchlistPanel: 优化布局和样式
- index.js: 导出 useGlobalSidebar hook

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:56:53 +08:00
zdl
dafef2c572 refactor(Center): 大幅简化，移除侧边栏逻辑 
- 移除 WatchSidebar 相关代码（已移至全局 GlobalSidebar）
- 移除数据加载逻辑（由 GlobalSidebarContext 统一管理）
- 移除 useAuth、useLocation、useNavigate 等依赖
- 保留核心功能：MarketDashboard、ForumCenter、InvestmentPlanningCenter
- 代码从 ~260 行精简至 ~40 行

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 11:56:30 +08:00
zdl
0a9ae6507b refactor(Profile): 删除废弃的 StrategyCenter 模块 
删除以下文件：
- StrategyCenter/index.js
- StrategyCenter/components/index.js
- StrategyCenter/components/AITradingCard.js
- StrategyCenter/components/DefenseStrategyCard.js
- StrategyCenter/components/QuarterPlanCard.js
- StrategyCenter/components/ReviewCard.js

该模块功能已整合到 InvestmentPlanningCenter 中

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:56:14 +08:00
zdl
22d731167c refactor(Center): 移除 StrategyCenter，简化布局 
- 移除 StrategyCenter 组件引用
- 移除右侧边栏的滚动条样式（由子组件自行处理）
- 更新投资规划中心注释说明

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:55:46 +08:00
zdl
600d9cc846 refactor(WatchSidebar): 优化三个子组件 
- FollowingEventsPanel: 添加滚动区域容器，移除数量限制
- MyCommentsTab: 添加滚动区域，移除 maxDisplay 限制
- WatchlistPanel: 优化滚动区域样式和布局

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:55:21 +08:00
zdl
dcba97a121 fix(Center): EventPanel 和 EventDetailModal 细节调整 
- EventPanel: 调整组件引用和布局
- EventDetailModal: 引入样式文件

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:54:53 +08:00
zdl
a2a15e45a4 refactor(InvestmentPlanningCenter): 重构为 GlassCard 毛玻璃风格 
- 移除 Chakra Card 组件，改用 GlassCard
- 标题添加金色渐变效果
- 视图切换按钮改为金色主题
- 使用 lucide-react 的 Target 图标替换 FiTarget
- 整体适配 FUI 黑金设计风格

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:54:28 +08:00
zdl
4f6bfe0b8c style(InvestmentCalendar): 优化日历组件样式 
- 调整日历单元格样式和间距
- 优化事件标签显示效果
- 适配黑金主题配色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:58 +08:00
zdl
bbd965a307 style(EventFormModal): 升级为黑金主题样式 
- 股票选择器下拉菜单适配深色背景
- Tag 标签改为金色边框和背景
- 自选股提示文字颜色优化
- 添加 ConfigProvider 深色主题支持
- Less 样式文件大幅扩展，支持完整黑金风格

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:31 +08:00
zdl
f557ef96cf style(CalendarPanel): 适配黑金主题色 
- FullCalendar 按钮改为金色(#D4AF37)
- 今日日期高亮边框改为金色
- 标题添加金色渐变效果
- 事件颜色：计划用金色，复盘用青色，系统事件用蓝色

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:53:04 +08:00
zdl
b6ed68244e style(Center): 新增 EventDetailModal 样式文件 
- 添加事件详情弹窗的独立样式
- 配合黑金主题设计

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:52:33 +08:00
zdl
e93d5532bf feat(Center): 新增 FUIEventCard 毛玻璃风格事件卡片 
- 融合 ReviewCard 的 UI 风格（毛玻璃 + 金色主题）
- 支持编辑、删除、展开描述等功能
- 使用 FUI_THEME 常量统一管理主题色
- 用于复盘列表的高级视觉呈现

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-23 10:52:06 +08:00
zzlgreat
9750ab75ba 更新Company页面的UI为FUI风格 2025-12-23 10:48:33 +08:00