跳到主要内容

告警卡片组

组件介绍​

image.pngimage.png

功能滚动显示告警信息，点击告警信息时显示信息详情
组件接收数据
- 输入桩1接收告警信息列表。
格式：哈希数组
[ {id: '1',source:"监控具体位置1",alarmMessage: "机械手动作未到位1", startTime: "2020/10/9 12:00", lineBody: "拉伸线1", status: "异常中",operator: "A",alarmType:"AA",url:"https://v-cdn.zjol.com.cn/277004.mp4",alarmTime:"2020/10/9 12:00"},
......]
说明：各字段分别为告警信息的展示字段
组件发送数据无


​

参数配置​

  • 卡片高度：卡片列表中的单个卡片高度
  • 卡片宽度：卡片列表中的单个卡片宽度
  • 卡片圆角：卡片列表中的单个卡片圆角
  • 卡片上下间隔：两个卡片间的上下距离
  • 卡片左右边距：卡片距离左右边框的距离
  • 卡片背景色：卡片的背景色
  • 卡片高亮背景色：卡片滚动高亮时的背景色
  • 卡片第一行高度：卡片第一行数据的高度
  • 卡片第二行高度：卡片第二行数据的高度
  • 卡片标题字号：卡片中标题的字号
  • 卡片内容字号：卡片中告警内容的字号
  • 卡片字体颜色：告警信息的字体颜色
  • 时间特殊字体：告警时间显示的特殊字体
  • 向上滚动: 选中时，向上滚动
  • 滚动间隔(s)：每隔几秒向上滚动一个
  • 状态枚举：告警的状态的枚举
  • 状态颜色映射：各状态的字体颜色，与状态枚举的值一一对应
  • 弹框遮罩颜色：点击卡片弹出异常详情时的遮罩的颜色

层级选择器配置​

image.png