会员中心 / 会员信息
AAdmin

会员信息

序号会员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说明面板改版:新增版本更新日志(本次)