1
0
Files
DiAL/openspec/changes/enhance-frontend-metrics/specs/probe-dashboard/spec.md

1.1 KiB
Raw Blame History

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.Texttheme="secondary"

Scenario: 数据新鲜度警告

  • WHEN lastCheckTime 距当前时间超过 60 秒
  • THEN 相对时间文本 SHALL 使用警告色(--td-warning-color

Scenario: 统计数据自动刷新

  • WHEN 页面处于打开状态
  • THEN 统计卡片 SHALL 通过 TanStack Query 的 refetchInterval=8000 自动刷新数据