P24 订单列表页

页面概述

页面名称：订单列表页
页面目标：展示用户订单列表，不再区分积分订单/周边订单 Tab。
适用角色：已登录用户
页面入口：P21、结果页

页面组成

1. 状态 Tab

• 字段：orderStatus
• 枚举值：
  • 全部
  • 待支付
  • 待履约（待核销/待发货）
  • 已发货
  • 已完成

2. 列表区

• 字段：goodsImage、title、settleType、settleAmount、orderStatusText、deliveryMode
• 说明：
  • 以订单卡片形式展示订单列表
  • 按结算类型展示消耗积分或支付金额

交互与操作

按钮/区域	显示条件	动作
订单卡片	有数据	打开 P25
立即支付	待支付订单	调起支付页

交互逻辑

• 支持按订单状态切换列表内容
• 页面进入时可根据来源设置默认选中的状态 Tab

校验规则

• 列表中的状态枚举需与详情页保持一致
• 仅当前登录用户可访问该页面

状态与异常处理

空状态

• 文案：暂无相关订单

加载失败

• 文案：订单加载失败，请稍后再试

页面跳转关系

• P24 -> P25

埋点建议

• order_list_show
• order_status_switch
• order_item_click