订单详情页

订单详情页

功能点：

1. 展示当前订单状态，点击展示目前订单进度的抽屉

• 

• 订单状态对应文案：

  • 待支付0：“待支付，剩余xx:xx”，自动倒计时；subTitle：“15分钟内未支付，订单将自动取消”；
  • 已支付1（准备货物中，可以考虑去掉）：“商品准备中...”；subTitle：“约x分钟准备完成，请耐心等待”
  • 已取消2：“订单已取消”；subTitle：“您取消了订单；
  • 配送中3：“订单配送中，预计xx:xx到达”；subTitle：“骑手正加急向您赶来”；
  • 已送达4：“订单已送达”；subTitle：“感谢您的信任，期待再次光临”；

• 订单进度的抽屉: 自上而下展示每个状态对应链路的完成的时间

  • 待支付：订单提交成功 -> 待支付
  • 已支付：订单提交成功 -> 待支付 -> 已支付（准备货物中，可以考虑去掉）
  • 已取消：订单提交成功 -> 待支付 -> 已取消
  • 配送中：订单提交成功 -> 待支付 -> 已支付 -> 配送中
  • 已送达：订单提交成功 -> 待支付 -> 已支付 -> 配送中 -> 已送达

2. 展示订单支持的功能按钮

• 待支付：“去支付”，“取消订单”
• 已支付（准备货物中，可以考虑去掉 或者 随机一个1-3分钟的准备时间）：“取消订单”，“再来一单”
• 已取消：“电话商家”，“再来一单”
• 配送中：“电话商家”，“再来一单”
• 已送达：“去评价（评论过后不展示）”，“电话商家”，“再来一单”

---

各个按钮对应功能：

• 点击“去支付”，跳转“收银台”页面
• 点击“取消订单”，弹出确认取消的modal，确认 -> 调接口更改订单状态为“已取消“，取消 -> modal隐藏
• 点击“再来一单”，带orderNum跳转到商品详情页，详情页判断有orderNum取订单里的本次购买的sku并回显
• 点击“电话商家”，拉起h5电话功能
• 点击“去评价”，跳转商品和商铺评价页面，评价完成返回上一页(订单列表/订单详情)，server端记录订单已经评论过！

3. 订单具体信息：

• 

• 商铺信息： 商铺名称，点击商铺名跳转对应商铺详情页面。

• 订单包含sku信息： 商品icon，商品名称，商品件数，商品单价

• 订单其他费用： 包装费，配送费

• 订单金额栏： 总优惠（点击总优惠，显示具体每一项的优惠项以及对应金额），实付款

• 订单其他信息： 收货信息(地址)，订单备注（有的话），订单唯一号，支付方式（餐币写死），下单时间(年月日时分秒)

ui

[note]