# 财富功能入口重构设计 **优先级:** 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. 未涉及范围 - 不修改任何后端代码 - 不修改数据库结构 - 不新增页面或组件