跳到主要内容

状态确认

组件介绍

image.png

功能1.根据状态显示不同图片。
2.自定义警告状态,支持鼠标hover时显示警告状态的弹窗。
组件接收数据
- 输入桩1接收区域数据。
格式:二维数组
[
 ["id","name", "status", "value"],
 ["key1","场务", "complete", "1"],
 ["key2","机务", "complete", "2"],
 ["key3","测试", "complete", "3"],
 ["key4","运行", "warning", "4"],
 ["key5","工程", "complete", "5"],
 ["key6","安质", "complete", "6"],
 ["key7","航管", "warning", "7"]
 ]
说明:
1. id -> 经度
2. name-> 标题
3. status -> 状态
4. value -> 值,鼠标hover时,向输出桩1发送此值。
组件发送数据
- 输出桩1
hover警告状态时,向输出桩1发送value的值,字符串格式
说明组件刚拖出时是空白的,需要上传状态图片才能使用。

参数配置

  • 状态类型:输入数据中status的所有类型。
  • 状态图片类型映射:点击【添加状态图片】按钮,上传多个状态图片。与状态类型一一对应。
  • 图片宽度:图片显示宽度
  • 图片高度:图片显示高度
  • 图片间距: 相邻两图片的间隔
  • 标题字号:标题字号大小
  • 标题字体颜色:标题颜色值
  • 警告状态: 警告状态的status的值
  • 警告标题字体颜色:警告状态的标题的颜色值
  • 示例数据:点击下载csv示例数据