Skip to content

P24 订单列表页

页面目标

展示当前登录用户的订单列表,不再区分积分订单 / 周边订单 Tab

页面入口

  • P21
  • 结果页

状态 Tab

  • 全部
  • 待支付
  • 待履约(待核销 / 待发货)
  • 已发货
  • 已完成

列表字段

订单卡片展示字段:

  • goodsImage
  • title
  • settleType
  • settleAmount
  • orderStatusText
  • deliveryMode

按结算类型展示消耗积分或支付金额。

交互规则

  • 支持按订单状态切换
  • 页面进入时可根据来源预设默认状态 Tab
  • 点击订单卡片进入 P25
  • 待支付订单展示“立即支付”,可直接调起支付页

校验规则

  • 列表页状态枚举必须与详情页保持一致
  • 仅当前登录用户可访问自己的订单

状态与异常

  • 空状态:暂无相关订单
  • 加载失败:订单加载失败,请稍后再试

跳转关系

  • P24 -> P25

埋点建议

  • order_list_show
  • order_status_switch
  • order_item_click

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答