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

背景

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

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

ECA0B287-C287-4986-968F-AF1E4ADADE87

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

未命名4.png

现场成果展示

1677571375472-3ebf189e-d49f-4807-b4ac-3b5ffb90002e_edit_44036459782342.png

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

搭建步骤

步骤一 搭建自定义组件

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

  1. 分别使用不同的图片(红灯图片、黄灯图片、绿灯图片),代表不同的设备状态;

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

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

  4. 保存自定义组件。

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

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

image.pngimage.png

步骤二 创建变量

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

image.png

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

image.png

image.pngimage.png

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

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

未命名3.png

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

未命名2.png

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

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

未命名4.png

总结

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