M5-T07: add latest-reading cards and Recharts trend charts; readings return most-recent rows

2026-06-22 14:17:59 +02:00
parent 2dc469274a
commit 68165f0e01
13 changed files with 1454 additions and 23 deletions
@@ -375,7 +375,7 @@ Phase C（MQTT / Discovery，依赖 B 的设备数据与 provider 接口）
 - **Reviewer checklist**: 全部走生成的类型化 client；删除走确认；无与契约不符的手写请求。

 ### M5-T07 — 前端：读数展示 + Recharts 走势图
- **Status**: `todo` · **Depends**: M5-T05（数据）, M5-T06（页面壳）
+- **Status**: `done` · **Depends**: M5-T05（数据）, M5-T06（页面壳）
 - **Context**: 在 Energy 页展示每设备最新读数 + 时间序列走势。
 - **Files**: `modify frontend/src/pages/EnergyPage.tsx`；`create frontend/src/energy/EnergyCharts.tsx`（封装 Recharts）；`modify frontend/package.json`（加 `recharts`，`package-lock.json` 同步）；`create` 对应测试
 - **Steps**: 最新读数卡片（接 `latest`，字段标签/单位取自 `/metrics`）；时间范围选择 + 折线图（电压/电流/功率/电能，从 `payload` 按 key 取序列），接 `readings`（窗口 + limit）；图表封在 `EnergyCharts` 内（仿 Leaflet 隔离，便于将来换库）。