Dashboard
Data Report 默认工作台功能说明,覆盖域名信息、实时统计和收入趋势。
Dashboard 是 Data Report 的默认标签页,用于在登录后快速查看域名状态、实时经营指标和收入趋势。
页面摘要
| 项目 | 说明 |
|---|---|
| 页面性质 | 只读数据看板,不在本页修改域名、会员或财务数据 |
| 核心动作 | 查看域名状态、实时统计卡片、收入趋势,并按品牌或月份切换视图 |
| 数据范围 | 当前账号有权限查看的品牌、域名、会员和资金统计 |
| 当前状态 | 默认看板、品牌筛选和月份选择已定义;异常态、刷新频率和部分指标口径仍待确认 |
需求状态
| 状态 | 内容 |
|---|---|
Confirmed | Dashboard 是 Data Report 默认只读看板;域名信息、实时统计和收入趋势必须使用当前账号权限范围内的数据。 |
Inferred from Figma | Realtime Statistic 的品牌筛选、Revenue Trend 的月份选择和品牌选择按 Figma 当前控件推断为本页局部筛选。 |
Open Question | 指标刷新频率、收入趋势计算口径、异常态视觉、无品牌权限和接口失败状态仍待确认,见 开放问题。 |
1. Figma 原型
页面状态 Figma 截图
Data Report

默认显示 Full Data 视角,域名信息表位于上方,Realtime Statistic 卡片位于下方。
页面状态 Figma 截图
Data Report

Realtime Statistic 切换到 Data by Brand 后,右侧品牌选择器显示当前品牌,统计卡片按品牌维度刷新。

品牌选择器展开后显示 Daebak Brand、W365、Ikea、The King+;选择后关闭菜单并刷新当前区域。

品牌筛选生效后,统计卡片右上角展示绿色品牌标记,提示当前数值已限定在该品牌范围。
页面状态 Figma 截图
Data Report

收入趋势图支持独立切换 Full Data / Data by Brand,并可打开品牌菜单查看单品牌趋势。

月份选择器以年份区间和 12 个月网格呈现,支持左右切换年份、选择月份和 Clear 清空。
2. 页面目标
| 项目 | 定义 |
|---|---|
| 页面类型 | Feature Page PRD |
| 页面定位 | Data Report 默认工作台 |
| 主要任务 | 查看域名状态、实时统计卡片、收入趋势 |
| 进入路径 | 登录成功默认进入、侧边栏点击 Data Report、Data Report 内点击 Dashboard 页签 |
| 数据范围 | 当前账号有权限查看的品牌、域名、会员和资金数据 |
3. 全局依赖
| 全局模块 | 说明 |
|---|---|
| Top | 展示会员汇总、余额、提现入口、消息入口和 Profile。Dashboard 不重复定义 Top 逻辑。 |
| Global One Line Notice | 有高优先级公告时展示。Dashboard 不重复定义公告逻辑。 |
| Data Report | Dashboard 属于 Data Report 模块,遵守模块级数据范围和页签规则。 |
4. 页面组成
页面组成只描述 Dashboard 自身结构。全局顶部区域见 Top 和 Global One Line Notice。
| 区域 | UI 表现 | 对应功能说明 |
|---|---|---|
| 页签导航 | Dashboard、Daily Profit Statistics、Total Report,当前页签高亮 | 页签导航 |
| 域名信息 | My Domain Information 表格、Result 数量、状态标签 | 域名信息 |
| Realtime Statistic | 指标卡片、Full Data / Data by Brand、品牌选择器 | 实时统计 |
| 收入趋势 | 总收入、涨跌比例、趋势图、品牌筛选、月份选择 | 收入趋势 |
5. 功能说明
5.1 页签导航
页签导航用于在 Data Report 模块内切换统计视图。
| 项目 | 说明 |
|---|---|
| Dashboard | 默认选中,展示域名信息、实时统计和收入趋势。 |
| Daily Profit Statistics | 点击后进入 Daily Profit Statistics,查看日利润统计和结算明细。 |
| Total Report | 点击后进入 Total Report,查看总报表。 |
| UI 状态 | 当前页签使用紫色文字和下划线。 |
| 切换规则 | 切换页签时保留 Data Report 模块上下文,但不强制继承当前页面内部筛选条件。 |
5.2 域名信息
域名信息用于展示当前账号可见品牌的绑定域名、连接状态和点击数据,帮助运营判断域名是否正常。
| 元素 | 说明 |
|---|---|
| 标题 | My Domain Information。 |
| Result | 展示当前表格可见结果数量,必须与可见行数一致。 |
| Brand | 品牌名称。 |
| Connected Domain | 当前绑定域名,按系统配置展示大小写。 |
| Last Updated | 最近更新时间,三语言环境中格式保持一致。 |
| Status | Normal 使用绿色标签,Error 使用红色标签。 |
| Daily / Weekly / Monthly Click | 展示日、周、月点击量。 |
域名状态只在 Dashboard 中展示,不在本页修改。异常域名处理入口在 Domain Settings。
5.3 Realtime Statistic
Realtime Statistic 用指标卡片展示当前经营实时数据,支持全品牌汇总和单品牌查看。
| 元素 | 说明 |
|---|---|
| Full Data | 默认视图,汇总当前账号有权限查看的全部品牌。 |
| Data by Brand | 单品牌视图,启用品牌选择器。 |
| 品牌选择器 | 只展示当前账号可访问品牌;选择后关闭菜单并刷新指标卡。 |
| 指标卡片 | 展示图标、指标名、数值、涨跌比例和当前数据范围标签。 |
| 指标 | 业务含义 |
|---|---|
| Total Number of Members | 当前范围内会员总数。 |
| Number of Subordinate Partners | 当前账号下级代理数量。 |
| Expected Earnings for Today | 今日预计收益。 |
| Today’s Deposit Amount | 今日充值金额。 |
| Number of Logged-in Members | 当前登录会员数。 |
| Active Partners | 活跃下级代理数。 |
| Yesterday’s Earnings | 昨日收益。 |
| Withdrawal Amount | 提现金额。 |
| Number of Depositing Members | 有充值行为的会员数。 |
| Betting Amount | 投注金额。 |
Realtime Statistic 的品牌选择只影响本模块,不影响收入趋势图的品牌选择。
5.4 收入趋势
收入趋势用于展示当前统计范围内的收入变化,支持全品牌或单品牌查看,并支持月份切换。
| 元素 | 说明 |
|---|---|
| 总收入 | 展示当前筛选范围内的收入总额和涨跌百分比。 |
| 图表 | 使用折线 / 面积图展示月内收入变化。 |
| Full Data / Data by Brand | 控制当前图表的数据范围,不影响 Realtime Statistic。 |
| 品牌选择器 | 在 Data by Brand 模式下选择图表品牌。 |
| 月份选择器 | 支持月份网格、年份切换和 Clear。 |
| 图表点位 | hover 时展示日期和对应收入值。 |
6. 业务规则
- Dashboard 只展示当前账号有权限查看的数据。
Full Data只汇总当前账号授权品牌,不代表全平台总量。Data by Brand必须明确展示当前品牌。- Realtime Statistic 和收入趋势的品牌筛选互不影响。
- 金额、人数、百分比、日期时间必须使用统一格式。
- 任一模块刷新失败时保留上一次成功数据,并在模块内提示重试。
- 无数据时保留模块标题和筛选控件,内容区显示明确空态,不展示模拟数据。
7. 异常与空态
| 场景 | 处理 |
|---|---|
| 域名信息为空 | 保留模块标题和 Result,表格区展示空态。 |
| 域名状态为 Error | 使用异常标签展示;处理入口跳转到 Domain Settings。 |
| 实时统计加载失败 | 保留上一次成功数据或展示卡片级错误,不使用模拟数值。 |
| 当前账号无可选品牌 | 隐藏或禁用 Data by Brand 品牌选择器。 |
| 收入趋势无数据 | 保留坐标或空图表容器,展示无数据文案。 |
| 月份选择失败 | 保持原月份,不刷新图表,并提示重试。 |
8. 开放问题
Dashboard Figma 需补充 / 确认项
- 域名信息表已展示
Normal/Error状态,但 Figma 未展示 Error 的详情、tooltip、点击行为或跳转规则;需要确认 Error 是否可点击,以及是否跳转到 Domain Settings。 - 当前截图覆盖默认态、品牌筛选态和月份选择器,但未覆盖空数据、加载失败、无品牌权限、域名接口失败等异常状态;如需要定制视觉,需要补充 Figma。
- 当前 Dashboard PRD 未使用完整长图作为实现依据,只使用具体功能状态图;如运营需要移动端逐状态评审,需要补充移动端状态截图。