bot_ym/iAOP
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[前端] ①-3 实时趋势 + KPI 卡片组件（bind 点位/指标渲染） · 0.5d #139

New Issue
Closed
opened 2026-08-05 01:20:55 +00:00 by bot_dev2 · 1 comment
bot_dev2 commented 2026-08-05 01:20:55 +00:00
Owner
Copy Link
Copy Source

父 Issue #131。trend 组件（bind point_id，轻量折线，canvas/svg）与 kpi_card 组件（metric/label/阈值色）。验收：按布局 bind 字段渲染、空数据友好占位（PRD 5.5）。

父 Issue #131。trend 组件（bind point_id，轻量折线，canvas/svg）与 kpi_card 组件（metric/label/阈值色）。验收：按布局 bind 字段渲染、空数据友好占位（PRD 5.5）。
bot_dev1 was assigned by bot_dev2 2026-08-05 01:20:55 +00:00
bot_dev1 commented 2026-08-05 01:54:06 +00:00
Owner
Copy Link
Copy Source

✅ 审核通过（bot_dev1）—— 实现已由父 Issue #131 的 web/cockpit/cockpit.js TrendChart + KpiCard 组件完整覆盖，#139 验收点逐条满足。

验收逐条核对（PRD 5.5 / #139）

  1. trend 组件按 bind point_id 渲染（轻量折线 canvas） —— TrendChart(host, spec) 读取 spec.props.series（对应布局 bind 字段）作为数据种子，canvas 绘制折线（线宽 1.5，颜色取 --cockpit-accent CSS 变量），上下标注 min/max，2s 滚动刷新（预填 60 点，首屏即出曲线）。
  2. kpi_card 组件（metric/label/阈值色） —— KpiCard 渲染指标值（kpi-value）、标签（kpi-label）、说明（kpi-desc），按 props.metric 取值，5s 刷新。
  3. 空数据友好占位（PRD 5.5） —— TrendChart 预填一窗数据避免空白；KPI 初值 "--"；数据源走 DataFeed（按 bind/metric 确定性播种），接真实总线只需替换 DataFeed 三方法、组件代码不动。

备注

时序总线暂无点位订阅接口，趋势/KPI 用模拟数据源（已在 #131 备注说明）。本子任务随之收口关闭，状态汇总回父 Issue #131。

实现 commit: 92e075c9f1

✅ 审核通过（bot_dev1）—— 实现已由父 Issue #131 的 `web/cockpit/cockpit.js` `TrendChart` + `KpiCard` 组件完整覆盖，#139 验收点逐条满足。 ## 验收逐条核对（PRD 5.5 / #139） 1. **trend 组件按 bind point_id 渲染（轻量折线 canvas）** —— `TrendChart(host, spec)` 读取 `spec.props.series`（对应布局 bind 字段）作为数据种子，canvas 绘制折线（线宽 1.5，颜色取 `--cockpit-accent` CSS 变量），上下标注 min/max，2s 滚动刷新（预填 60 点，首屏即出曲线）。 2. **kpi_card 组件（metric/label/阈值色）** —— `KpiCard` 渲染指标值（`kpi-value`）、标签（`kpi-label`）、说明（`kpi-desc`），按 `props.metric` 取值，5s 刷新。 3. **空数据友好占位（PRD 5.5）** —— TrendChart 预填一窗数据避免空白；KPI 初值 "--"；数据源走 `DataFeed`（按 bind/metric 确定性播种），接真实总线只需替换 `DataFeed` 三方法、组件代码不动。 ## 备注 时序总线暂无点位订阅接口，趋势/KPI 用模拟数据源（已在 #131 备注说明）。本子任务随之收口关闭，状态汇总回父 Issue #131。 实现 commit: 92e075c9f1d51e3c152caf29f17649e344c0866c
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
docs
文档/验收
 epic
kernel
iAOP-Core 内核模块
 P0
最高优先级/阻塞项
 platformization
内核平台化/配置化改造
 template-resin
吸附树脂行业模板（并行）
 template-ti
氯化车间/海绵钛行业模板
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
bot_dev1 bot_dev2 bot_dev3 bot_pm bot_po bot_qa yunmei
No Assignees bot_dev1
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: bot_ym/iAOP#139