数据中心 / 抽卡机看板
王小贱

抽卡机看板v3.2

全部抽卡机
梦境爱丽丝
安徒生童话
红楼梦 NEW
希腊神话
统计区间:
今日
昨日
近 7 天
近 30 天
本月
上月
自定义
~
当前统计区间:2026-06-23 至 2026-07-22(近 30 天)
剩余库存 ?
125,680
预计可撑 14 天
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%
库存销量趋势
支付方式占比
销量排名
活跃用户 TOP 10
抽卡机每日明细
日期销量积分消耗现金收入新增库存剩余库存
共 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 个实际场景

  1. 库存消耗加速预警 🔴:环比大幅下降 → 抽卡频率暴涨(新活动/新弹次上线),运营第一信号——要紧急补货了
  2. 活动/促销效果评估:环比从 −5% 跳变到 −25%,说明活动有效拉动了消费;活动结束后环比回升就是正常回冷
  3. 异常扫货检测 🚨:单机一天内环比暴降 −50%+,可能是有用户集中扫卡(刷隐藏卡/倒卖),需要排查异常行为
  4. 补货节奏校准:环比在 −10%~−15% 匀速下降 → 供需节奏稳定;波动突然变大 → 需要调整补货计划
  5. 库存积压预警:环比为正(库存增多)→ 消耗变慢或补货过多,抽卡热度降温,需要营销干预

同比(YoY)的 4 个实际场景

  1. 产品生命周期判断 📉:同比大幅下降 → 今年消耗更快,产品在成长期;同比下降小甚至反转 → 热度衰减,进入成熟/衰退期
  2. 季节性运营规划 ☀️:对比去年暑假/春节同期的库存消耗速度,预判今年需要备多少货、要不要提前加投
  3. IP 热度衰减监测:不同 IP 同比差异显著。老 IP(如格林童话 2024.08)同比放缓 → 该做返场活动了;新 IP(如希腊神话 2026.06)同比消耗快 → 势头正猛多投库存
  4. 年度目标校准:GMV 目标增长 30%,那库存同比消耗速度必须匹配。偏离了就要调整策略

四象限交叉诊断

同比 ↑(长期向好)同比 ↓(长期下行)
环比 ↑(短期回暖)🟢 健康增长🟡 短期反弹,但大势已去
环比 ↓(短期恶化)🔵 短期波动,不必惊慌🔴 加速衰退,必须干预

单看一个维度可能误判,两者交叉才能区分「临时波动」还是「趋势性变化」。

🧮 剩余库存计算口径(近30天 / 自定义时段)
维度说明
取值方式永远取区间最后一天的期末库存快照,不做求和、不做平均
近30天取第 30 天结束时的库存快照(即区间末日快照)
自定义时段取自定义区间末日结束时的库存快照(如 7/1~7/5 → 取 7/5 期末库存)
环比计算(本期末日库存 − 上期末日库存) ÷ 上期末日库存 × 100%
同比计算(本期末日库存 − 去年同日期库存) ÷ 去年同日期库存 × 100%

⚠️ 注意:剩余库存是时点值(Stock)而非流量值(Flow),不能跨时间区间累加。不同区间长度的"剩余库存"不可直接对比——选"今日"看到的是当天末库存,选"近30天"看到的是 30 天消耗后的末库存。建议结合 预计可撑天数(= 期末库存 ÷ 日均销量)一起看,更有运营意义。