为实现配电房的智能监控与控制,对配电房的电源设备、动力设备及机房环境进行遥信、遥测,实时监视系统设备的运行状态,记录和处理监控数据,及时侦测故障并通知维护人员处理,避免运行环境的失控导致配电设备运行故障,保证维护人员安全,控制配电房粗放式高额管理成本,实现配电房综合监控的远程集中管理与运行状态的全面感知。

一、功能描述

1、设备管理

       对电房设备进行管理,能对各种类型的设备进行增删改查,支持设备照片多图片上传并在线查看,能够分页显示设备信息;可以批量删除设备,删除时显示确认提示信息,能够独立维护电房信息、开关柜信息和设备类型信息;可以按电房查询设备。

实现效果:

图片

2、设备监控

       使用SVG图片技术显示开关状态,改变开关状态,SVG接线图中对应开关状态也要改变;可以对数据采集设备进行管理,控制设备的在线和离线状态。

实现效果:

图片

3、设备告警处理

       可自定义开关告警数据阈值,根据开关阈值设置,超过阈值的设备会显示到告警记录表;告警记录表中,对于离线设备用不同颜色字体显示,同时可以对每条告警记录进行“确认”或“维持”操作;可按照告警类型和告警时间查询告警数据。

       告警数据生成后可以在移动端查看告警列表和告警详细信息,可以按照不同字段进行排序显示,同时可以按照告警类型和告警时间查询数据。

实现效果:

图片

图片

图片

图片

二、实现思路

       牛刀专业低代码平台采用业务模型驱动设计模式,提供数据建模、服务建模、流程建模、页面建模等模型设计工具,既可以通过可视化界面来定义数据模型、定义模型中的字段、建立数据库表与表之间的关系,以及设置数据模型的规则;也可以基于可视化界面来构建用户界面和定义流程,并自动生成对应源码,可以通过本地IDE或云IDE修改代码的方式来扩展功能。

(1)创建企业门户应用

       根据应用模板中的“企业门户”应用模板创建门户应用,并初始化。

(2)创建工作流应用

       根据应用模板中的“工作流”应用模板创建应用,并在门户中通过自动注册的方式注册服务。

(3)数据模型定义

       根据需求确定数据结构,并通过可视化界面设计数据模型。

(4)页面设计

       根据页面模板创建页面,快速生成可以操作数据模型的页面。

(5)代码提交

       平台默认使用git进行开发协作管理。

(6)应用发布

       应用的编译、构建、发布过程是自动化的,发布后在门户中查看。

三、平台功能应用

       1、牛刀专业低代码平台提供树形页面模板,新建页面时直接使用模板生成树形页面。

       本案例的电房数据需要使用树形结构,就要使用树形模板来生成相应的页面,并绑定数据模型。

图片

图片

图片

       2、牛刀专业低代码平台提供树选择组件,支持下拉数据的树形显示。

       本案例中,设备信息管理页面,新建设备信息时,“所属电房”信息需要使用下拉树形数据。

图片

图片

       3、牛刀专业低代码支持根据设定的规则自动生成编码。

       本案例中,设备信息管理页面,新建设备信息时,自动生成SN号,并且不可修改,利用序号组件根据规则生成编号,然后利用事件赋值给“SN号”表单项,并将“SN号”表单项设置为只读。

图片

图片

       4、牛刀专业低代码平台支持设置页面参数功能,用于主页面向子页面传递参数,在子页面中定义页面参数,在主页面中可以对子页面的页面参数赋值 ,完成从主页面到子页面的参数传递。

       本案例中,在设备信息管理页面,需要通过按钮点击的方式,在线查看每一条设备信息的照片,需要将设备的ID传递到查看照片弹出窗口。

图片

图片

图片

图片

       5、牛刀专业低代码平台内置“动态列表”组件,可以根据数据动态生成表格。

       本案例中,在设备监控页面, 需要动态显示开关柜和设备列表,并能控制设备的开关状态。

图片

图片

       6、牛刀专业低代码平台页面数据组件支持数据集添加计算列,计算列不会显示在数据集的表字段里面。

       本案例中,在设备监控页面, “告警记录”列表里面的序号、测量值、阈值和操作等列需要使用计算列功能。

图片

图片

图片

       7、牛刀专业低代码平台支持通过设置多个表之间的关联查询。

       本案例中,在设备采集数据管理页面, 列表除了要显示“设备采集数据表格”数据集的字段外,还需要显示设备名称,而设备名称就需要关联“设备”表后才能获取。

图片

图片

图片

关于此案例的开发视频,请点击以下链接进行查看:

01-牛刀专业低代码开发实战案例—智能电房—需求

02-牛刀专业低代码开发实战案例—智能电房—系统演示

03-牛刀专业低代码开发实战案例—智能电房—数据模型创建

04-牛刀专业低代码开发实战案例—智能电房—设备类型管理功能开发

05-牛刀专业低代码开发实战案例—智能电房—电房管理功能开发

06-牛刀专业低代码开发实战案例—智能电房—开关柜和告警类型管理

07-牛刀专业低代码开发实战案例—智能电房—设备信息管理功能开发

08-牛刀专业低代码开发实战案例—智能电房—设备监控功能开发

09-牛刀专业低代码开发实战案例—智能电房—设备采集数据管理功能

10-牛刀低代码开发开发实战案例—智能电房—告警记录功能开发

11-牛刀专业低代码开发实战案例—智能电房—告警记录(移动端)功能

更多案例请关注公号“牛刀专业低代码”。

Logo

低代码爱好者的网上家园

更多推荐