📌 功能概述
一句话：我的订单页 = 查看「我的赏袋 / 积分商城」两个来源的发货订单，支持状态筛选、订单详情、取消/修改地址/确认收货，以及限购商品排队号展示。
查看来自「我的赏袋」「积分商城」的发货订单：按状态筛选（待发货/备货中/待收货/已完成/已取消）与按来源切换，点击订单卡片查看详情（订单信息/收货信息/物流/货品），支持取消订单、修改地址、确认收货；赏袋销毁满 5,000 张自动生成的神秘礼物订单在此展示（金色标识、自动发货、无售后）；积分商城限购商品订单展示每品独立的排队号（v5.16 起，v5.17 改为卡片头部 + 详情订单信息区展示）。当前版本 v5.17（2026-08-10）。
🧱 页面结构
| 模块 | 内容 | 数据来源 |
|---|
| 顶部导航 | 返回 + 「我的订单」标题 + 微信胶囊 | 固定 |
| 主 Tab | 发货订单 / 支付订单 / 兑换订单 / 订货订单 | 仅发货订单有数据，其余空态 |
| 状态筛选 | 全部/待发货/备货中/待收货/已完成/已取消 | 订单状态 |
| 来源 Tab | 我的赏袋 / 积分商城 | 订单来源 |
| 订单列表 | 订单卡片：来源圆点 + 时间 + 状态标签 + 货品图条 + 汇总；积分商城限购商品订单卡片头部带「排队号 X」浅粉标签（v5.17） | 订单列表数据 + 本地缓存的礼物订单 |
| 订单详情 | 订单信息/收货信息/物流包裹/货品明细 + 底部操作栏 | 当前订单数据 |
📋 功能说明（需求）
我的赏袋订单
查看来自「我的赏袋」的卡牌/赏品发货订单：卡牌订单展示卡牌款式数，赏品订单展示赏品款式数，汇总总件数；神秘礼物为赏袋销毁满 5,000 张自动生成的赠品订单（金色标识），多个待领取神秘礼物合并一张订单，自动发货不可取消，无售后。
积分商城订单
查看积分兑换生成的发货订单：货品名 + 单价 + 数量 + 实付积分；待发货订单可取消/修改地址，待收货可确认收货。
限购商品排队号（v5.16 起，v5.17 优化）
限购商品用户下单后每个品按下单时间独立自增分配排队号（每品各自从 1 开始，互不干涉）；同单同品多件共用一个号；下单即锁定，取消订单空号不补、后面不前移；号终身绑定订单，全状态显示（含已取消）；非限购商品订单不显示。展示位置（v5.17）：① 订单卡片头部（来源圆点/时间行，状态标签旁）「排队号 X」浅粉标签；② 订单详情订单信息区（与订单编号/下单时间并列）「发货顺序：排队号 X」；商品信息区不再展示。
神秘礼物订单（v5.3 起）
赏袋销毁累计满 5,000 张触发生成；用户不填地址则保持未领取状态、不生成订单；不可取消（自动发货），仅可修改地址；无售后——「神秘礼物为活动赠品，非质量问题不支持退换货及售后」提示条吸在底栏上方。
状态流转
确认收货/取消订单为二次确认弹窗；操作结果会话内持久化，刷新页面状态保留。
📐 数据口径
- 订单来源：我的赏袋（卡牌/赏品发货订单）、积分商城（积分兑换发货订单）；礼物订单为赏袋销毁满 5,000 张自动生成，与本地缓存的礼物订单合并展示
- 无地址订单：实际业务不产生——用户不填地址时神秘礼物保持未领取状态，只有有收货地址才生成订单；「暂无收货地址」仅为兼容展示
- 来源圆点：礼物订单金色渐变圆点；普通订单按来源配色（我的赏袋 / 积分商城）
- 状态标签：待发货 / 备货中 / 待收货 / 已完成 / 已取消 五色区分
- 货品统计：卡牌款数 / 赏品款数 / 总件数
- 数量角标（v5.29）：商品数量角标显示实际数量（不聚合 99+）——列表 ×N、详情 N；数量 ≥1000 时自动缩字号（8px）防溢出，角标 max-width:64px
- 排队号（v5.16 起）：限购商品每品独立从 1 自增（按下单时间排序）；同单同品多件共用一个号；下单即锁定、取消空号不补；全状态保留显示；非限购商品订单不显示。v5.17 展示位置：卡片头部标签 + 详情订单信息区字段
- 演示数据：积分商城 7 单覆盖全场景——梦境爱丽丝2 号 1/2（待发货）、聊斋志异 号 1（备货中）、伊索寓言 号 1 已取消 + 号 2（空号不补演示）、一千零一夜2 / 成何体统2 非限购无号
❌ 错误提示清单
| 页面 | 按钮/操作 | 场景 | 提示 |
|---|
| 修改地址弹窗 | 保存 | 收货人/手机号/所在地区/详细地址任一为空 | toast「请填写完整信息」 |
| 订单列表/详情 | 复制订单编号/物流单号 | 点击复制 | toast「已复制」 |
| 确认收货弹窗 | 确认收货 | 二次确认「确认已收到该订单的所有商品？确认后将无法撤回」→ 确认 | toast「已确认收货」 |
| 取消订单弹窗 | 取消订单 | 二次确认「确定要取消该订单吗？取消后将无法恢复」→ 确认 | toast「订单已取消」 |
| 订单列表 | 状态/来源筛选 | 无匹配订单 | 空态「暂无订单」 |
| 神秘礼物订单 | 取消订单 | 自动发货订单不可取消 | 不展示取消按钮（仅修改地址） |
🖱️ 交互行为
| 操作 | 行为 | 影响范围 |
|---|
| 切换状态/来源 | 过滤订单列表并重新渲染；无结果显示空态「暂无订单」 | 列表 |
| 点击订单卡片 | 进入订单详情：订单信息/收货信息/物流/货品 | 详情视图 |
| 神秘礼物订单 | 金色圆点 + 礼物图 + 「神秘礼物」badge；详情页货品区显示神秘礼物图；无地址时收货信息显示「暂无收货地址」（防御性兼容，实际业务不产生无地址订单） | 列表卡片 + 详情 |
| 取消订单 / 修改地址 / 确认收货 | 按状态显示对应操作按钮；神秘礼物订单为自动发货订单，不可取消（仅可修改地址） | 订单状态 + 礼物订单标记 |
| 排队号展示（限购商品） | 订单卡片头部「排队号 X」浅粉标签 + 详情订单信息区「发货顺序：排队号 X」；非限购商品订单不显示 | 限购商品订单（含号） |
🔲 状态说明
🔄 版本更新日志（v5.3 ~ v5.33，共 13 次迭代）▶
v5.33修复详情页 header 高度：detail-overlay top 86px → 98px，对齐组件化 header（hn-status 44 + hn-nav 54）
v5.32Header 组件化：header-bg+status-bar+navbar 统一为 _common/header-nav.js（返回毛玻璃圆形、标题居中），保留 Tab 切换条
v5.31返回按钮组件化：引用 _common/back-btn.js（毛玻璃圆形与胶囊同款）
v5.30状态栏胶囊按钮组件化：引用公共组件 _common/capsule.js（capsuleHTML/capsuleCSS），删除页面本地胶囊 CSS/HTML
v5.29商品数量角标不再聚合 99+，直接显示实际数量（列表 ×N、详情 N）；数量 ≥1000 自动缩字号（qty-lg 8px）防溢出；清理遗留 .over 样式变量
v5.28确认收货弹窗：删「再等等」按钮（仅保留确认收货主按钮）+ 新增开箱视频提示条（录视频图标 + 「请录制开箱视频，否则无法提供售后服务」）
v5.28① 备货中/已完成/已取消订单详情隐藏空白底栏（actionBar 空操作时 display:none）② 取消订单弹窗删标题 + 警告图标改实心红 #C0392B ③ 确认收货弹窗删标题（与取消统一）+ 引导文案「请确认已收到订单中的所有商品，确认后订单将完成且无法撤回」
v5.28① ADDR_POOL 对齐我的地址页 wms_addresses 种子（5 条同款）——修改地址抽屉能匹配到下单时选择的地址并默认选中 ② od-btns 加 display:flex（原缺 flex 导致按钮纵向堆叠）
v5.28修复弹窗透明 bug：od-sheet 缺 background:#fff（赏袋有 order-dialog 提供白底，订单页只有 od-sheet 导致透明与蒙版混色）；标题改 od-sh-head 顶栏（对齐赏袋确认发货弹窗结构）；蒙版 rgba(253,242,245,.75)+blur 确认一致
v5.28取消订单/确认收货弹窗图标改实心圆底（对齐赏袋/积分商城完成态）：72px 粉/红圆底 + 白色实心对勾/警告 + 阴影，标题 17px 800；文案层级保持
v5.28① 取消订单/确认收货弹窗按规范改底部浮窗（od-sheet：as-bar+标题+内容+底部按钮，蒙版点击关闭），取消订单加「商品将退回我的赏袋」提醒 ② 修改地址抽屉默认选中下单时的地址（addrId 精确匹配，降级 name+phone+detail；回写时存 addrId）
v5.28修改地址改选择地址抽屉：原弹窗表单 → 底部抽屉（共享 wms_addresses 列表，选中回写订单地址快照；空态跳我的地址页新增）
v5.28测试数据刷新即弃：localStorage mysteryOrders 读取合并展示一次后立即清空（refresh 不再保留，避免多次测试残留多卡）；mock 神秘礼物订单每状态一条（待发货×4/备货中×2/待收货×1/已完成×3）
v5.28待发货神秘礼物订单合并：mock 从 ×3/×1 两条 → ×4 一条（珏哥：不管后台怎么拆包裹都不影响前端显示，同一批礼物始终一张卡）
v5.28操作按钮圆角统一 24px（全站小程序按钮统一）；神秘礼物订单卡改版：金色全清零对齐粉系、卡位类型条黑渐变→粉渐变、「卡/赏/礼」标签老配色→主题粉；无售后文案改「非质量问题不支持退换货及售后」；修复详情页 undefined 与收货图标占位符；货品字段重构（珏哥定稿）：卡牌=IP/系列/卡编/卡位类型/数量，赏品=IP/系列/名称/产品ID/数量（产品ID=系列ID-SP-3位编码），神秘礼物仅数量，mock 全面换伊索寓言第二弹真实数据（47 卡位/6 赏品），订单卡卡牌展示「卡编·卡位类型 + IP·系列」，详情图下统一编号（卡牌卡编/赏品产品ID）；**单品/多品订单卡统一用图条卡片（单商品左图右文方案经多轮调整后废弃，珏哥定：不特判单品）**
v5.18说明面板改版：功能概述瘦身 + 版本更新日志独立折叠（本次）
v5.17排队号文案与位置优化（卡片头部 + 详情订单信息区）
| 状态 | 说明 | 完成情况 |
|---|
| 待发货 | 普通订单可取消/修改地址；神秘礼物（自动发货）不可取消，仅可修改地址 | ✅ 已实现 |
| 备货中 | 无操作按钮 | ✅ 已实现 |
| 待收货 | 可确认收货 | ✅ 已实现 |
| 已完成/已取消 | 无操作按钮；已取消订单保留排队号（空号不补，号终身绑定） | ✅ 已实现 |
| 神秘礼物无地址 | 收货信息显示「暂无收货地址，请补充收货地址后发货」（防御性兼容）——实际不出现：用户不填地址，神秘礼物为未领取状态，不生成订单 | ✅ v5.4 已实现 |
| 其他主 Tab | 空态「暂无订单」 | ✅ 已实现 |