指示灯
指示灯组件可用于显示设备状态、告警等。本文介绍指示灯组件的详细配置方法。
私有属性
参数 | 说明 | 默认值 |
---|---|---|
展示数据 | 可配置数据源 | key1 |
展示方式 | 可选值:颜色、图片 | 颜色 |
属性名称 | 可修改,获取的数据值与名称匹配时显示对应的颜色/图片 | key1 |
节点
参数 | 说明 | 默认值 |
---|---|---|
宽度 | 整体宽度 | 100 |
高度 | 整体高度 | 100 |
横坐标 | 横向坐标 | - |
纵坐标 | 纵向坐标 | - |
应用示例
通过指示灯组件展示设备的物联状态,支持根据状态配置对应的颜色或图片。
步骤一: 添加组件
在画布左侧组件列表上方,输入指示灯
,找到该组件,然后将组件拖拽到中间画布。
步骤二: 配置数据源
当您需要使用该组件显示并设置设备属性,或展示接口返回的数据时,需要配置对应的数据源。
⚠️ 注意
- 当前案例以
看板页
为例,需指定设备;若为设备页
,则无需指 定设备。 - 数据源返回的结果需为明确的数字或字符串值,例如:
0
、1
、"offline"
、"online"
。
步骤三: 配置样式
根据接口返回的结果,动态配置对应的颜色或图片。
备注:若设备物联状态包含多种情况,可依次为每种状态配置对应的颜色或图片。