C端 - 取水结果页

原型图 | 过渡页,30秒倒计时跳转c03订单详情

← 返回总览 C00 首页 C01 支付页 C02 订单列表 C03 取水订单详情 C04 套餐订单详情 C05 套餐购买 C06 选档位 C07 出水 C08 取水结果 C09 取水支付结果 C10 订单已取消 C11 套餐详情 C12 我的 C13 用户服务协议 C14 常见问题
9:41

取水结果

场景切换

页面说明

最后更新:2026-10-23

页面定位 — PRD 4.2 / 5.1

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 首页

业务规则

•与 K10 展示同一笔订单的取水结果(出水量、水类型、金额一致);退款均按渠道逐行展示,与支付渠道一一对应
•设备上报出水完成后,C08与K10同时跳转展示结果
•用户结束取水(C09 返回确认)与放桶超时、设备离线、出水失败共用「已完成·未出水」终态并自动全额退款,差异仅在未出水原因行:结束取水为用户主动选择,不展示原因
•场景③ 订单数据由 ?id= 指定,未指定时取默认未出水样本单;水类型、金额、退款渠道均随订单变化
查看更新记录
2026-10-26
场景①② 金额行改为应付金额(场景①=订单金额、场景②=实际出水量×单价结算净额);场景③ 未出水保持订单金额+全额退款;页面说明同步。
2026-10-23
三场景统一改为读共享订单样本表(移除全部硬编码金额/水类型/单号与 _usePackage 条件);场景③ 支持 ?id= 覆盖订单、?source= 区分来源(timeout/offline/fault/cancel),cancel 不展示未出水原因行;退款行按订单 refunds 逐行渲染,订单无退款明细且来源为 cancel 时按支付方式全额推导;场景③ 默认未出水单改为 DR20260520001(已完成·未出水),查看详情跳 C03 形态④ 全额退款;未出水时顶部步骤条改为 3 步(选档位 ✓、支付 ✓、未出水 红 ×);30 秒倒计时与查看详情统一使用当前订单号;页面说明定位/核心内容/页面状态/跳转关系/业务规则同步。
2026-10-22
场景③ 改为「未出水」:支付后 0 出水(放桶超时 / 放桶期间设备离线维护 / 出水失败)统一进本场景,标题「未出水」、主文案「订单未出水,退款原路返回」,原因行改「未出水原因」;页面说明场景③ 与图标文案同步。
2026-10-22
退款信息与 C03 同口径:场景②「退回套餐余额 ฿6.48 + 退款金额 ฿10.80」改为「退回套餐 ฿6.48 + 退回 LINE Pay ฿4.32」;场景③「退款金额 ฿25.00」改为「退回 LINE Pay ฿25.00(全额退款)」;页面说明核心内容/页面状态/业务规则同步,K10 一致性表述按渠道口径收窄。
2026-10-12
关联跳转改造:三个场景各自对齐共享订单样本表中一张固定订单,单号、水类型、出水量、订单金额、退款金额全部与该订单一致;「查看订单详情」按钮与 30 秒倒计时目标均带 ?id=订单号跳转 C03;场景② 退款金额与退回套餐余额按目标订单的差额退款拆分展示,场景③ 按该单支付方式去掉无套餐余额可退时的套餐行;出水失败归入 C03「处理中」形态;随水类型钉死移除已失去作用的「水类型」切换器;页面说明核心内容/页面状态/跳转关系同步。
2026-06-17
双水类型改造:结果数据展示格式改为"10L · 矿化水",新增水类型标签+单价。补充页面状态section。