Ruby Agent System PRD

Dashboard

Data Report 默认工作台功能说明,覆盖域名信息、实时统计和收入趋势。

Dashboard 是 Data Report 的默认标签页,用于在登录后快速查看域名状态、实时经营指标和收入趋势。

页面摘要

项目说明
页面性质只读数据看板,不在本页修改域名、会员或财务数据
核心动作查看域名状态、实时统计卡片、收入趋势,并按品牌或月份切换视图
数据范围当前账号有权限查看的品牌、域名、会员和资金统计
当前状态默认看板、品牌筛选和月份选择已定义;异常态、刷新频率和部分指标口径仍待确认

需求状态

状态内容
ConfirmedDashboard 是 Data Report 默认只读看板;域名信息、实时统计和收入趋势必须使用当前账号权限范围内的数据。
Inferred from FigmaRealtime Statistic 的品牌筛选、Revenue Trend 的月份选择和品牌选择按 Figma 当前控件推断为本页局部筛选。
Open Question指标刷新频率、收入趋势计算口径、异常态视觉、无品牌权限和接口失败状态仍待确认,见 开放问题

1. Figma 原型

页面状态 Figma 截图

Data Report

Data Report - 2.2 Dashboard 默认态

默认显示 Full Data 视角,域名信息表位于上方,Realtime Statistic 卡片位于下方。

页面状态 Figma 截图

Data Report

Data Report - 2.3 按品牌查看

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

Data Report - 2.4 品牌下拉菜单

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

Data Report - 2.5 品牌筛选结果

品牌筛选生效后,统计卡片右上角展示绿色品牌标记,提示当前数值已限定在该品牌范围。

页面状态 Figma 截图

Data Report

Data Report - 2.6 收入图品牌菜单

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

Data Report - 2.7 月份选择器

月份选择器以年份区间和 12 个月网格呈现,支持左右切换年份、选择月份和 Clear 清空。

2. 页面目标

项目定义
页面类型Feature Page PRD
页面定位Data Report 默认工作台
主要任务查看域名状态、实时统计卡片、收入趋势
进入路径登录成功默认进入、侧边栏点击 Data Report、Data Report 内点击 Dashboard 页签
数据范围当前账号有权限查看的品牌、域名、会员和资金数据

3. 全局依赖

全局模块说明
Top展示会员汇总、余额、提现入口、消息入口和 Profile。Dashboard 不重复定义 Top 逻辑。
Global One Line Notice有高优先级公告时展示。Dashboard 不重复定义公告逻辑。
Data ReportDashboard 属于 Data Report 模块,遵守模块级数据范围和页签规则。

4. 页面组成

页面组成只描述 Dashboard 自身结构。全局顶部区域见 TopGlobal One Line Notice

区域UI 表现对应功能说明
页签导航DashboardDaily Profit StatisticsTotal 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最近更新时间,三语言环境中格式保持一致。
StatusNormal 使用绿色标签,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 未使用完整长图作为实现依据,只使用具体功能状态图;如运营需要移动端逐状态评审,需要补充移动端状态截图。

本页目录