业务组件

业务组件包括业务数据和业务选择器两类。

业务数据

业务数据包括写入数据点、设备数据点、液位、进度条、标尺、状态组件、网络拓扑图，此类组件通常需要绑定数据使用，下面将分别介绍使用说明；

写入数据点

写入数据点组件可将值写入到数据点中，并将值保存值时序库中；

数据点：选择需要写入值的数据点。

设备数据点

设备数据点用于绑定平台中的数据点信息，组件属性配置如图：

属性配置说明
数据点：绑定平台中的数据点；
显示名称：开启后，在画面中显示数据点名称；
显示单位：开启后，若绑定的数据点设有单位，则此处显示数据点单位；
重命名：可以重新命名设备数据点的名称；
小数位数：设置数据点值的小数位数；
小数补零：开启后，当设置的小数位没有值时，进行补零展示；
数据值展开形式：有四舍五入、向上进位、按位展示三种形式，跟小数位数配合使用，例如当数据点的数据值为4.74时，保留一位小数，展开形式为四舍五入时，此时取值为4.7，展开形式为向上进位时，此时取值为4.8；当数据值为4.79时，保留一位小数，展示形式为按位展示时，此时取值为4.7；
最小宽度：设置数据点组件的最小宽度；
数字动画：选择“是”时，初始读数时，显示动画效果；
状态配置：设置数据点值在特定状态下的展示样式；

类型：选择状态配置的类型，固定值或范围；当固定值为默认值时的显示状态和当范围之内，数据点组件的显示状态；
固定值：输入固定值，则数据点值等于固定值时，可展示设置的状态样式；
范围：需设置范围的最小值和最大值，当数据点值处于范围之内时，将展示设置的状态样式；
背景色：设置设备数据点值件在状态下的的背景颜色；
文字色：设置设备数据点值在状态下的文字颜色；
图片：设置设备数据点值在状态下的背景图片；
超时背景颜色：设置数据点超时时的背景颜色；
掉线背景颜色：设置数据点掉线时的背景颜色；
报警文字颜色：设置数据点报警时的文字颜色；
隐藏组件：可绑定布尔值变量，设置隐藏条件；

液位

液位可实现常规液位及三维液位效果。

属性配置说明
数据：点击绑定数据点；

颜色状态：点击添加颜色状态，当数据点的数据值在颜色状态中最大值最小值的范围中时，显示当前设置颜色，可添加多个颜色状态，同设备数据点的状态说明；
显示三维：点击是，液位显示三维样式；

可设置三维顶部样式、阴影样式和底色样式；

最大值/最小值：定义液位的高度范围，最大值不得小于最小值
方向：液位的展开方向；
起始位置：液位起始显示位置；
边框颜色：液位的边框颜色设置；

进度条

进度条可实现绑定数据的进度情况，进度条不同数据范围可显示不同的颜色。

属性配置说明
数据：点击绑定数据点；
最大值：设置进度条的最大范围，默认为100；
填充颜色：设置进度条的进度填充颜色；
边框颜色：设置进度条的边框颜色；
颜色映射：数据达到映射设定的值，进度条的填充色修改为数值对应的颜色；
方向：设置进度条的展示方向，包括垂直和水平两个方向；
起始位置：进度条的起始显示位置；

标尺

标尺可用于数值对应标尺的位置，可设置标尺的度量单位；

属性配置说明
数据：点击添加数据，可绑定数据点，设定数数据颜色以及显示的小数位数；

刻度：设置标尺总长度；
单位：设置数据的单位；
效果图如下：

状态组件

状态组件用于定义不同状态显示不同的图片、文字或背景色，比如数据点的某个值时，显示特定文字。

属性配置说明
输入值：点击绑定数据；
状态配置：被绑定数据取不同值时可显示不同状态，点击添加状态，当被绑定数据的数据值为某个固定值或值在某个范围中时，可设置状态按钮的颜色、背景色、文字色、图片或文字，可参考设备数据点状态配置

文字：文字可选文字或数据点，选文字时，状态组件中显示文字内容，选择数据点时，状态组件中显示数据点的数据值，如图所示（当数据点的数据值在0-50范围中时，背景色显示粉色，文字显示蓝色）

模拟数据：可用模拟数据查看设置效果
状态切换闪烁：点击是，状态切换时闪烁两下

tip

注：类型为范围时，范围为左闭右开区间;
文字可绑定数据点，绑定后状态按钮显示被绑定数据点的数据值。

状态组件组

状态组件组用于定义多个数据点的多个状态，不同状态显示不同的图片、文字或背景色。

属性配置说明
数据：设置多个数据点值的多状态的展示形式配置，点击添加按钮进行添加配置。

• 点击添加按钮，增加数据配置选项；

• 点击数据配置设置按钮，进行状态配置；
  

  + 数据：选择数据点
  + 状态配置：设置数据点值的多状态的展示形式配置，点击增加按钮进行添加配置，状态配置同状态组件相关说明。 

  

表数据点集

展示设备表下表记录的数据点卡片，鼠标点击数据点值可查看历史数据。

1. 数据表：选择数据表；
2. 默认记录：选择初始加载时，默认展示的记录；
3. 是否分页：设置分页；
4. 分页条数：设置每页展示条数。

网络拓扑图

默认显示平台中的所有开启网络检查的设备的网络检查状态，组件可配置不同的样式类型属性及各个节点的属性，组件属性配置如图所示：

展示形式：网络拓扑图的展开形式，表格形式或图形形式；
标题：自定义网络拓扑图的标题；
标题字体大小：默认值和最小值为12
布局：网络拓扑图的布局包括力引导布局、环形布局和树形布局；
缩放平移：点击是，可放大或缩小整个图形，还可移动图形中的节点；
力引导布局配置：设置节点之间的排布方式；
根节点配置：设置根节点添加的文字和图片；
次级节点配置：设置次级节点的图片和字体；
边配置：设置边的线宽；
数据筛选：通过选择设备表、部门和表记录决定网络拓扑图显示内容；

• 当选择设备表时，只展示该设备表下的网络图，设备表可多选；
• 只选择部门和设备时，只展示该部门或设备下的数据，同上；
• 都选择时，层层过滤，例如展示A设备表下C部门的a和b设备的网络图；
• 关联选择：打开后，父级部门本身及其子级部门的设备都能看到；

业务选择器

业务选择器中包括表记录选择树组件、数据点选择器、表选择器和表记录选择器。

表记录选择树

表记录选择树是一个灵活的组件，能够以树形式展示表记录，并提供多种配置选项，以满足不同的需求和功能要求。

1. 表配置：当展示的记录有层级结构时，可以通过定义一级表、二级表及n级表的方式实现；
   点击添加表，可通过模糊搜索选择表，每个层级的表可多选,定义其余层级的表时可选则的表根据上一级表进行过滤
   

• 1级表: 该表中的表记录在树形结构中位于最上层；
• 2级表：代表树中的第二层级，有一个父节点，父节点为一级表，以此类推；

2. 选择形式：设置表记录选择形式，包括单选和多选；
3. 输出全部类型数据：选择是时，所有类型表记录均可输出，选择否，只输出设备类型表记录。
4. 输出子级记录：单选时生效，当选择父级记录时，子级记录将共同输出。
5. 表记录展示设置：设置需要展示的表记录及默认选中的表记录，如下图所示；
   

• 固定记录
  分为定点和其余各级表，定点中可设置默认全部选中，其余各级表展开默认选中，当表记录展示设置配置选中后，开启展开默认选中的配置，则表记录选择树在页面加载时，会展开显示，且默认选中的表记录为选中状态；选定展开记录后，需要同步检查显示记录列表，只有显示的记录与展开记录有重合时，重合部分的记录才可以进行展开
• 过滤
  可通过设置过滤条件来设置显示和选中记录

6. 展开设置：展开配置用来配置树形组件是否展开，哪些记录做展开的配置，默认不展开，全部展开选中后，所有父级节点均展开；
   
   部分分展开的配置包括两种维度，固定记录及按条件过滤

• 固定记录：固定记录选中表及表下的展开记录列表，可以针对每个表的展开进行一键全选的操作
• 过滤：适用于当记录为变量，需要按照一定的条件展开，如一级的组织表默认展开、如默认选中的 记录默认展开等
  

7. 排序配置：排序配置可以针对每一张显示的表定义一个排序规则，定义好的规则为记录树的默认展示顺序，每张表的排序字段根据表定义中的字段进行展示.当显示的表未进行记录排序定义时，按照创建时间进行倒序排列。最新创建的在最上面
8. 设备高级显示：可设置显示数据指标和在状态，在线状态选中后可设置样式
   
9. 顶部节点名称：自定义顶部节点名称
10. 表记录选择数据的搜索：可模糊查询符合条件的记录，符合搜索条件的记录将展示，不满足条件的记录将被隐藏

数据点选择器

数据点选择器是用来选择数据点的组件，如下图所示，支持多选。
配置项除表选择、内置查询以外其他同表记录选择树。

1. 表选择：选择表后，数据点选择器只显示对应表的数据点；
2. 内置查询：可通过内置查询过滤数据点选择器中展示数据点；

表选择器

表选择其是用于选择表的组件，具体配置同上。

1. 属性展示：选中后，选择器中的表按照层级树形展示
2. 过滤条件：通过设置过滤条件过滤表选择树中可选择的表，过滤时可照表、表名称、表类型和表分组进行过滤
   

表记录选择器

表记录选择其是用于选择表记录的组件，具体配置同上。