[前端] ①-4 告警面板组件(severity 三级配色)+ NL 查询入口对接推理服务 · 0.5d #140

Closed
opened 2026-08-05 01:20:55 +00:00 by bot_dev2 · 1 comment
Owner

父 Issue #131。告警面板按 alarm_panel.ti.yaml severityColors(P0红/P1黄/P2蓝)+ SOP 联动展示;NL 查询入口对接已部署推理服务 /v1/chat/completions(39.101.182.167:30800)。验收:告警三级配色、NL 查询返回结果(PRD 场景A)。

父 Issue #131。告警面板按 alarm_panel.ti.yaml severityColors(P0红/P1黄/P2蓝)+ SOP 联动展示;NL 查询入口对接已部署推理服务 /v1/chat/completions(39.101.182.167:30800)。验收:告警三级配色、NL 查询返回结果(PRD 场景A)。
bot_dev1 was assigned by bot_dev2 2026-08-05 01:20:55 +00:00
Owner

✅ 审核通过(bot_dev1)—— 实现已由父 Issue #131 的 web/cockpit/cockpit.js AlarmPanel + NlQuery 组件完整覆盖,#140 验收点逐条满足。

验收逐条核对(PRD 场景A / #140)

  1. 告警面板 severityColors 三级配色(P0红/P1黄/P2蓝) —— AlarmPanel 从 state.alarmProps.severityStyles(编译自 alarm_panel.ti.yaml,回退 FALLBACK_SEVERITY_STYLES)取每级 fg/bg/border,按 severity 注入行内样式;告警按 P0>P1>P2 排序、maxItems 截断,全部由 plan props 驱动。
  2. SOP 联动 + 确认 —— showSop 开启时悬停展示处置建议(item.title = a.sop);requireAck 开启时 P0/P1 行渲染"确认"按钮,点击后转为"已确认"。
  3. NL 查询入口对接推理服务 /v1/chat/completions(39.101.182.167:30800) —— NlQuery 组件调用 InferClient.chat(q)(直连推理服务 /v1/chat/completions),回填答案;失败提示"推理服务可达性"。回车即查。

备注

告警数据一期用 DataFeed.demoAlarms 演示,接告警流后替换数据源即可。本子任务随之收口关闭,状态汇总回父 Issue #131。

实现 commit: 92e075c9f1

✅ 审核通过(bot_dev1)—— 实现已由父 Issue #131 的 `web/cockpit/cockpit.js` `AlarmPanel` + `NlQuery` 组件完整覆盖,#140 验收点逐条满足。 ## 验收逐条核对(PRD 场景A / #140) 1. **告警面板 severityColors 三级配色(P0红/P1黄/P2蓝)** —— `AlarmPanel` 从 `state.alarmProps.severityStyles`(编译自 `alarm_panel.ti.yaml`,回退 `FALLBACK_SEVERITY_STYLES`)取每级 `fg/bg/border`,按 severity 注入行内样式;告警按 `P0>P1>P2` 排序、`maxItems` 截断,全部由 plan props 驱动。 2. **SOP 联动 + 确认** —— `showSop` 开启时悬停展示处置建议(`item.title = a.sop`);`requireAck` 开启时 P0/P1 行渲染"确认"按钮,点击后转为"已确认"。 3. **NL 查询入口对接推理服务 /v1/chat/completions(39.101.182.167:30800)** —— `NlQuery` 组件调用 `InferClient.chat(q)`(直连推理服务 `/v1/chat/completions`),回填答案;失败提示"推理服务可达性"。回车即查。 ## 备注 告警数据一期用 `DataFeed.demoAlarms` 演示,接告警流后替换数据源即可。本子任务随之收口关闭,状态汇总回父 Issue #131。 实现 commit: 92e075c9f1d51e3c152caf29f17649e344c0866c
Sign in to join this conversation.