抽卡机看板v3.2
今日
昨日
近 7 天
近 30 天
本月
上月
自定义
125,680
↓18.2%环比
↓8.4%同比
98,432
日均 3,281 次
↑15.2%环比
↑32.1%同比
4,921,600
占总消耗 72%
↑10.6%环比
↑24.7%同比
¥189,240
占总消耗 28%
↑22.1%环比
↑45.3%同比
4
12,340
7.98
398 积分
¥15.34
78.3%
| 日期 | 销量 | 积分消耗 | 现金收入 | 新增库存 | 剩余库存 |
|---|
共 0 条记录
1
📋 页面说明 / 开发交付文档
▶
抽卡机看板是万漫社运营管理系统的核心数据看板之一,展示所有抽卡机的运营表现。支持按抽卡机、时间区间筛选,帮助运营团队监控库存、销量、积分消耗和现金收入。
🧱 页面结构
| 模块 | 内容 | 数据来源 |
|---|---|---|
| KPI 卡片(4个) | 剩余库存 / 销量 / 积分消耗 / 现金收入 | 抽卡机交易汇总表 |
| 摘要指标(6个) | 抽卡机数 / 用户数 / 人均次数 / 人均积分 / 人均支付 / 渗透率 | 用户画像 + 交易汇总 |
| 库存销量趋势 | 双系列折线+柱状图:抽卡次数(折线)+ 剩余库存(柱状) | 每日快照表 |
| 支付方式占比 | 环形图:积分 vs 现金抽卡占比 | 支付记录表 |
| 销量排名 | 横向堆叠柱状图:各抽卡机积分/现金抽数 | 抽卡机维度汇总 |
| 活跃用户 TOP 10 | 横向堆叠柱状图:用户积分/现金抽数排名 | 用户维度汇总 |
| 每日明细表 | 日期 / 销量 / 积分消耗 / 现金收入 / 新增库存 / 剩余库存 | 每日快照表 |
| 用户抽卡明细表 | 手机号 / 现金抽卡 / 支付金额 / 积分抽卡 / 消耗积分(单机Tab可见) | 用户抽卡日志表 |
📐 数据口径
- 抽卡机以卡包为抽奖单位
- 销量 = 用户实际抽卡包的总次数
- 剩余库存 = 抽卡机中剩余可抽数
- 积分消耗 = 积分抽卡包消耗总量
- 现金收入 = 现金抽卡包支付金额
- 新增库存 = 当日新投放进入抽卡机的库存
- 数据更新频率:T+1
- 当前版本使用模拟数据(见下方状态说明)
🧮 指标算法(研发口径)
以下为真实数据计算口径,供研发实现时使用(区别于当前模拟数据生成逻辑)。所有指标均受「抽卡机筛选 × 时间区间」双重过滤,数据来源字段见「页面结构」表。
① 通用规则
- 上期(环比基准):与本期天数完全相同的紧邻上一区间(近30天→前30天;本月→上月;今日→昨日;自定义→向前推同等天数)
- 去年同期(同比基准):去年的同一日期区间(2026-06-23~07-22 → 2025-06-23~07-22)
- 环比% = (本期值 − 上期值) ÷ 上期值 × 100%
- 同比% = (本期值 − 去年同期值) ÷ 去年同期值 × 100%
- 上期 / 去年同期为 0 或无数据时,环比 / 同比显示「—」
② 业务常量
- 每抽 1 次 = 消耗 1 个卡包
- 积分抽卡:100 积分 / 抽
- 现金抽卡:10 元 / 抽
③ KPI 卡片(4个)
| 指标 | 算法 |
|---|---|
| 剩余库存 | 区间最后一天的期末库存快照(取末日快照值,非区间求和) |
| 销量 | 区间内抽卡总次数 = Σ 每日抽卡次数 |
| 积分消耗 | 区间内积分抽卡消耗的积分总量 = Σ (积分抽卡次数 × 100) |
| 现金收入 | 区间内现金抽卡支付金额总量 = Σ (现金抽卡次数 × 10) |
4 个 KPI 的环比 / 同比 = 对应指标值按「① 通用规则」计算(分母为上期 / 去年同期对应指标值)。
④ KPI 子指标
- 日均销量 = 销量 ÷ 区间天数
- 预计可撑天数 = 期末剩余库存 ÷ 日均销量
- 积分消耗占比 = 积分抽卡次数 ÷ 总抽卡次数 × 100%(按抽卡次数计,非按金额);现金消耗占比同理
⑤ 摘要指标(6个)
| 指标 | 算法 |
|---|---|
| 抽卡机数量 | 筛选范围内的抽卡机数(全部 = 4,单机 = 1) |
| 抽卡用户数 | 区间内发生抽卡行为的去重用户数(DISTINCT user_id) |
| 人均抽卡次数 | 销量 ÷ 抽卡用户数 |
| 人均积分消耗 | 积分消耗 ÷ 抽卡用户数 |
| 人均支付 | 现金收入 ÷ 抽卡用户数 |
| 积分用户渗透率 | 区间内使用过积分抽卡的去重用户数 ÷ 抽卡用户数 × 100% |
⑥ 图表(4个)
- 库存销量趋势:每日销量(折线)+ 每日期末库存(柱)
- 支付方式占比:积分抽卡次数、现金抽卡次数 占总抽卡次数比例(环形图)
- 销量排名:各抽卡机 积分抽数 + 现金抽数 堆叠柱,按总抽数(积分+现金)排序
- 活跃用户 TOP 10:按用户总抽数(积分抽数 + 现金抽数)降序取前 10
⑦ 表格(2个)
- 每日明细:日期 | 销量 | 积分消耗 | 现金收入 | 新增库存(当日补货投放量)| 剩余库存(当日期末快照)
- 用户抽卡明细(单机 Tab 可见):现金抽卡次数 | 支付金额(= 现金抽卡次数 × 10)| 积分抽卡次数 | 消耗积分(= 积分抽卡次数 × 100);底部合计行 = 各列求和
🖱️ 交互行为
| 操作 | 行为 | 影响范围 |
|---|---|---|
| 点击抽卡机 Tab | 切换至该抽卡机的独立数据视图 | 全部图表 + 显示用户明细表 |
| 点击日期预设 | 切换统计区间(今日/昨日/近7天/近30天/本月/上月) | 全部数据刷新 |
| 自定义日期 + 查询 | 按自定义起止日期筛选 | 全部数据刷新 |
| 点击重置 | 恢复默认「近30天」视图 | 日期筛选 + 数据 |
| ⛶ 全屏 | 进入/退出浏览器全屏,隐藏侧边栏 | 布局 + 图表resize |
| ECharts hover | 显示 tooltip 数据详情 | 对应图表 |
🔲 状态说明
| 状态 | 当前 | 说明 |
|---|---|---|
| 默认态 | ✅ 已完成 | 近30天数据,全部抽卡机视图 |
| Loading 态 | ⚠️ 待实现 | KPI卡片骨架屏 + 图表区骨架占位 |
| Empty 态 | ⚠️ 待实现 | 「该时间段暂无数据」占位提示 |
| Error 态 | ⚠️ 待实现 | Toast提示 + 重试按钮 |
| 全屏模式 | ✅ 已完成 | 适用于电视大屏展示 |
🔧 技术实现
| 项 | 方案 |
|---|---|
| 图表库 | Apache ECharts 5(CDN) |
| 数据 | 内嵌 Mock 数据生成器(JS) |
| 布局 | Flexbox + CSS Grid,响应式固定宽度 |
| 字体 | 寒蝉全圆体 ChillRoundF → PingFang SC → Microsoft YaHei |
| 兼容 | Chrome / Edge / Safari,≥1920×1080 推荐 |
📦 剩余库存环比/同比 — 业务场景与意义
环比(MoM)的 5 个实际场景
- 库存消耗加速预警 🔴:环比大幅下降 → 抽卡频率暴涨(新活动/新弹次上线),运营第一信号——要紧急补货了
- 活动/促销效果评估:环比从 −5% 跳变到 −25%,说明活动有效拉动了消费;活动结束后环比回升就是正常回冷
- 异常扫货检测 🚨:单机一天内环比暴降 −50%+,可能是有用户集中扫卡(刷隐藏卡/倒卖),需要排查异常行为
- 补货节奏校准:环比在 −10%~−15% 匀速下降 → 供需节奏稳定;波动突然变大 → 需要调整补货计划
- 库存积压预警:环比为正(库存增多)→ 消耗变慢或补货过多,抽卡热度降温,需要营销干预
同比(YoY)的 4 个实际场景
- 产品生命周期判断 📉:同比大幅下降 → 今年消耗更快,产品在成长期;同比下降小甚至反转 → 热度衰减,进入成熟/衰退期
- 季节性运营规划 ☀️:对比去年暑假/春节同期的库存消耗速度,预判今年需要备多少货、要不要提前加投
- IP 热度衰减监测:不同 IP 同比差异显著。老 IP(如格林童话 2024.08)同比放缓 → 该做返场活动了;新 IP(如希腊神话 2026.06)同比消耗快 → 势头正猛多投库存
- 年度目标校准:GMV 目标增长 30%,那库存同比消耗速度必须匹配。偏离了就要调整策略
四象限交叉诊断
| 同比 ↑(长期向好) | 同比 ↓(长期下行) | |
|---|---|---|
| 环比 ↑(短期回暖) | 🟢 健康增长 | 🟡 短期反弹,但大势已去 |
| 环比 ↓(短期恶化) | 🔵 短期波动,不必惊慌 | 🔴 加速衰退,必须干预 |
单看一个维度可能误判,两者交叉才能区分「临时波动」还是「趋势性变化」。
🧮 剩余库存计算口径(近30天 / 自定义时段)
🔄 版本更新日志▶
| 维度 | 说明 |
|---|---|
| 取值方式 | 永远取区间最后一天的期末库存快照,不做求和、不做平均 |
| 近30天 | 取第 30 天结束时的库存快照(即区间末日快照) |
| 自定义时段 | 取自定义区间末日结束时的库存快照(如 7/1~7/5 → 取 7/5 期末库存) |
| 环比计算 | (本期末日库存 − 上期末日库存) ÷ 上期末日库存 × 100% |
| 同比计算 | (本期末日库存 − 去年同日期库存) ÷ 去年同日期库存 × 100% |
⚠️ 注意:剩余库存是时点值(Stock)而非流量值(Flow),不能跨时间区间累加。不同区间长度的"剩余库存"不可直接对比——选"今日"看到的是当天末库存,选"近30天"看到的是 30 天消耗后的末库存。建议结合 预计可撑天数(= 期末库存 ÷ 日均销量)一起看,更有运营意义。