P25 订单详情页

页面目标

展示订单状态、履约信息、金额明细及可执行操作。

页面入口

• P24
• 支付结果页

页面结构

1. 状态区

• orderStatusText
• countdown
• statusDesc

2. 商品信息区

• goodsImage
• title
• buyCount

3. 履约信息区

按配送方式差异化展示：

• writeoffQrCode
• writeoffCodeNo
• storeInfo
• addressInfo
• logisticsNo

4. 金额明细区

• settleType
• goodsAmount
• freightAmount
• settleAmount
• totalAmount
• currentPoints

字段口径需与 P19 对齐。

5. 操作区

• payButton
• confirmReceiptButton
• serviceEntryButton

操作规则

• 立即支付：待支付订单可见，调起支付
• 查看核销码：待核销 / 已完成且为自提订单时展示二维码
• 确认收货：已发货订单可执行，需二次确认
• 联系客服：固定显示，跳转 P32
• 保存客服二维码：当 P32 存在二维码时，可保存到相册后线下添加企微咨询

交互逻辑

• 根据订单类型、配送方式、状态动态渲染页面
• 支付成功后应自动回刷订单状态

校验规则

• 用户仅可查看自己的订单
• 核销码仅对自提订单展示
• 确认收货必须二次确认

状态与异常

• 无权限或订单不存在：订单不存在或已失效
• 状态变更提示：订单状态已更新，请刷新后查看

跳转关系

• P25 -> P31 / P32 / 微信支付

埋点建议

• order_detail_show
• order_pay_click
• order_confirm_receipt_click
• order_service_click