Appearance
PRD：激活兑换 activate
一句话：以先绑定、后兑换的双步骤操作卡，引导用户完成权益卡服务链路。
0. 快速评审卡
| 项 | 内容 |
|---|---|
| 产品 | funde-client |
| 模块 | 激活兑换 |
| 页面/功能 | 激活兑换 |
| 路由 | /activate |
| 页面类型 | 聚合页 |
| 状态 | 已实现 / 已审计 |
| 产品负责人 | [待确认] |
| 研发负责人 | [待确认] |
| 测试负责人 | [待确认] |
| 关联原型 | funde-client/prototype/src/views/activate/ActivateView.vue |
| 关联 page-spec | funde-client/docs/page-specs/activate.page.yaml |
| 关联 mock | [待确认] |
1. 为什么做
1.1 背景
以先绑定、后兑换的双步骤操作卡，引导用户完成权益卡服务链路。
1.2 目标
- 业务目标：[待确认]
- 用户/运营目标：绑定企业发放的权益卡并进入可兑换套餐专区
- 交付目标：跑通双步骤入口、无卡引导和加载失败演示
1.3 不解决的问题
- App 购买权益卡
- 直接激活健康服务
2. 当前交付切片
这里只写当前准备评审、开发和测试的内容。
2.1 做什么
| 能力 | 说明 | 优先级 |
|---|---|---|
| 绑定权益卡入口 | 绑定权益卡入口 | P0 |
| 兑换套餐入口 | 兑换套餐入口 | P0 |
| 待使用权益卡数量 | 待使用权益卡数量 | P0 |
| 加载失败演示 | 加载失败演示 | P0 |
2.2 暂不做
| 暂不做 | 原因 | 后续处理 |
|---|---|---|
| App 购买权益卡 | 不在当前交付切片中 | 后续需求单独定义 |
| 直接激活健康服务 | 不在当前交付切片中 | 后续需求单独定义 |
2.3 后续候选
| 候选能力 | 触发条件 |
|---|---|
| [待确认] | [待确认] |
3. 谁来用，怎么用
| 角色 | 场景 | 目标 |
|---|---|---|
| 持有企业分发权益卡或需要兑换套餐的登录用户 | [待确认] | [待确认] |
4. 主流程与页面入口
4.1 入口与出口
| 类型 | 内容 |
|---|---|
| 从哪里进入 | 首页或我的入口 -> 激活兑换 |
| 可以去哪里 | 绑定权益卡 /activate/bind、兑换套餐 /activate/redeem |
| 依赖数据 |
4.2 主流程
4.3 异常场景
| 场景 | 系统表现 | 提示 |
|---|---|---|
| 查询无结果 | 展示空态，保留筛选条件 | 暂无匹配数据 |
| 查询失败 | 保留筛选条件，不清空当前输入 | 查询失败，请稍后重试 |
| 无权限 | 不允许进入页面或隐藏对应操作 | 暂无访问权限 |
5. 页面结构与字段
5.1 页面区块
| 区块 | 内容 | 说明 |
|---|---|---|
| 绑定权益卡 | 移动端页面区块 | |
| 兑换健康服务套餐 | 移动端页面区块 |
5.3 页面功能说明
列出本页全部功能点，含说明、跳转目标、特殊情况与业务限制。
| 功能 | 说明 | 跳转/触发 | 特殊情况 | 特殊限制 |
|---|---|---|---|---|
| 绑定权益卡 | - | tap→/activate/bind | - | - |
| 兑换健康服务套餐 | - | tap→/activate/redeem | - | - |
5.4 后续字段候选
| 字段 | 为什么暂不进入当前交付 |
|---|---|
| [待确认]、[待确认] | 进入后续字段口径确认 |
6. 业务规则
| ID | 规则 | 说明 |
|---|---|---|
| R1 | 绑定权益卡进入绑定页，兑换套餐进入兑换专区 | 当前交付切片需遵守 |
| R2 | 入口按第一步绑定权益卡、第二步兑换健康服务套餐顺序展示；两个操作卡均支持整卡点击和右侧胶囊按钮点击 | 当前交付切片需遵守 |
| R3 | 待使用数量仅统计本人未核销、未过期且未处于转赠中的权益卡；待支付订单只保存选择，不占用权益卡 | 当前交付切片需遵守 |
| R4 | 没有待使用权益卡时兑换专区展示绑定引导，不展示全部套餐或自费购买入口 | 当前交付切片需遵守 |
| R5 | 仅 URL 包含 demo=load_failed 时演示入口加载失败；先展示骨架，约 500ms 后展示“权益卡服务加载失败，请重试”和重试按钮，点击重试恢复正常入口并移除演示参数 | 当前交付切片需遵守 |
7. 数据、接口与权限
7.1 数据来源
| 类型 | 来源 |
|---|---|
| 功能级 PRD | funde-client/app端prd初稿/07_用户_激活兑换_v1.0.md |
| Page Spec | funde-client/docs/page-specs/activate.page.yaml |
| 页面实现 | funde-client/prototype/src/views/activate/ActivateView.vue |
| 路由源 | funde-client/prototype/src/router/index.ts |
| source_route | /activate |
7.2 接口说明
| 接口 | 用途 | 备注 |
|---|---|---|
| 查询列表 | 筛选、列表和分页 | 原型阶段对应本地 mock |
| 获取详情 | 编辑入口后续使用 | 当前不展开 |
7.3 权限
| 操作 | 权限要求 | 当前处理 |
|---|---|---|
| 访问激活页 | 登录用户 | 登录后可访问 /activate |
8. 验收标准
| 编号 | 验收项 | 预期结果 |
|---|---|---|
| AC1 | 路由不显示底部 Tab Bar | 路由不显示底部 Tab Bar |
| AC2 | 入口以第一步绑定、第二步兑换的双步骤卡片展示；每张卡片高度不低于 132px，整卡及右侧胶囊按钮均可点击 | 入口以第一步绑定、第二步兑换的双步骤卡片展示；每张卡片高度不低于 132px，整卡及右侧胶囊按钮均可点击 |
| AC3 | 卡片通过图标、步骤标签、标题、说明和按钮共同表达操作层级，不依赖颜色单独传达含义 | 卡片通过图标、步骤标签、标题、说明和按钮共同表达操作层级，不依赖颜色单独传达含义 |
| AC4 | 两张操作卡均使用白底；绑定卡使用橙色视觉标识，兑换卡使用信息蓝视觉标识，成功绿不用于未完成的兑换入口 | 两张操作卡均使用白底；绑定卡使用橙色视觉标识，兑换卡使用信息蓝视觉标识，成功绿不用于未完成的兑换入口 |
| AC5 | 不出现购买权益卡入口 | 不出现购买权益卡入口 |
| AC6 | 待使用数量不因生成待支付订单而减少 | 待使用数量不因生成待支付订单而减少 |
| AC7 | /activate?demo=load_failed 先显示骨架，随后显示加载失败和重试；重试后恢复正常入口 | /activate?demo=load_failed 先显示骨架，随后显示加载失败和重试；重试后恢复正常入口 |
9. 待确认问题
| 问题 | 影响 | 负责人 |
|---|---|---|
| [待确认] | [待确认] | [待确认] |
10. 变更记录
| 日期 | 变更 | 作者 |
|---|---|---|
| 2026-07-26 | 按页面级轻量 PRD 模板生成 | Codex |