动态变量+自定义组件最佳实践

背景

下文以实际项目中A集团新厂某车间组态大屏搭建过程为例。

A集团磨装车间拥有多条产线，其中每台设备拥有设备的红黄绿状态，需要有组态大屏来展示这些设备状态

按照客户需求组态画面设计稿如下：

现场成果展示

下面将介绍如何使用工业组态搭建出该画面，以及快速完成设备状态到组态控件的数据绑定工作：

搭建步骤

步骤一 搭建自定义组件

首先创建设备状态卡片，我们使用自定义组件进行搭建。

1. 分别使用不同的图片（红灯图片、黄灯图片、绿灯图片），代表不同的设备状态；

2. 添加自定义属性：红灯、黄灯、绿灯、设备名称；

3. 并为不同颜色的图片组件的可见属性绑定对颜色的自定义属性，如为红灯图片的组件的“组件可见”属性绑定“红灯”数据源；

4. 保存自定义组件。

5. 在页面中拖入该设备状态卡片自定义组件，自定义属性接收设备状态ot点位值，来控制显示的设备状态是红色、黄色还是绿色。

6. 实现设备数据上行成功后，可以通过设备状态卡片的显示效果判断设备状态。

步骤二 创建变量

查看数采侧点位信息，发现设备状态属性编码一致，都为 status_R / status_Y / status_G，因此可以使用动态变量收拢变量的数量，降低搭建成本。

在工业组态上创建三个动态变量，分别命名Device_status_R / Device_status_Y / Device_status_G，代表设备的红灯、黄灯、绿灯属性，但是设备编码可以是可配置参数，允许外部动态传入。

步骤三 将变量绑定至自定义属性，实现设备状态实时展示

按照设计稿完成组态画面的静态搭建后，点击设备状态卡片，配置每个卡片对应的自定义属性值。

点击自定义属性绑定框后，选择步骤二创建的参数变量，分别选择对应状态的变量，此时填入具体的设备编码，比如该卡片需要显示设备编码为031_104的设备状态，此时参数变量的路径参数 AssetCode 填写 031_104，即可绑定设备属性点为 031_104/status_R 的点位数据。即可完成真实设备点和组态控件属性的关联绑定。

步骤四 绑定完成后，预览发布

配置完成后，点击预览/发布按钮，即可查看实时组态画面效果。

总结

使用动态变量+自定义组件配合完成该页面的设备状态展示，将44个设备，132个属性点的数据绑定操作效率进一步提升，在现场实施时绑定点位的操作耗时在1小时以内。