1.1 KiB
1.1 KiB
MODIFIED Requirements
Requirement: 总览统计卡片
Dashboard SHALL 在页面顶部使用 TDesign Statistic 组件展示总览统计,包含总目标数、正常数、异常数和 24h 异常事件数,并展示数据新鲜度。
Scenario: 展示统计卡片
- WHEN 用户打开 Dashboard 页面
- THEN 页面顶部 SHALL 使用 TDesign Row/Col 布局展示 4 个 TDesign Card + Statistic 组合:全部目标数(color=blue)、正常目标数(color=green)、异常目标数(color=red)、24h 异常事件数(color=orange)
Scenario: 展示数据新鲜度
- WHEN Summary 数据包含 lastCheckTime
- THEN 统计卡片行底部 SHALL 展示相对时间文本(如"最后更新: 3秒前"),使用 TDesign Typography.Text(theme="secondary")
Scenario: 数据新鲜度警告
- WHEN lastCheckTime 距当前时间超过 60 秒
- THEN 相对时间文本 SHALL 使用警告色(--td-warning-color)
Scenario: 统计数据自动刷新
- WHEN 页面处于打开状态
- THEN 统计卡片 SHALL 通过 TanStack Query 的 refetchInterval=8000 自动刷新数据