You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1.2 KiB

DeviceDetail 状态矩阵与环境卡设计

目标

DeviceDetailView 概览页抽出两个薄展示组件:

  1. DeviceStatusMatrix.vue.status-matrix(机巢运行状态 6 格)
  2. DeviceEnvironmentValues.vue.environment-values(环境监测 6 格)

页面继续算 doorText / withUnit / booleanText 等,组件只收已格式化的条目。

契约

DeviceStatusMatrix

items: Array<{ icon: string, label: string, value: string, ok?: boolean }>

可选 emit:无(纯展示)。外层 data-section + title 仍可由页面包,或组件带可选 title + action slot。

推荐:组件只渲染 matrix 本体;section 壳留页面,改动最小。

DeviceEnvironmentValues

items: Array<{ icon: string, label: string, value: string }>

非目标

  • 不抽充电系统 value-table、绑定卡、drone 概览(可后续)
  • 不迁 rt()/doorValue 计算

实现

  1. 两组件 + DeviceDetailView overview 机巢分支接线
  2. Commit: refactor: 抽取 DeviceDetail 状态矩阵与环境卡
  3. 冒烟:打开某机巢详情概览,矩阵/环境格可见

约束

精确 git add;中文 commit