2026-08-16-wealth-features-restructure-design.md 2.8 KB

财富功能入口重构设计

优先级: P1 预计工时: 2h 状态: pending(待用户审阅后 transition 到 writing-plans)

1. 概述

将财富维度(富页面)的「财富服务」9宫格拆解,功能迁移到更合适的页面位置:

  1. 我的页面 → 成就区增加「推广收益」图标入口
  2. 富页面 → 去掉财富服务卡片,改为保单摘要列表
  3. 成长页 → 今日成长增加「记账打卡」跟踪项

2. 变更详情

2.1 我的页面 — 成就区增加「推广收益」图标

文件: pages/profile-main/profile.vue

改动:

  • 成就网格(achievement-grid)增加第9个 ach-item
  • 图标 💰,背景色 rgba(245,158,11,0.12)
  • 数值来源:getCommissionSummary() 返回的 totalEarnings(已有 loadProfileStats 数据,但需额外加载)
  • 标签:「推广收益」
  • 点击跳转:/pages/promotion/index

2.2 富页面 — 去掉财富服务卡片 + 新增保单列表

文件: pages/wealth/index.vue

改动:

  1. 删除 service-grid 区块(第 177-189 行),即「财富服务」9宫格
  2. 在财富数据卡下方新增「保单管理」卡片,内容:
    • 标题:「🛡️ 保单管理」
    • 调用 getInsuranceList() 获取保单列表,最多展示 3 条
    • 每条显示:保单名称、状态标签(有效/已过期/已取消)、保险公司
    • 底部「查看更多 ›」跳转到 /pages/wealth-sub/insurance-list
    • 空状态显示「暂无保单」

2.3 成长页 — 今日成长增加「记账打卡」跟踪项

文件: pages/growth-main/index.vue

改动:

  1. progressItems 数组增加第5项 { key: 'checkin', icon: '💰', label: '记账打卡', done: checkinDone, actionText: '去打卡' }
  2. loadProgressItems 方法中增加 getCheckinList() 调用,判断今日是否已打卡
  3. 点击跳转:/pages/wealth-sub/checkin
  4. 进度网格布局从 4 列调整为 5 列

3. 涉及文件清单

文件 改动类型 说明
pages/profile-main/profile.vue 修改 成就区增加第9个图标
pages/wealth/index.vue 修改 删除服务网格 + 新增保单列表
pages/growth-main/index.vue 修改 今日成长增加记账打卡项

4. 验收标准

  • 我的页面成就区可见「推广收益」图标,点击跳转到财富中心
  • 富页面不再显示「财富服务」9宫格
  • 富页面财富数据卡下方显示保单摘要列表,最多3条
  • 保单列表有「查看更多」入口,点击跳转到完整保单管理页
  • 成长页今日成长有「记账打卡」项,可判断今日是否已打卡
  • 点击记账打卡跳转到打卡页面

5. 未涉及范围

  • 不修改任何后端代码
  • 不修改数据库结构
  • 不新增页面或组件