原型图 | 过渡页,30秒倒计时跳转c03订单详情
C端扫码取水的结果过渡页。从 c07 出水页自动跳转进入;支付后放桶期间用户结束取水(在 C09 取水支付结果页返回确认)也进入本页并展示未出水。展示核心结果信息,30秒倒计时结束后自动跳转 c03 取水订单详情页,用户也可手动返回首页或查看订单详情。
| 模块 | 说明 |
|---|---|
| 步骤进度条 | 完整/部分出水为 4 步(选档位/支付/出水/结果)全部完成;未出水为 3 步(选档位 ✓、支付 ✓、未出水 红 ×) |
| 结果图标+标题 | 绿色完成/橙色部分/红色未出水 |
| 结果数据 | 出水量、水类型标签(纯水/矿化水)、应付金额(场景①②)/订单金额(场景③)、订单号;全部取共享订单样本表,不随演示水类型变化 |
| 数据来源 | 三场景分别对应共享订单样本表 c-orders-data.js 中一张固定订单;场景③ 支持 ?id= 覆盖为指定订单 |
| 退款信息 | 按订单 refunds 逐行展示退回金额(套餐渠道显示「退回套餐」);订单无退款明细且来源为 cancel 时,按支付方式与订单金额展示全额退款 |
| 倒计时+操作 | 30秒倒计时(跳转当前订单详情),查看订单详情/返回首页 |
| 场景 | 展示内容 |
|---|---|
| 场景① 完整出水 → DR20260512001 | 绿色勾号 + "取水完成" + 出水量·水类型 + 应付金额 + 30秒倒计时;对应 C03 形态① 已完成 |
| 场景② 部分出水 → DR20260513003 | 黄色提示 + "部分出水" + 实际出水量·水类型 + 应付金额(按实际出水量结算)+ 退回套餐 + 退回 LINE Pay + 30秒倒计时;对应 C03 形态③ 部分出水退款 |
| 场景③ 未出水 → 默认 DR20260520001 | 红色叉号 + "未出水" + "订单未出水,退款原路返回" + 订单金额 + 全额退款行 + 退款状态 + 未出水原因 + 30秒倒计时;「出水」步骤标记异常;对应 C03 形态④ 全额退款(已完成主状态) |
| 场景③ 来源差异(?source=) | timeout=放桶超时、offline=设备离线、fault/缺省=设备水泵异常;cancel=用户结束取水,不展示未出水原因行,订单与退款数据取 ?id= 指定订单 |
C07 出水页 → C08 结果页(自动跳转) C09 取水支付结果 → 结束取水 → C08 结果页·未出水(?scene=3&id=当前订单&source=cancel) ├─ K10取水数据一致(两端展示相同结果) ├─ 出水完成 → 两端同时跳转结果页 ├─ 30秒倒计时结束 → C03 取水订单详情(?id=当前订单号) ├─ 查看订单详情 → C03 取水订单详情(?id=当前订单号) ├─ 场景① → ?id=DR20260512001(形态① 已完成) ├─ 场景② → ?id=DR20260513003(形态③ 部分出水退款) ├─ 场景③ → 默认 ?id=DR20260520001(形态④ 全额退款);?id= 可覆盖 └─ 返回首页 → C00 首页