确认已收到该订单的所有商品?
确认后将无法撤回
确定要取消该订单吗?
取消后将无法恢复
我的订单(发货订单):查看来自「我的赏袋」「积分商城」的发货订单,支持按状态筛选(待发货/备货中/待收货/已完成/已取消)与按来源切换(我的赏袋/积分商城),点击订单卡片查看详情(订单信息/收货信息/物流/货品),支持取消订单、修改地址、确认收货等操作。
v5.3 新增(2026-08-05):与「我的赏袋 v2.0 销毁系统」联动——赏袋销毁累计满 5,000 张触发的神秘礼物自动生成发货订单(localStorage「mysteryOrders」),订单页加载时合并展示:金色来源圆点 + 「神秘礼物」金色 badge + 礼物图(wms-images/products/mystery-gift.png);无地址订单显示「暂无收货地址」引导。
v5.4 更新(2026-08-06):新增一条 moc 神秘礼物发货订单(静态演示数据,置顶展示金色圆点 + 礼物图 + badge);无地址兼容展示「暂无收货地址」保留(防御性)——实际业务中不会出现无地址订单:用户不填地址,神秘礼物保持未领取状态(赏袋 v2.1 待领取机制),不生成订单。
v5.5 更新(2026-08-06):神秘礼物订单为自动发货订单,不可取消——列表卡片与详情页底部均移除「取消订单」按钮(仅保留「修改地址」)。
v5.6 更新(2026-08-06):① 多个待领取神秘礼物**合并一张订单**(神秘礼物 ×N),列表卡/详情页数量按订单实际件数渲染(×N / 共 N 件);② 订单页 UI emoji(空态/确认图标/神秘礼物 badge)全部换内联 SVG。
v5.7 更新(2026-08-06):mock 枚举保留 **2 条神秘礼物订单**(×1 一条、多数量 ×3 一条,置顶展示);合并 localStorage 时**只保留 FH 编号订单**,非 FH 开头(旧 MY 前缀)数据加载时清除。
v5.8 更新(2026-08-06):神秘礼物订单补齐 **备货中 / 待收货 / 已完成** 三个状态 mock(待收货、已完成带物流包裹信息,包裹内展示礼物图)。
v5.9 更新(2026-08-06):按最新设计规范全量整改——① 头部浅粉渐变改**纯色 #D96E89**;② 主题色 token 统一草莓粉(brand/brand-text/brand-bg);③ 次级文字 #6E6E6E、占位/图标 #757575;④ 滚动条铁律:筛选栏/列表/详情滚动条可见(thin + 浅粉 thumb);⑤ 蒙版纯黑改**浅粉通透 rgba(253,242,245,.75) + blur(2px)**;⑥ 弹窗补粉调阴影;⑦ 列表卡间距 12px。
v5.10 更新(2026-08-06):评审复评——状态流转(确认收货/取消订单)**会话内持久化**(sessionStorage orderOverrides),刷新后状态保留;操作反馈 toast(已确认收货/订单已取消/已复制/地址已修改)确认已具备。
v5.11 更新(2026-08-06):① 修复:修改地址/确认收货/取消订单弹窗原嵌在 detailOverlay 内(平时 translateX(100%) 移出屏幕),列表页点击无反应——弹窗与 toast 移至 .phone 层级,列表操作可见可用;② 新增**交互面板**(右侧,10 项标注)。
v5.12 更新(2026-08-06):浏览器布局对齐其他页设计规范——body **align-items:flex-start 顶部对齐**(原 center 垂直居中)、去掉装饰性径向渐变背景(统一纯 #E8E5E0)。
v5.13 更新(2026-08-06):**所有滚动条隐藏**(珏哥要求,覆盖滚动条铁律),滚动功能保留;横向区域(状态筛选/卡片图条)改**鼠标拖拽滚动**(拖拽后抑制误触点击)。
| 模块 | 内容 | 数据来源 |
|---|---|---|
| 顶部导航 | 返回 + 「我的订单」标题 + 微信胶囊 | 固定 |
| 主 Tab | 发货订单 / 支付订单 / 兑换订单 / 订货订单 | 仅发货订单有数据,其余空态 |
| 状态筛选 | 全部/待发货/备货中/待收货/已完成/已取消 | orders.status |
| 来源 Tab | 我的赏袋 / 积分商城 | orders.source |
| 订单列表 | 订单卡片:来源圆点 + 时间 + 状态标签 + 货品图条 + 汇总 | orders 数组 + mysteryOrders |
| 订单详情 | 订单信息/收货信息/物流包裹/货品明细 + 底部操作栏 | orders.find(id) |
| 操作 | 行为 | 影响范围 |
|---|---|---|
| 切换状态/来源 | 过滤订单列表并重新渲染;无结果显示空态「暂无订单」 | 列表 |
| 点击订单卡片 | 进入订单详情:订单信息/收货信息/物流/货品 | 详情视图 |
| 神秘礼物订单 | 金色圆点 + 礼物图 + 「神秘礼物」badge;详情页货品区显示神秘礼物图;无地址时收货信息显示「暂无收货地址」(防御性兼容,实际业务不产生无地址订单) | 列表卡片 + 详情 |
| 取消订单 / 修改地址 / 确认收货 | 按状态显示对应操作按钮;神秘礼物订单为自动发货订单,不可取消(仅可修改地址) | 订单状态 + mystery 标记 |
| 状态 | 说明 | 完成情况 |
|---|---|---|
| 待发货 | 普通订单可取消/修改地址;神秘礼物(自动发货)不可取消,仅可修改地址 | ✅ 已实现 |
| 备货中 | 无操作按钮 | ✅ 已实现 |
| 待收货 | 可确认收货 | ✅ 已实现 |
| 已完成/已取消 | 无操作按钮 | ✅ 已实现 |
| 神秘礼物无地址 | 收货信息显示「暂无收货地址,请补充收货地址后发货」(防御性兼容)——实际不出现:用户不填地址,神秘礼物为未领取状态,不生成订单 | ✅ v5.4 已实现 |
| 其他主 Tab | 空态「暂无订单」 | ✅ 已实现 |