智慧化工地之动火证审批系统毕业设计 JAVA+Vue+SpringBoot+MySQL

本文链接：https://blog.csdn.net/Aknits/article/details/139147826

作者主页：knit

作者简介：9年JAVA全栈开发经验，专注JAVA技术、系统定制、远程指导，致力于企业数字化转型，CSDN博客专家

摘要

随着互联网计算机技术的发展与应用，各行业都在与时俱进、革新技术，为行业发展赋予新的活力。核工业建设将计算机技术应用于传统施工建设中，推动智慧化工地建设。设计并开发了一款基于 SpringBoot+Vue 的动火作业许可证审批系统。系统主要用于解决施工人员往返过程中耗时耗力、耽误工期等问题，通过线上填写申请单、完成审批和签发、打印签发的申请单即可开展动火作业，提高现场施工效率，节约人力物力，进一步实现智慧化工地建设。

关键词：智慧化工地；动火作业；SpringBoot 框架；Vue 框架。

1 概述

施工现场常用的动火作业有：电焊、电割、氩弧焊、气焊、气割、打磨等，依据施工规定开展动火作业需持有签发的动火证才可进行。将动火证审批流程线上信息化，可以有效地提高现场工作效率。

目前，现场施工人员有动火需求时，首先填写纸质申请单，再往返于施工现场和场外办公区，线下联系相关部门的审批人和签发人进行审批和签发，如遇被拒则需重新申请，再层层审批签发。设计基于 SpringBoot+ Vue 的动火作业许可证审批系统，实现现场施工人员现场申请、现场等待审批签发流程、现场打印被签发的动火证，被拒后可查看被拒环节和原因便于修改再申请，无需往返，提高效率的同时减少人力物力成本。系统除申请审批签发流程之外，对已签发的动火证增加统计功能，支持多条件筛选查询；支持线上添加删除查询动火作业人、监火人等相关信息；支持线上管理用户、部门和用户权限。实现审批流程和系统管理的线上化，线上模块之间相互支持，极大程度上简化流程、减少不必要的开支，优化施工现场管理，进一步实现智慧化工地建设。

2 总体设计

2.1 系统架构

图 1 系统组织结构图

系统由 6 大分支组成，分别是动火证申请、被拒的申请、动火证的审批/签发、统计、打印、系统管理。其中动火证审批/签发包括一级班组长审批、二级安全员审批、三级消防负责人审批、签发人签发等功能模块；系统管理包括用户管理、部门管理、动火人管理、监火人管理等功能模块。系统组织结构图如图 1 所示。

2.2 技术架构

系统采用目前盛行的前后端分离开发模式，前端采用轻量级的 Vue.js 框架，支持组件化开发，可以对数据进行双向绑定，响应式的界面效果使网页在各种设备上显示效果佳；后端使用 IDEA 开发工具，基于 Maven 仓库，采用 SpringBoot 框架进行接口开发，主要负责数据的处理和存储；数据库采用 MySQL8.0 。系统采用的工具、框架、组件、插件等均为开源资源，系统本身具有安全性、可持续性、可扩展性，可以根据后期需求进行迭代升级。

3 系统设计

对动火作业许可证系统的主要功能模块设计进行介绍，主要包括菜单权限设计、动火证申请审批签发流程、签发的许可证统计和打印、动火人监火人管理。

3.1 菜单权限

菜单权限，即不同权限的用户登录后所见的菜单目录存在差异。该功能在登录页面将用户名传给后台，对照数据关系表返回该用户所具有的权限再对菜单进行显示，此功能是实现 3 级审批和签发流程的重要环节。权限功能的实现主要是对数据库表进行设计，该功能主要包含 5 张表，分别是资源表、角色表，用户表、用户角色表、资源角色表，数据库关系模型图如图 2 所示。

图 2 权限功能数据库关系模型图

3.2 动火证申请审批流程

动火作业许可证的申请需要申请人填写 19 个选项，系统采用下拉菜单、单/复选、输入框等组件和关联属性结合的方式，简化流程，提高效率。当内容填写有误时，设计删除按钮，还支持一键重置清空所有内容。审批中的申请单，依照一级班组长审批、二级安全员审批、三级消防负责人审批，最后签发人签发的流程进行，审批流程中任意一环被拒绝，都需要重新申请。其中签发环节，不同的动火级别所需的签发人等级也不相同。

3.3 动火证统计和打印

申请人在线申请、审批通过、批准签发的动火作业许可申请单进入统计页面的列表中，列表项有动火证编号、作业部位、申请部门、申请人、签发人、签发日期、生效日期、终止日期等，可依据作业部位、申请部门、生效/终止日期筛选查询。

当签发的动火证进入打印列表，申请人选择需要打印的许可证并根据要求进行打印，打印时会根据申请时间、申请 id 、固定字段 CNI22 ，为每一份申请单赋予唯一的编号，便于查询与存档。打印需一式 3 份，一份交给检查人员，一份交动火人员持证作业，一份存档。打印功能通过 npm 安装引入 print 插件，实现预览和打印。

3.4 系统管理

将用户、部门、动火人、监火人等人员部门管理线上化，用户管理支持新增用户、查询现有用户，修改用户权限和部门；部门管理支持新增部门、现有部门的部门名称等修改；动火人/监火人管理支持新增和修改。系统管理模块基本的增删改查功能，可以对相关信息做出及时更新，并可以在线上填写申请单时实现自动填充相关数据信息，比如动火人、动火人资质证号、申请人所在的部门等字段信息。

4 系统实现

4.1 动火证申请

根据动火作业要求，申请人需要填写动火作业部位、部位具体描述、动火等级、作业种类、具体作业种类、动火证生效/终止日期、申请人及所在部门、动火人及其资质证号、监火人及是否培训、备注等信息，完成填写后点击提交按钮，即进入审批流程，等待 3 级审批和最后的签发；点击重置，即清空所有内容重新输入。其中动火人和动火资质两个字段，具有关联性，选择一项即默认显示另一项内容。申请页面实现效果如图 3 所示。

图 3 动火作业许可证申请单

4.2 动火证审批

流程分为 3 级审批和最终签发，逻辑主要在后端完成，前端通过调用接口显示列表数据。当一级班组长 monitor 对应的 agree1 字段为空或 null 时，申请单展示在一级待审批列表中；当二级安全员 safer 对应的 a- gree2 字段为空或 null ，且 agree1 字段为 Y 时，申请单展示在二级待审批列表中；当三级消防负责人 firechief 字段对应的 agree3 字段为空或 null ，且 agree2 字段为 Y 时，申请单展示在 3 级待审批列表中；当签发人 per- miter 字段对应的 ispermit 字段为空或 null ，且 agree3 字段为 Y 时，申请单展示在待签发列表中。申请单的 monitor 、safer 、firechief、permiter 字段。签发列表前端效果如图 4 所示，后端接口部分代码：

@GetMapping("/signlist")
public  Result <IPage <Apply >>  signlist (@Request- Param(defaultValue = "1") Integer pageNo4,
@RequestParam  (default- Value = "10") Integer pageSize4) {
QueryWrapper <Apply >   queryWrapper =new QueryWrapper<>();

图 4 动火作业许可证审批签发流程

4.3 动火证统计和打印

签发的动火作业许可证进入统计和打印列表，即满足 permiter 对应的 ispermit 字段为 Y 。统计列表可以按动火作业部位、申请部门、生效日期、终止日期等字段进行筛选查看，筛查条件可根据用户需要进行扩展。

已签发的动火证显示在打印列中，点击查看按钮即可看到动火证具体内容，在打印页面会显示申请页所有字段、显示 3 级审批和签发人的意见和签名，还增加显示动火部位检查、许可证终结、监察人/负责人签名、备注默认文案等字段，增加显示的字段内容是为了便于现场施工人员开展动火作业时记录信息、提高其施工准备工作效率。许可证打印支持预览，实现效果如图 5 所示。