动态变量+自定义组件最佳实践
背景
下文以实际项目中A集团新厂某车间组态大屏搭建过程为例。
A集团磨装车间拥有多条产线,其中每台设备拥有设备的红黄绿状态,需要有组态大屏来展示这些设备状态
![ECA0B287-C287-4986-968F-AF1E4ADADE87](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/9026021861/p575791.png)
按照客户需求组态画面设计稿如下:
![未命名4.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/5997944961/p718750.png)
现场成果展示
![1677571375472-3ebf189e-d49f-4807-b4ac-3b5ffb90002e_edit_44036459782342.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/3508944961/p718751.png)
下面将介绍如何使用工业组态搭建出该画面,以及快速完成设备状态到组态控件的数据绑定工作:
搭建步骤
步骤一 搭建自定义组件
首先创建设备状态卡片,我们使用自定义组件进行搭建。
分别使用不同的图片(红灯图片、黄灯图片、绿灯图片),代表不同的设备状态;
添加自定义属性:红灯、黄灯、绿灯、设备名称;
并为不同颜色的图片组件的可见属性绑定对颜色的自定义属性,如为红灯图片的组件的“组件可见”属性绑定“红灯”数据源;
保存自定义组件。
在页面中拖入该设备状态卡片自定义组件,自定义属性接收设备状态ot点位值,来控制显示的设备状态是红色、黄色还是绿色。
实现设备数据上行成功后,可以通过设备状态卡片的显示效果判断设备状态。
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/4759128961/p731173.png)
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7040228961/p731211.png)
步骤二 创建变量
查看数采侧点位信息,发现设备状态属性编码一致,都为 status_R / status_Y / status_G
,因此可以使用动态变量收拢变量的数量,降低搭建成本。
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7040228961/p731212.png)
在工业组态上创建三个动态变量,分别命名Device_status_R / Device_status_Y / Device_status_G
,代表设备的红灯、黄灯、绿灯属性,但是设备编码可以是可配置参数,允许外部动态传入。
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/5440228961/p731215.png)
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/5440228961/p731216.png)
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/5440228961/p731217.png)
步骤三 将变量绑定至自定义属性,实现设备状态实时展示
按照设计稿完成组态画面的静态搭建后,点击设备状态卡片,配置每个卡片对应的自定义属性值。
![未命名3.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/4997944961/p718744.png)
点击自定义属性绑定框后,选择步骤二创建的参数变量,分别选择对应状态的变量,此时填入具体的设备编码,比如该卡片需要显示设备编码为031_104
的设备状态,此时参数变量的路径参数 AssetCode 填写 031_104
,即可绑定设备属性点为 031_104/status_R
的点位数据。即可完成真实设备点和组态控件属性的关联绑定。
![未命名2.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/5997944961/p718742.png)
步骤四 绑定完成后,预览发布
配置完成后,点击预览/发布按钮,即可查看实时组态画面效果。
![未命名4.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/4997944961/p718747.png)
总结
使用动态变量+自定义组件配合完成该页面的设备状态展示,将44个设备,132个属性点的数据绑定操作效率进一步提升,在现场实施时绑定点位的操作耗时在1小时以内。