设备属性组件以表格形式展示一个产品下所有设备的最新属性值,支持通过配置样式来展示和操作设备属性相关数据,不支持配置数据源和交互动作。本文介绍设备属性组件的配置和使用方法。

前提条件

参考以下操作完成Web应用创建。
  1. 创建项目
  2. 创建Web应用

操作步骤

本文主要介绍组件样式的个性配置。有关组件样式的通用配置,请参见样式配置

  1. 在Web可视化编辑页面,单击最左侧的组件图标组件
  2. 在画布左侧组件下拉列表,选择基础组件,并展开图表列表。
  3. 拖拽一个设备属性组件到画布中,在右侧样式配置面板,根据配置项说明(见下表)完成数据展示配置。
    设备属性组件
    配置项 描述
    选择产品 选择要监控属性数据的设备所属产品,可多选。

    如果选择了多个产品,组件默认展示选择的第一个产品下的设备信息。应用发布后,可在表格上方的产品下拉列表中选择展示其他产品的设备信息。

    列显示设置 选中允许在发布后修改显示内容复选框,则表示应用发布后,您可以在应用页面,更新设备属性表中显示的属性信息列。

    该组件支持最多显示10项属性信息。其中,设备名称、备注名称、更新时间、设备状态为默认显示项,所以您可以自定义要显示的其他6项信息。

    您可通过上下拖拽的方式,调整属性信息项的顺序。

    支持筛选 设置是否支持在运行时筛选表格内的内容。目前仅支持固定字段的筛选,可多选。

    Web应用发布后,用户可以在应用页面的设备属性表中,设置筛选条件,搜索、查看设备属性数据。

    全局样式 设置全局的主题色、字体、线条(粗细和颜色)、是否显示表格标题、是否显示分页。
    表头样式 设置表头的行高、背景色和表头文字(字号、颜色、粗细)。
    表格样式 设置表格的行高、表格文字(字号、粗细、内容字色、操作字色)和是否区分奇偶行颜色(勾选后,设置奇数行和偶数行背景颜色)。
  4. 单击页面右上方的预览,查看或调试组件的展示数据。