refactor: 前端视觉重构 — Layout/HeadMenu 骨架、SummaryCards 合并、Card 分组、Drawer 概览重设计

openspec/specs/probe-dashboard/spec.md

@@ -1,6 +1,6 @@
 ## Purpose
 
-定义拨测系统前端 Dashboard 页面：总览统计卡片（含数据新鲜度）、Dashboard 数据查询、页面标题、加载和错误状态处理。分组表格布局见 `target-table`，目标详情 Drawer 见 `target-detail-drawer`，数据轮询和缓存见 `tanstack-query-data-layer`。
+定义拨测系统前端 Dashboard 页面：总览统计卡片、Dashboard 数据查询、加载和错误状态处理。页面骨架布局见 `dashboard-layout`，分组表格布局见 `target-table`，目标详情 Drawer 见 `target-detail-drawer`，数据轮询和缓存见 `tanstack-query-data-layer`。
 
 ## Requirements
 
@@ -20,41 +20,26 @@ Dashboard SHALL 通过 `GET /api/dashboard` 获取首屏总览统计和目标列
 - **THEN** 前端 SHALL 继续通过 `GET /api/meta` 独立查询 checkerTypes
 
 ### Requirement: 总览统计卡片
-Dashboard SHALL 在页面顶部使用 TDesign Statistic 组件展示总览统计，包含总目标数、正常数、异常数和窗口异常事件数，并展示数据新鲜度。
+Dashboard SHALL 在页面顶部使用单个 TDesign Card 组件内嵌一行居中的 Statistic 展示总览统计，包含总目标数、正常数、异常数和窗口异常事件数。
 
 #### Scenario: 展示统计卡片
 - **WHEN** 用户打开 Dashboard 页面
-- **THEN** 页面顶部 SHALL 使用 TDesign Row/Col 布局展示 4 个 TDesign Card + Statistic 组合：全部目标数（color=blue）、正常目标数（color=green）、异常目标数（color=red）、24h 异常事件数（color=orange）
+- **THEN** 页面顶部 SHALL 使用单个 TDesign Card（无 shadow、无 bordered）内嵌 TDesign Row/Col 布局展示 4 个居中的 Statistic：全部目标数（color=blue）、正常目标数（color=green）、异常目标数（color=red）、24h 异常事件数（color=orange）
+
+#### Scenario: 指标居中显示
+- **WHEN** SummaryCards 渲染
+- **THEN** 每个 Statistic 所在的 Col SHALL 使用 `.summary-stat-col` 类实现标题和数字居中对齐
 
 #### Scenario: 异常事件数据来源
 - **WHEN** SummaryCards 渲染 24h 异常事件数
 - **THEN** 该数值 SHALL 使用 DashboardResponse.summary.incidents 字段，标题 SHALL 基于当前 window 展示为"24h 异常事件数"
 
-#### Scenario: 展示数据新鲜度
-- **WHEN** Summary 数据包含 lastCheckTime
-- **THEN** 统计卡片行底部 SHALL 展示相对时间文本（如"最后更新: 3秒前"），使用 TDesign Typography.Text（theme="secondary"）
-
-#### Scenario: 数据新鲜度警告
-- **WHEN** lastCheckTime 距当前时间超过 60 秒
-- **THEN** 相对时间文本 SHALL 使用警告色（--td-warning-color）
-
-#### Scenario: 无检查时间
-- **WHEN** Summary 数据 lastCheckTime 为 null
-- **THEN** 数据新鲜度 SHALL 展示为"尚无检查数据"或等价占位文本
-
-### Requirement: 页面标题
-Dashboard 页面 SHALL 使用 TDesign Typography 组件渲染标题和副标题。
-
-#### Scenario: 页面标题渲染
-- **WHEN** Dashboard 页面渲染
-- **THEN** 页面标题 SHALL 使用 TDesign Typography.Title 组件（level="h1"）渲染"DiAL"，副标题 SHALL 使用 Typography.Text 组件（theme="secondary"）渲染"统一拨测平台"
-
 ### Requirement: 页面加载与错误状态
-Dashboard SHALL 使用 TDesign 组件正确处理加载状态和 API 错误。
+Dashboard SHALL 使用 TDesign Skeleton 组件处理首次加载状态，使用 Alert 处理错误。
 
 #### Scenario: 首次加载
 - **WHEN** 页面首次加载且数据尚未返回
-- **THEN** 表格 SHALL 显示 TDesign Loading 加载状态
+- **THEN** 页面 SHALL 使用 TDesign Skeleton 组件（animation="gradient"）展示页面骨架，模拟 Summary 区域和 Table 区域的大致结构
 
 #### Scenario: API 请求失败
 - **WHEN** 前端 API 请求失败