积分看板v1.8
今日
昨日
近 7 天
近 30 天
本月
上月
自定义
—
—
—
—
—
产出−消耗
—
已消耗/总产出
—
—
—
—
—
—
| 日期 | 净增减 | |||||
|---|---|---|---|---|---|---|
| 赏品分解 | 系统发放 | 扫码兑换 | 抽卡机 | 积分商城 | ||
共 0 条记录
1/1
📋 页面说明 / 开发交付文档
▶
积分看板是万漫社运营管理系统的核心数据看板之一,展示积分产出与消耗的全貌。支持按时间区间筛选,帮助运营团队监控积分流动总量、渠道构成、产品分解贡献、用户持有分布,及时发现积分通胀/通缩风险。
🧱 页面结构
| 模块 | 内容 | 数据来源 |
|---|---|---|
| KPI 卡片(4个) | 总产出积分 / 总消耗积分 / 净增积分 / 积分使用率,含环比、同比 | 积分流水汇总表 |
| 摘要指标(6个) | 分解用户数 / 赏品分解数量 / 人均产出 / 人均消耗 / 活跃用户数 / 净增占比 | 用户画像 + 积分流水汇总 |
| 积分产出&消耗趋势 | 双折线图:产出(赏品分解+系统发放+扫码兑换)vs 消耗(抽卡机+积分商城) | 每日积分流水表 |
| 积分产出渠道占比 | 环形图:赏品分解 / 系统发放 / 扫码兑换 | 积分流水表(按渠道) |
| 积分消耗渠道占比 | 环形图:抽卡机 / 积分商城 | 积分流水表(按渠道) |
| 各产品分解产出积分占比 | 环形图:产出积分 Top6 产品 + 其余合并「其他」 | 赏品分解记录表 |
| 持有积分 Top10 用户 | 横向条形图:按当前持有积分降序取前 10 | 用户积分余额表 |
| 积分变动每日明细表 | 日期 / 产出三渠道 / 消耗两渠道 / 净增减,吸顶表头 + 内部滚动 + 分页 | 每日积分流水表 |
📋 功能说明(需求)
- 积分产出 = 赏品分解 + 系统发放 + 扫码兑换 三个渠道之和
- 积分消耗 = 抽卡机 + 积分商城 两个渠道之和
- 净增积分 = 总产出 − 总消耗,可为负数(负数表示积分净流出,需关注通胀风险)
- 积分使用率 = 总消耗 ÷ 总产出 × 100%,衡量积分流通活跃度
- 环比、同比:本期与上期(相同天数的紧邻上一区间)、去年同期对比,展示涨跌幅
- 产品占比图按产出积分降序展示前 6 个产品,其余产品合并为「其他」
- 持有积分 Top10 按用户当前积分余额降序排列
- 活跃用户数 = 区间内有积分产出或消耗行为的去重用户数(含仅消费未分解的用户)
- 净增占比 = 净增积分 ÷ 总产出积分 × 100%,正数表示积分净流入,负数表示净流出
- 每日明细支持分页(10/20/50 条/页),表头吸顶、数据区内部滚动
📐 数据口径
- 总产出积分 = 赏品分解 + 系统发放 + 扫码兑换 三渠道之和
- 总消耗积分 = 抽卡机 + 积分商城 两渠道之和
- 净增积分 = 总产出 − 总消耗
- 积分使用率 = 总消耗 ÷ 总产出 × 100%
- 日均 = 区间总量 ÷ 区间天数
- 环比 = (本期值 − 上期值) ÷ 上期值 × 100%,上期为本期之前、天数相同的紧邻区间;上期为 0 时显示「—」
- 同比 = (本期值 − 去年同期值) ÷ 去年同期值 × 100%;去年同期无数据时显示「—」
- 人均产出/消耗 = 总量 ÷ 分解用户数
- 活跃用户数 = 区间内有积分产出或消耗行为的去重用户数
- 净增占比 = 净增积分 ÷ 总产出积分 × 100%(可为负)
- 数据更新频率:T+1
- 当前版本使用模拟数据(见状态说明)
🖱️ 交互行为
| 操作 | 行为 | 影响范围 |
|---|---|---|
| 点击日期预设 | 切换统计区间(今日/昨日/近7天/近30天/本月/上月) | 全部 KPI、摘要、图表、表格刷新 |
| 自定义日期 + 查询 | 按自定义起止日期筛选(空值/起止倒置时弹提示) | 全部数据刷新 |
| 点击重置 | 恢复默认「近30天」视图 | 日期筛选 + 数据 |
| 图表 hover | 显示 tooltip 数据详情 | 对应图表 |
| 每日明细翻页 / 切换每页条数 | 上一页/下一页切换,每页 10/20/50 条(切换后回到第 1 页) | 明细表 |
| ⛶ 全屏 | 进入/退出浏览器全屏,隐藏侧边栏,图表自适应 | 布局 + 图表 resize |
| KPI 标题 ? 图标 | 悬浮显示指标含义说明 | 提示浮层 |
❌ 错误提示清单
| 页面 | 操作 | 场景 | 提示文案 |
|---|---|---|---|
| 积分看板 | 查询 | 开始日期或结束日期为空 | 「请选择完整的日期区间」 |
| 积分看板 | 查询 | 开始日期晚于结束日期 | 「开始日期不能晚于结束日期」 |
🔲 状态说明
🔄 版本更新日志▶
| 状态 | 当前 | 说明 |
|---|---|---|
| 默认态 | ✅ 已完成 | 近30天数据视图 |
| Loading 态 | ⚠️ 待实现 | KPI卡片骨架屏 + 图表区骨架占位 |
| Empty 态 | ⚠️ 待实现 | 「该时间段暂无数据」占位提示 |
| Error 态 | ⚠️ 待实现 | Toast提示 + 重试按钮 |
| 全屏模式 | ✅ 已完成 | 适用于电视大屏展示 |