21 lines
1.1 KiB
Markdown
21 lines
1.1 KiB
Markdown
## 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 自动刷新数据
|