[发明专利]水务系统组态设计系统及方法

权利要求书

1.一种水务系统组态设计系统，其特征在于包括：

组态设计模块，所述组态设计模块通过组态设计界面对外交互，用于定义水厂的所有设备，对于每个设备，用于定义所述设备相关的组件并对每个组件进行设备参数的绑定，对于可操作的组件，用于配置操作指示以及对应的设备参数，生成所述设备对应的设备组态；

组态浏览模块，所述组态浏览单元通过浏览器与用户交互，用于获取设备组态以及对应的设备参数，基于设备组态以及对应的设备参数动态生成组态管理界面进行预览；

组态保存模块，所述组态保存模块用于将从组态设计模块获取的设备组态及设备参数上传至浏览器进行缓存，并用于将设备组态以及设备参数上传至服务器进行保存；

组态使用单元，所述组态使用单元通过浏览器与用户交互，用于在浏览器界面通过设备组态对设备进行远程操作以及查看设备数据。

2.根据权利要求1所述的一种水务系统组态设计系统，其特征在于所述组态设计模块包括：

组件配置单元，所述组件配置单元中预配置有基础组件和可视化组件，用于自定义组件并对自定义组件进行上传设计，所述基础组件包括文本组件、按钮组件、数值组件、指示灯组件、仪表盘组件、以及管道组件，所述可视化组件包括折线图组件、网页组件、视频组件、图形组件、形状组件、动作图表以及动作；

组态设计单元，所述组态设计单元中配置有面板组件，所述面板组件为空白面布、且所述空白画布中配置有画板，对于每个设备，用于选取所述设备相关的组件，并通过画板组件对选取的组件进行设计展示、并对组件进行设备参数绑定，对于可操作的组件，通过画板组件配置操作指示以及对应的设备参数；

可视化组件设计器，对于每个组件，所述可视化组件设计器用于对所述组件配置事件和操作，用于根据组态设计规则，建立对应的组态操作逻辑，并生成对应的组态数据，并将所述组态数据加载至浏览器的LocalStorage。

3.根据权利要求2所述的一种水务系统组态设计系统，其特征在于所述组态配置单元用于对自定义组件进行上传设计，包括用对组件进行选择、拖放、自动对齐、变形事件和操作，用以完成自定义组件的设计。

4.根据权利要求2所述的一种水务系统组态设计系统，其特征在于所述空白面布的底部和右侧设计有滚动条，滚动条用于对面板进行上下左右移动操作，并用于对画板进行放大缩小操作；

所述画板中配置有等距方形网格，通过所述网格进行定位。

5.根据权利要求2所述的一种水务系统组态设计系统，其特征在于所述可视化组件设计器用于对所述组件配置事件和操作，所述事件和操作包括组件拖放、定位、连接和对齐；

通过鼠标选择需要的组件，通过画板显示选择的组件，通过可视化组件设计器对组件进行事件配置和操作，包括对组件进行放大缩小、拉伸、拖拽操作将组件设计为用户期望的形态。

6.根据权利要求2所述的一种水务系统组态设计系统，其特征在于所述可视化组件设计器用于根据组态设计规则，建立对应的组态操作逻辑，并生成对应的组态数据，并将所述组态数据加载至浏览器的LocalStorage，包括如下操作：

对浏览器的选择、单击、移动事件进行处理和监听，并由一系统的Javascript类对事件和操作进行逻辑判断和处理；

基于HTML5的LocalStorage技术，将组态数据加载到浏览器的LocalStorage，渲染的时候直接从浏览器读取流程数据，避免重复从服务器端读取。

7.根据权利要求2-6任一项所述的一种水务系统组态设计系统，其特征在于所述组态浏览单元用于根据浏览器的LocalStorage中存储的组态数据，动态获取组态数据并将组态数据生成一张能在当前界面显示的图像。