vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
3,986 Commits 35 Branches 1 Tag
23067db51371e8bd09b6ebe47458e4f7d1bfa4ff
Commit Graph

3986 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
zdl
58254d3e8f bugfix：调整 2025-10-27 22:31:41 +08:00
zdl
6b4f44a3a9 feat: 路由链接调整 2025-10-27 22:31:06 +08:00
zdl
760ce4d5e1 feat: 路由链接调整 2025-10-27 22:31:06 +08:00
zdl
1dbf00030c bugfix：修复警告错误 2025-10-27 22:29:53 +08:00
zdl
95c1eaf97b bugfix：修复警告错误 2025-10-27 22:29:53 +08:00
zdl
11a23281a7 feat: 错误logger 不在被error页面捕获 2025-10-27 21:14:51 +08:00
zdl
657c446594 feat: 错误logger 不在被error页面捕获 2025-10-27 21:14:51 +08:00
zdl
a2d54825ba Merge branch 'feature' of https://git.valuefrontier.cn/vf/vf_react into feature 2025-10-27 17:52:39 +08:00
zdl
10f519a764 Merge branch 'feature' of https://git.valuefrontier.cn/vf/vf_react into feature 2025-10-27 17:52:39 +08:00
zdl
70993295ce feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开 
**主要变更**：

1. **渲染函数重构**：
   - 重写 renderCompactEvent：标题2行+标签内联+按钮右侧布局
   - 重写 renderDetailedEvent：标题+优先级+统计+价格标签+时间作者
   - 添加 getTimelineBoxStyle 函数统一时间轴样式
   - renderCompactEvent 支持隔行变色（index % 2）

2. **顶部控制栏全面升级**：
   - 改为 sticky 定位，全宽白色背景
   - 左侧占位，中间嵌入分页器，右侧控制按钮
   - 新增桌面推送开关（使用 handlePushToggle）
   - WebSocket 状态简化为 🟢实时/🔴离线
   - 精简模式切换改为 xs 尺寸

3. **描述展开/收起功能**：
   - 详细模式支持长描述（>120字符）展开/收起
   - 使用 expandedDescriptions 状态管理
   - noOfLines 动态切换

4. **统一时间格式**：
   - 所有时间显示统一为 YYYY-MM-DD HH:mm

**效果**：
- 精简模式更紧凑，信息密度更高
- 详细模式布局更清晰，价格标签更易读
- 顶部控制栏功能集中，操作更便捷
- 推送权限管理可视化

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:46:13 +08:00
zdl
f072256021 feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开 
**主要变更**：

1. **渲染函数重构**：
   - 重写 renderCompactEvent：标题2行+标签内联+按钮右侧布局
   - 重写 renderDetailedEvent：标题+优先级+统计+价格标签+时间作者
   - 添加 getTimelineBoxStyle 函数统一时间轴样式
   - renderCompactEvent 支持隔行变色（index % 2）

2. **顶部控制栏全面升级**：
   - 改为 sticky 定位，全宽白色背景
   - 左侧占位，中间嵌入分页器，右侧控制按钮
   - 新增桌面推送开关（使用 handlePushToggle）
   - WebSocket 状态简化为 🟢实时/🔴离线
   - 精简模式切换改为 xs 尺寸

3. **描述展开/收起功能**：
   - 详细模式支持长描述（>120字符）展开/收起
   - 使用 expandedDescriptions 状态管理
   - noOfLines 动态切换

4. **统一时间格式**：
   - 所有时间显示统一为 YYYY-MM-DD HH:mm

**效果**：
- 精简模式更紧凑，信息密度更高
- 详细模式布局更清晰，价格标签更易读
- 顶部控制栏功能集中，操作更便捷
- 推送权限管理可视化

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:46:13 +08:00
zdl
3a174f9928 feat(EventList): 功能增强 - 集成NotificationContext和添加动画 
**主要变更**：

1. **集成NotificationContext**：
   - 引入 useNotification hook，替代本地通知权限状态
   - 删除本地 notificationPermission 状态和 useEffect
   - 使用 browserPermission 和 requestBrowserPermission
   - 添加 handlePushToggle 函数处理推送开关切换

2. **添加动画支持**：
   - 从 @emotion/react 引入 keyframes
   - 定义 pulseAnimation 脉冲动画（用于S/A级重要性标签）

3. **添加描述展开状态**：
   - 新增 expandedDescriptions 状态管理

**效果**：
- 推送权限管理更集中统一
- 支持动画效果增强视觉体验
- 为后续UI优化做准备

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:40:51 +08:00
zdl
0e3bdc9b8c feat(EventList): 功能增强 - 集成NotificationContext和添加动画 
**主要变更**：

1. **集成NotificationContext**：
   - 引入 useNotification hook，替代本地通知权限状态
   - 删除本地 notificationPermission 状态和 useEffect
   - 使用 browserPermission 和 requestBrowserPermission
   - 添加 handlePushToggle 函数处理推送开关切换

2. **添加动画支持**：
   - 从 @emotion/react 引入 keyframes
   - 定义 pulseAnimation 脉冲动画（用于S/A级重要性标签）

3. **添加描述展开状态**：
   - 新增 expandedDescriptions 状态管理

**效果**：
- 推送权限管理更集中统一
- 支持动画效果增强视觉体验
- 为后续UI优化做准备

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:40:51 +08:00
zdl
625586b804 feat(EventList): UI优化 - 简化标签文字和调整顶部间距 
**改进内容**:
1. 简化涨跌幅标签文字
   - 平均涨幅 → 平均
   - 最大涨幅 → 最大
   - 周涨幅 → 周

2. 调整顶部间距
   - 移除顶部padding (py={8} → pb={8})
   - 控制栏紧贴页面顶部

**效果**: 节省显示空间，标签更简洁，顶部无留白

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:36:28 +08:00
zdl
5e4c4e7cea feat(EventList): UI优化 - 简化标签文字和调整顶部间距 
**改进内容**:
1. 简化涨跌幅标签文字
   - 平均涨幅 → 平均
   - 最大涨幅 → 最大
   - 周涨幅 → 周

2. 调整顶部间距
   - 移除顶部padding (py={8} → pb={8})
   - 控制栏紧贴页面顶部

**效果**: 节省显示空间，标签更简洁，顶部无留白

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-10-27 17:36:28 +08:00
zdl
d84d60bdd4 feat: 热点事件UI调整成轮播图 2025-10-27 17:22:03 +08:00
zdl
31a7500388 feat: 热点事件UI调整成轮播图 2025-10-27 17:22:03 +08:00
zdl
f3e84934ae feat: 修复数据获取bug 2025-10-27 17:21:31 +08:00
zdl
03c113fe1b feat: 修复数据获取bug 2025-10-27 17:21:31 +08:00
zdl
31706c756c feat: 访问 http://localhost:3000/admin/community： 
1. 页面加载后应停留在顶部
  2. 点击搜索框，页面应平滑滚动到"实时事件时间轴"区域
  3. 再次点击搜索框不会重复滚动
 2025-10-27 16:37:36 +08:00
zdl
0f3bc06716 feat: 访问 http://localhost:3000/admin/community： 
1. 页面加载后应停留在顶部
  2. 点击搜索框，页面应平滑滚动到"实时事件时间轴"区域
  3. 再次点击搜索框不会重复滚动
 2025-10-27 16:37:36 +08:00
zdl
f4b483fc25 feat: 热点事件UI调整 2025-10-27 15:59:13 +08:00
zdl
e568b5e05f feat: 热点事件UI调整 2025-10-27 15:59:13 +08:00
zzlgreat
bc70cd0ccd update ip address to company's 2025-10-27 15:54:22 +08:00
zzlgreat
c5aaaabf17 update ip address to company's 2025-10-27 15:54:22 +08:00
zzlgreat
3e64f40ce3 update ip address to company's 2025-10-27 15:47:04 +08:00
zzlgreat
9ede603c9f update ip address to company's 2025-10-27 15:47:04 +08:00
zdl
0b8662d186 feat: 文案修改 2025-10-27 15:40:20 +08:00
zdl
629c63f4ee feat: 文案修改 2025-10-27 15:40:20 +08:00
zdl
7404b2107f feat: 事件中心去掉头图， 并且将热点区域提到首屏 2025-10-27 15:39:56 +08:00
zdl
d6bc2c7245 feat: 事件中心去掉头图， 并且将热点区域提到首屏 2025-10-27 15:39:56 +08:00
zdl
1ce7ffa093 feat: 添加mock数据 2025-10-27 15:39:06 +08:00
zdl
dc38199ae6 feat: 添加mock数据 2025-10-27 15:39:06 +08:00
zdl
02958bdc79 feat: 将事件中心的头部添加到首页 2025-10-27 15:31:22 +08:00
zdl
d93b5de319 feat: 将事件中心的头部添加到首页 2025-10-27 15:31:22 +08:00
zdl
7f186dbfa0 feat: 为"股票行情"和"财务全景"标签页添加 Mock 数据支持 
问题：
     - 点击"股票行情"标签页：MarketDataView 组件需要市场数据接口
     - 点击"财务全景"标签页：FinancialPanorama 组件需要财务数据接口
     - 这些接口都没有 mock 数据，导致页面显示空白

     需要添加的接口：

     股票行情 (MarketDataView) - 7个接口

     1. /api/market/trade/:stockCode - 成交数据
     2. /api/market/funding/:stockCode - 资金流向
     3. /api/market/bigdeal/:stockCode - 大单统计
     4. /api/market/unusual/:stockCode - 异动分析
     5. /api/market/pledge/:stockCode - 股权质押
     6. /api/market/summary/:stockCode - 市场摘要
     7. /api/market/rise-analysis/:stockCode - 涨停分析
     8. /api/stock/:stockCode/latest-minute - 最新分时数据

     财务全景 (FinancialPanorama) - 9个接口

     1. /api/financial/stock-info/:stockCode - 股票基本信息
     2. /api/financial/balance-sheet/:stockCode - 资产负债表
     3. /api/financial/income-statement/:stockCode - 利润表
     4. /api/financial/cashflow/:stockCode - 现金流量表
     5. /api/financial/financial-metrics/:stockCode - 财务指标
     6. /api/financial/main-business/:stockCode - 主营业务
     7. /api/financial/forecast/:stockCode - 业绩预告
     8. /api/financial/industry-rank/:stockCode - 行业排名
     9. /api/financial/comparison/:stockCode - 期间对比

     实施步骤：
     1. 创建 src/mocks/data/market.js - 市场数据
     2. 创建 src/mocks/data/financial.js - 财务数据
     3. 创建 src/mocks/handlers/market.js - 市场接口handlers
     4. 创建 src/mocks/handlers/financial.js - 财务接口handlers
     5. 更新 src/mocks/handlers/index.js - 注册新handlers

     数据内容：
     - 为平安银行 (000001) 提供完整真实数据
     - 其他股票代码生成合理的模拟数据
 2025-10-27 15:10:03 +08:00
zdl
199a54bc12 feat: 为"股票行情"和"财务全景"标签页添加 Mock 数据支持 
问题：
     - 点击"股票行情"标签页：MarketDataView 组件需要市场数据接口
     - 点击"财务全景"标签页：FinancialPanorama 组件需要财务数据接口
     - 这些接口都没有 mock 数据，导致页面显示空白

     需要添加的接口：

     股票行情 (MarketDataView) - 7个接口

     1. /api/market/trade/:stockCode - 成交数据
     2. /api/market/funding/:stockCode - 资金流向
     3. /api/market/bigdeal/:stockCode - 大单统计
     4. /api/market/unusual/:stockCode - 异动分析
     5. /api/market/pledge/:stockCode - 股权质押
     6. /api/market/summary/:stockCode - 市场摘要
     7. /api/market/rise-analysis/:stockCode - 涨停分析
     8. /api/stock/:stockCode/latest-minute - 最新分时数据

     财务全景 (FinancialPanorama) - 9个接口

     1. /api/financial/stock-info/:stockCode - 股票基本信息
     2. /api/financial/balance-sheet/:stockCode - 资产负债表
     3. /api/financial/income-statement/:stockCode - 利润表
     4. /api/financial/cashflow/:stockCode - 现金流量表
     5. /api/financial/financial-metrics/:stockCode - 财务指标
     6. /api/financial/main-business/:stockCode - 主营业务
     7. /api/financial/forecast/:stockCode - 业绩预告
     8. /api/financial/industry-rank/:stockCode - 行业排名
     9. /api/financial/comparison/:stockCode - 期间对比

     实施步骤：
     1. 创建 src/mocks/data/market.js - 市场数据
     2. 创建 src/mocks/data/financial.js - 财务数据
     3. 创建 src/mocks/handlers/market.js - 市场接口handlers
     4. 创建 src/mocks/handlers/financial.js - 财务接口handlers
     5. 更新 src/mocks/handlers/index.js - 注册新handlers

     数据内容：
     - 为平安银行 (000001) 提供完整真实数据
     - 其他股票代码生成合理的模拟数据
 2025-10-27 15:10:03 +08:00
zdl
a04daabcb8 feat: 添加mock数据 2025-10-27 14:56:44 +08:00
zdl
39feae87a6 feat: 添加mock数据 2025-10-27 14:56:44 +08:00
zdl
af012ae8d0 feat:. mockSocketService 添加 connecting 状态 
- 新增 connecting 标志防止重复连接
  - 在 connect() 方法中检查 connected 和 connecting 状态
  - 连接成功或失败后清除 connecting 标志\
2. NotificationContext 调整监听器注册顺序

  - 在 useEffect 中重新排序初始化步骤
  - 第一步：注册所有事件监听器（connect, disconnect, new_event 等）
  - 第二步：获取最大重连次数
  - 第三步：调用 socket.connect()
  - 使用空依赖数组 [] 防止 React 严格模式重复执行\
3. logger 添加日志限流

  - 实现 shouldLog() 函数，1秒内相同日志只输出一次
  - 使用 Map 缓存最近日志，带最大缓存限制（100条）
  - 应用到所有 logger 方法：info, warn, debug, api.request, api.response
  - 错误日志（error, api.error）不做限流，始终输出\
修复 emit 时机确保事件被接收

  - 在 mockSocketService 的 connect() 方法中
  - 使用 setTimeout(0) 延迟 emit(connect) 调用
  - 确保监听器注册完毕后再触发事件\
 2025-10-27 13:13:56 +08:00
zdl
a9dc1191bf feat:. mockSocketService 添加 connecting 状态 
- 新增 connecting 标志防止重复连接
  - 在 connect() 方法中检查 connected 和 connecting 状态
  - 连接成功或失败后清除 connecting 标志\
2. NotificationContext 调整监听器注册顺序

  - 在 useEffect 中重新排序初始化步骤
  - 第一步：注册所有事件监听器（connect, disconnect, new_event 等）
  - 第二步：获取最大重连次数
  - 第三步：调用 socket.connect()
  - 使用空依赖数组 [] 防止 React 严格模式重复执行\
3. logger 添加日志限流

  - 实现 shouldLog() 函数，1秒内相同日志只输出一次
  - 使用 Map 缓存最近日志，带最大缓存限制（100条）
  - 应用到所有 logger 方法：info, warn, debug, api.request, api.response
  - 错误日志（error, api.error）不做限流，始终输出\
修复 emit 时机确保事件被接收

  - 在 mockSocketService 的 connect() 方法中
  - 使用 setTimeout(0) 延迟 emit(connect) 调用
  - 确保监听器注册完毕后再触发事件\
 2025-10-27 13:13:56 +08:00
zdl
6cc0c31803 feat: 修复 UnifiedSearchBox 语法错误 2025-10-27 11:38:16 +08:00
zdl
227e1c9d15 feat: 修复 UnifiedSearchBox 语法错误 2025-10-27 11:38:16 +08:00
zdl
a487b1eb6b feat: 日期标签删除重置内容 2025-10-27 10:51:19 +08:00
zdl
b5cdceb92b feat: 日期标签删除重置内容 2025-10-27 10:51:19 +08:00
zdl
6a5bd944a8 feat: 调整时间中心搜索逻辑 2025-10-27 10:32:51 +08:00
zdl
aacbe5c31c feat: 调整时间中心搜索逻辑 2025-10-27 10:32:51 +08:00
zdl
1dbe370e1a feat: 事件列表添加最低高度 2025-10-27 00:12:09 +08:00
zdl
197c792219 feat: 事件列表添加最低高度 2025-10-27 00:12:09 +08:00
zdl
dc30fc0655 feat: 热门关键词取去掉loading态 2025-10-27 00:11:46 +08:00