Files

T

Nexus Agent 4bbc47faab feat(watch): polish monitoring history UI with themed charts and empty states

Align watch metrics pages with dashboard fleet trends: theme-aware ECharts,
skeleton loaders, metric color thresholds, and compact I/O layout on slot cards.

2026-06-13 23:29:58 +08:00

1.0 KiB

Raw Blame History

监测 UI 视觉迭代

日期：2026-06-13

变更摘要

监测历史页、趋势图、探针表与实时槽卡片对齐仪表盘舰队趋势的视觉规范：主题色 ECharts、骨架屏/空态、指标色阶与 I/O 网格布局。

动机

北京时间上线后，监测页仍偏「工具表」风格，与仪表盘 FleetTrendEChart 体验不一致；继续迭代提升可读性与暗色模式适配。

涉及文件

frontend/src/pages/WatchMetricsPage.vue
frontend/src/components/watch/WatchTrendChart.vue
frontend/src/components/watch/WatchProbeRecordsTable.vue
frontend/src/components/watch/WatchSlotCard.vue
frontend/src/components/watch/WatchMetricBar.vue
frontend/src/components/watch/WatchSparkline.vue
frontend/src/components/watch/WatchSlotRow.vue
frontend/src/utils/watchFormat.ts

迁移 / 重启

仅前端；vite build 后生效。

验证方式

cd frontend && npx vite build；打开 #/watch-metrics 与服务器页监测槽，检查趋势 tooltip、探针表分页、空态与暗色主题。

1.0 KiB Raw Blame History Unescape Escape