Commit Graph

7 Commits

Author SHA1 Message Date
zdl
20994cfb13 Merge branch 'feature_bugfix/251201_vf_h5_ui' into feature_bugfix/251201_py_h5_ui
* feature_bugfix/251201_vf_h5_ui:
  fix: 事件详情唔错页面UI调整
  fix: 调整事件详情页面
  feat: 事件详情页 URL ID 加密,防止用户遍历
  style: 首页整体尺寸缩小约 67%
  fix: 调整客服弹窗 将 PC 端聊天窗口从 380×640 调整为 450×750。 H5 端:宽度占满,高度根据宽度等比缩放
  fix: ICP 备案号现在可以点击跳转到 https://beian.miit.gov.cn/
  feat: 田间mock数据
  feat: 个股中心复用 TradeDatePicker 日期选择器组件
  feat: 概念中心历史时间轴弹窗UI调整
  feat: 提取日历选择器组件
  refactor: 提取 ConceptStocksModal 为通用组件,统一概念中心和个股中心弹窗
  refactor: 事件详情弹窗改用 Drawer 组件从底部弹出
  fix: 在 viewport meta 标签中添加了 viewport-fit=cover,这样浏览器会将页面内容延伸到曲面屏边缘,同时启用 safe-area-inset-* CSS 环境变量 在普通设备上保持至少 16px 的右侧内边距 在华为 MATE70 PRO 等曲面屏设备上,使用系统提供的安全区域值,避免右侧导航被遮挡
  fix: 概念中心H5端卡片尺寸优化,一屏可显示更多内容
  fix: 修复自选股添加失败 405 错误
  fix: H5端热门事件移除Tooltip避免黑色悬浮框无法消除
2025-12-05 09:42:52 +08:00
zdl
61ed1510c2 fix: 修复自选股添加失败 405 错误
- useWatchlist.js: 修正 API 路径从 /api/account/watchlist/add 改为 /api/account/watchlist
- account.js: 同步修改 mock handler 路径

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-04 14:40:35 +08:00
zdl
daee0427e4 fix: 修复 useWatchlist.js 合并冲突遗留问题
- 移除重复的 handleRemoveFromWatchlist 导出
- 移除 JSDoc 中重复的类型声明
- 清理残留的错误注释

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-04 13:35:51 +08:00
zdl
e8c21f7863 refactor: DynamicNewsDetailPanel 组件优化
- 使用 useReducer 整合 7 个折叠状态为统一的 sectionState
- 提取自选股逻辑到 useWatchlist Hook,移除 70 行重复代码
- 扩展 useWatchlist 添加 handleAddToWatchlist、isInWatchlist 方法
- 清理未使用的导入(HStack、useColorModeValue)
- 移除调试 console.log 日志
- RelatedStocksSection 改用 isInWatchlist 函数替代 watchlistSet

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-04 13:29:59 +08:00
805b897afa update pay ui 2025-12-03 17:13:49 +08:00
63023adcf3 update pay ui 2025-12-03 16:50:39 +08:00
zdl
dfe3976f92 refactor(HomeNavbar): Phase 6 - 提取自选股和关注事件功能组件
Phase 6 重构完成,将自选股和关注事件功能完全组件化:

新增文件:
- src/hooks/useWatchlist.js - 自选股管理 Hook (98行)
  * 管理自选股数据加载、分页和移除逻辑
  * 提供 watchlistQuotes、loadWatchlistQuotes、handleRemoveFromWatchlist
- src/hooks/useFollowingEvents.js - 关注事件管理 Hook (104行)
  * 管理关注事件数据加载、分页和取消关注逻辑
  * 提供 followingEvents、loadFollowingEvents、handleUnfollowEvent
- src/components/Navbars/components/FeatureMenus/WatchlistMenu.js (182行)
  * 自选股下拉菜单组件,显示实时行情
  * 支持分页、价格显示、涨跌幅标记、移除功能
- src/components/Navbars/components/FeatureMenus/FollowingEventsMenu.js (196行)
  * 关注事件下拉菜单组件,显示事件详情
  * 支持分页、事件类型、时间、日均涨幅、周涨幅显示
- src/components/Navbars/components/FeatureMenus/index.js
  * 统一导出 WatchlistMenu 和 FollowingEventsMenu

HomeNavbar.js 优化:
- 移除 287 行旧代码(状态定义 + 4个回调函数)
- 添加 Phase 6 imports 和 Hook 调用
- 替换自选股菜单 JSX (~77行) → <WatchlistMenu />
- 替换关注事件菜单 JSX (~83行) → <FollowingEventsMenu />
- 812 → 525 行(-287行,-35.3%)

Phase 6 成果:
- 创建 2 个自定义 Hooks,5 个新文件
- 从 HomeNavbar 中提取 ~450 行复杂逻辑
- 代码更模块化,易于维护和测试
- 所有功能正常,编译通过

总体成果(Phase 1-6):
- 原始:1623 行 → 当前:525 行
- 总减少:1098 行(-67.7%)
- 提取组件:13+ 个
- 可维护性大幅提升

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-30 17:54:27 +08:00