销卡记录
至
序号会员ID昵称手机号销毁时间销毁总张数
共 0 条，1 页
每页
条
前往 页
📋 说明面板 / 开发交付文档›
📌 功能概述
销卡记录列表页：全量查询用户卡牌销毁记录，按会员ID/手机号/销毁时间筛选；一行 = 一次销卡（某会员某时刻的一批销毁）。点击「详情」查看该次销卡的具体卡牌明细（IP、系列、卡编、卡位类型、张数）。
🧱 页面结构
| 模块 | 内容 | 数据来源 |
|---|---|---|
| 筛选区 | 会员ID / 手机号 / 销毁时间区间 | 销卡记录表 |
| 数据表格 | 序号、会员ID、昵称、手机号、销毁时间、销毁总张数（点击查看明细） | 销卡记录表（一次销卡一条记录） |
| 详情弹窗 | 该次销卡的卡牌明细：IP、系列、卡编、卡位类型、张数 | 销卡明细表 |
🔍 查询域
筛选条件之间为「且」关系，条件为空时不参与过滤：
| 条件 | 匹配方式 |
|---|---|
| 会员ID | 模糊匹配（包含即命中） |
| 手机号 | 完整手机号模糊匹配（不脱敏，包含即命中） |
| 销毁时间 | 区间匹配：销毁时间日期部分 ≥ 起始日 且 ≤ 结束日 |
📋 功能说明（需求）
1. 列表展示：序号、会员ID、昵称、手机号（不脱敏）、销毁时间、销毁总张数；一行 = 一次销卡记录，销毁总张数 = 该次销卡明细张数之和。
2. 明细：每条销卡记录详情 = 2-5 张卡（IP/系列/卡编/卡位类型/张数）；卡牌数据统一使用伊索寓言·第二弹真实卡位（47 卡位/402 卡面，卡编格式 YSYY2-卡位ID-编号）。
3. 销卡规则：用户销毁卡牌不产生积分；每累计销毁 5000 张，系统赠送 1 个神秘礼物盲盒（用户在小程序领取后生成发货订单）。
4. 列表排序：默认按销毁时间倒序（新销毁在前）。
🖱️ 交互行为（页面现状）
| 操作 | 行为 |
|---|---|
| 查询 | 按条件筛选销卡记录；无匹配时表格显示空态文案；toast 提示「已筛选 N 条」 |
| 销毁时间选择 | 点击输入框弹出日历，可翻月、选日期、点「今天」/「清除」；选择后自动触发查询 |
| 每页条数 | 分页条可切换每页 20/50/100 条（默认 20），切换后回到第 1 页 |
| 分页吸底 | 列表数据区内部滚动，分页条固定吸底始终可见 |
| 表头固定 | 数据区滚动时表头吸顶固定不滚动，只滚动数据行 |
| 列宽分布 | 列宽按字段长度分布（序号最窄、销毁时间/手机号宽），所有列内容左对齐、间距统一 |
| 重置 | 清空全部筛选条件，恢复全量列表 |
| 查看明细 | 点击「销毁总张数」打开销卡明细弹窗，展示会员、销毁时间、总张数及每张卡牌明细（无操作列） |
| 弹窗关闭 | 点右上角 X / 底部「关闭」按钮 / 点击蒙版，均可关闭 |
| 跳转 | 左侧菜单可跳转会员管理、发货订单等页面 |
📐 数据口径
| 指标 | 口径 |
|---|---|
| 销毁总张数 | 该次销卡记录内所有卡牌明细张数之和 |
| 卡位类型 | 同一卡编可存在多个卡位类型（普卡/印签卡/限编卡/隐藏卡等），明细按卡位类型分别记录 |
| 排序 | 默认按销毁时间倒序（新销毁在前） |
🎨 卡位类型枚举与颜色标识
销卡明细 / 卡牌明细中卡位类型的完整枚举及其标签颜色（实心浅底标签）：
| 卡位类型 | 标签样式 | 色值（底 / 字） |
|---|---|---|
| 普卡 | 普卡 | #F3F4F6 / #6B7280 |
| 印签卡 | 印签卡 | #EEF2FF / #4F46E5 |
| 限编卡 | 限编卡 | #FFF4E5 / #B45309 |
| 隐藏卡 | 隐藏卡 | #F3E8FF / #9333EA |
| 隐藏限编卡 | 隐藏限编卡 | #FEF2F2 / #E5484D |
| 亲签限编卡 | 亲签限编卡 | #FCE7F3 / #DB2777 |
| 印签限编卡 | 印签限编卡 | #ECFDF5 / #15803D |
❌ 错误提示清单
| 页面 | 按钮/操作 | 场景 | 提示文案 |
|---|---|---|---|
| 销卡记录 | 查询 | 无任何条件匹配的记录 | 表格空态「未找到匹配的销卡记录」 |
🔲 状态说明
| 状态 | 完成情况 |
|---|---|
| 默认 | ✅ 全量销卡记录列表（800 条 mock，伊索寓言第二弹真实卡位数据，默认每页 20 条，分页吸底、数据区滚动） |
| Loading | 🔲 静态原型未模拟加载态 |
| Empty | ✅ 无匹配记录显示空态文案 |
| Error | 🔲 静态原型无请求失败场景 |
🔄 版本更新日志›
v4.8说明面板改版：新增版本更新日志（本次）