会员信息
至
序号会员ID昵称手机号性别生日剩余积分累计已销毁注册时间操作
共 8637 条,432 页
每页
条
前往 页
📋 说明面板 / 开发交付文档›
📌 功能概述
会员信息列表页:查询/筛选全量会员,查看会员基础信息与累计销卡数量,支持积分发放、批量积分发放,点击「详情」查看会员完整信息及其销卡记录。本页为销卡业务与会员运营的管理入口。
🧱 页面结构
| 模块 | 内容 | 数据来源 |
|---|---|---|
| 筛选区 | 会员ID / 手机号 / 注册日期区间 | 会员表 |
| 全局操作栏 | 积分发放、批量积分发放(独立于表格卡片,左对齐) | 操作入口 |
| 数据表格 | 序号、会员ID、昵称、手机号、性别、生日、积分、累计已销毁、注册时间、操作 | 会员表 + 销卡聚合(按会员汇总销毁总张数) |
| 详情弹窗 | 基本信息 Tab + 销卡记录 Tab(点击总销卡数下钻卡牌明细) | 会员表 + 销卡记录表 |
🔍 查询域
筛选条件之间为「且」关系,条件为空时不参与过滤:
| 条件 | 匹配方式 |
|---|---|
| 会员ID | 模糊匹配(包含即命中) |
| 手机号 | 完整手机号模糊匹配(不脱敏,包含即命中) |
| 注册日期 | 区间匹配:注册时间日期部分 ≥ 起始日 且 ≤ 结束日 |
📋 功能说明(需求)
1. 会员列表展示:序号、会员ID、昵称、手机号(不脱敏)、性别、生日、积分、累计已销毁、注册时间。
2. 累计已销毁:该会员所有销卡记录销毁张数之和。
3. 积分发放:向单个会员发放指定数量积分,可填发放备注;发放成功后会员积分余额即时更新。
4. 批量积分发放:选择多个会员统一发放积分(原型简化为单个会员弹窗)。
5. 会员详情:基本信息(会员ID/昵称/手机号/性别/生日/积分/累计已销毁/注册时间)+ 销卡记录(每次销毁的时间、销毁总张数,可下钻查看卡牌明细:IP/系列/卡编/卡位类型/张数)。
🖱️ 交互行为(页面现状)
| 操作 | 行为 |
|---|---|
| 查询 | 按条件筛选会员列表;无匹配时表格显示空态文案;toast 提示「已筛选 N 条」 |
| 注册日期选择 | 点击输入框弹出日历,可翻月、选日期、点「今天」/「清除」;选择后自动触发查询 |
| 每页条数 | 分页条可切换每页 20/50/100 条(默认 20),切换后回到第 1 页 |
| 分页吸底 | 列表数据区内部滚动,分页条固定吸底始终可见 |
| 表头固定 | 数据区滚动时表头吸顶固定不滚动,只滚动数据行 |
| 列宽分布 | 列宽按字段长度分布(序号最窄、时间/手机号宽),所有列内容左对齐、间距统一 |
| 重置 | 清空全部筛选条件,恢复全量列表 |
| 积分发放 | 打开弹窗,输入积分数量(必填)与备注(选填),确认后发放并 toast 提示成功 |
| 批量积分发放 | 打开同款弹窗,标题切换为「批量积分发放」 |
| 详情 | 打开会员详情弹窗,默认展示「基本信息」Tab |
| Tab 切换 | 基本信息 / 销卡记录 分段切换,互不干扰 |
| 销卡记录 → 查看明细 | 点「销毁总张数」或「详情」按钮均可弹窗内下钻查看单次销卡明细(标题切「销卡明细」,顶部「← 返回销卡记录」回到列表,不弹新弹窗) |
| 弹窗关闭 | 点右上角 X / 底部「关闭」按钮 / 点击蒙版,均可关闭 |
📐 数据口径
| 指标 | 口径 |
|---|---|
| 积分 | 会员当前可用积分余额(积分发放后即时更新) |
| 累计已销毁 | 该会员所有销卡记录销毁张数之和 |
| 销毁总张数 | 单次销卡明细中各卡位张数之和 |
🎨 卡位类型枚举与颜色标识
销卡明细 / 卡牌明细中卡位类型的完整枚举及其标签颜色(实心浅底标签):
| 卡位类型 | 标签样式 | 色值(底 / 字) |
|---|---|---|
| 普卡 | 普卡 | #F3F4F6 / #6B7280 |
| 印签卡 | 印签卡 | #EEF2FF / #4F46E5 |
| 限编卡 | 限编卡 | #FFF4E5 / #B45309 |
| 隐藏卡 | 隐藏卡 | #F3E8FF / #9333EA |
| 隐藏限编卡 | 隐藏限编卡 | #FEF2F2 / #E5484D |
| 亲签限编卡 | 亲签限编卡 | #FCE7F3 / #DB2777 |
| 印签限编卡 | 印签限编卡 | #ECFDF5 / #15803D |
❌ 错误提示清单
| 页面 | 按钮/操作 | 场景 | 提示文案 |
|---|---|---|---|
| 会员信息 | 查询 | 无任何条件匹配的会员 | 表格空态「未找到匹配的会员」 |
| 积分发放弹窗 | 确认发放 | 积分数量为空或小于等于 0 | 「请输入有效的积分数量」 |
| 会员详情-销卡记录 | 打开 Tab | 该会员没有任何销卡记录 | 「该会员暂无销卡记录」 |
🔲 状态说明
| 状态 | 完成情况 |
|---|---|
| 默认 | ✅ 全量会员列表(800 条 mock,默认每页 20 条,分页吸底、数据区滚动) |
| Loading | 🔲 静态原型未模拟加载态 |
| Empty | ✅ 无匹配数据显示空态文案 |
| Error | 🔲 静态原型无请求失败场景 |
🔄 版本更新日志›
v4.8说明面板改版:新增版本更新日志(本次)