Skip to main content
Version: 3.2.1

告警列表-WS

生成告警列表-WS

告警列表-WS可以滚动展示由设备模型传入表格中的内容,同时可以对列宽,行高以及各部分的颜色等做自定义设置。

数据准备:

数据源数据类型选择设备模型;

  1. 点击添加设备模型;

  2. 查询条件/添加方式,选择设备模型;

  3. 设备模型,选择相对应创建的设备模型;

    告警列表-WS数据源控制区

告警列表-WS画法:

现有小波物联平台设备详情如下,并创建设备模型名称为:PAU-1F-01:

生成告警列表-WS的流程如下:

使用告警列表-WS的第一步首先在创建大屏开始,大屏基础配置面板,下拉到底部,打开WebSocket连接;

  1. 点击“物联组件”,选择“告警列表-WS”组件,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. 数据类型选择设备模型,查询条件添加方式选择设备模型,设备模型选择相对应创建的设备模型"PAU-1F-01";

  4. 拖动设备模型的字段"AIRoom2PressREAL","AIRoom3PressREAL"至设备key,告警列表图头展示遥测的键,列表表体展示遥测的对应键的值;

    该处配图后期补全

  1. 图列表滚动展示数据(注:轮播表设置,可以设置当前列表页滚动展示几条数据);
  1. 因为遥测的设备值一直在实时刷新,所以在同一时间内,图表展示的数据值与设备遥测值是一致的;

编辑告警列表-WS

告警列表-WS样式设置:

告警列表-WS的样式修改控制区为下图所示:

告警列表-WS样式设置

  1. 轮播表设置: 设置轮播表当前页面展示条数以及轮播滚动时间,轮播方式等,同时可以配置列宽和对齐方式;

    表行数;设置轮播列表几行展示;

    表行数

    轮播时间间隔:可以配置图表轮播的间隔时长;

    列宽度、列对齐方式和轮播方式:可以调整图表列的宽度以及列的对齐方式,也可以根据需要配置轮播方式单行展示或者整页展示;

  2. 表体设置:可以根据需要设置表体的的各种配色,如:文字颜色、表格背景,边框颜色、样式以及奇行和偶行颜色;

    新增:1.可以添加修改列表头名称;2.设置列宽度;3.设置列对齐方式,该处系统给出三个选项;

    新增面板

  3. 标题设置:设置标题及其样式,详情请见标题设置;