跳到主要内容

指示灯

指示灯组件可用于显示设备状态、告警等。本文介绍指示灯组件的详细配置方法。

pilotLamp.jpg

私有属性

参数
说明
默认值
展示数据可配置数据源key1
展示方式可选值:颜色、图片颜色
属性名称可修改,获取的数据值与名称匹配时显示对应的颜色/图片key1

节点

参数
说明
默认值
宽度整体宽度100
高度整体高度100
横坐标横向坐标-
纵坐标纵向坐标-

应用示例

通过指示灯组件展示设备的物联状态,支持根据状态配置对应的颜色或图片。


步骤一: 添加组件

在画布左侧组件列表上方,输入指示灯,找到该组件,然后将组件拖拽到中间画布。 list_01

步骤二: 配置数据源

当您需要使用该组件显示并设置设备属性,或展示接口返回的数据时,需要配置对应的数据源。

⚠️ 注意

  1. 当前案例以看板页为例,需指定设备;若为设备页,则无需指定设备。
  2. 数据源返回的结果需为明确的数字或字符串值,例如:01"offline""online"

list_01

步骤三: 配置样式

根据接口返回的结果,动态配置对应的颜色或图片。

备注:若设备物联状态包含多种情况,可依次为每种状态配置对应的颜色或图片。

list_01