Files
Nexus/docs/changelog/2026-06-13-watch-ui-polish.md
T
2026-07-08 22:31:31 +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、探针表分页、空态与暗色主题。