node.js+Vue计算机毕设项目工程施工多层级管理架构（程序+LW+部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行

环境配置：
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署

第四章  系统功能的具体实现

系统登录，用户通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作，如图4-1所示。

图4-1系统登录界面图

4.1管理员功能模块

管理员登录进入工程施工多层级管理架构可以查看首页，个人中心，人员管理，项目负责人管理，施工进度管理，人员情况管理，物资机械管理，质量监督管理，安全指标管理，完成情况管理，工作计划管理，竣工预期管理等功能进行详细操作，如图4-2所示。

 

图4-2管理员功能界面图

人员管理；在人员管理页面中可以查看索引，工号，姓名，性别，头像，年龄，电话等内容，并进行详情，修改和删除等操作；如图4-3所示。

 

图4-3人员管理界面图

项目负责人管理；在项目负责人管理页面中可以查看索引，账号，姓名，性别，头像，年龄，邮箱，手机等内容，并进行详情，修改和删除等操作；如图4-4所示。

 

图4-4项目负责人管理界面图

施工进度管理；在施工进度管理页面中可以查看索引，项目名称，开工日期，发布时间，工号，姓名等内容，并进行详情，修改或删除等操作；如图4-5所示。

 

图4-5施工进度管理界面图

人员情况管理；在人员情况管理页面中可以查看索引，项目名称，施工人数，是否在岗，发布时间，工号，姓名等内容，并进行详情，修改和删除等操作；如图4-6所示。

 

图4-6人员情况管理界面图

物资机械管理；在物资机械管理页面中可以查看索引，物品名称，类型，数量，发布时间，工号，姓名等内容，并进行详情，修改和删除等操作；如图4-7所示。

 

图4-7物资机械管理界面图

质量监督管理；在质量监督管理页面中可以查看索引，项目名称，进度情况，质量情况，发布时间，工号，姓名等内容，并进行详情，修改和删除等操作；如图4-8所示。

 

图4-8质量监督管理界面图

工作计划管理；在工作计划管理页面中可以查看索引，计划编号，发布时间，计划名称，完成时间，计划文件等内容，并进行详情，修改和删除等操作；如图4-9所示。

 

图4-9工作计划管理界面图

4.2  项目负责人功能模块

项目负责人登录进入工程施工多层级管理架构可以查看首页，个人中心，人员管理，施工进度管理，人员情况管理，物资机械管理，质量监督管理，安全指标管理，完成情况管理，工作计划管理，竣工预期管理等功能进行详细操作，如图4-10所示。

 

图4-10项目负责人功能界面图

个人中心；在个人中心页面通过填写账号，姓名，性别，头像，年龄，邮箱，手机等内容进行个人信息修改操作；如图4-11所示。

 

图4-11个人中心界面图

人员管理；在人员管理页面中可以查看索引，工号，姓名，性别，头像，年龄，电话等内容，并进行详情，修改和删除等操作；如图4-12所示。

 

图4-12人员管理界面图

施工进度管理；在施工进度管理页面中可以查看索引，项目名称，开工日期，发布时间，工号，姓名等内容，并进行详情操作；如图4-13所示。

 

图4-13施工进度管理界面图

人员情况管理；在人员情况管理页面中可以查看索引，项目名称，施工人数，是否在岗，发布时间，工号，姓名等内容，并进行详情操作；如图4-14所示。

 

图4-14人员情况管理界面图

质量监督管理；在质量监督管理页面中可以查看索引，项目名称，进度情况，质量情况，发布时间，工号，姓名等内容，并进行详情操作；如图4-15所示。

 

图4-15质量监督管理界面图

4.3  人员功能模块

人员登录进入工程施工多层级管理架构可以查看首页，个人中心，施工进度管理，人员情况管理，物资机械管理，质量监督管理等功能进行详细操作，如图4-16所示。

 

图4-16人员功能界面图

个人中心；在个人中心页面中可以通过填写工号，姓名，性别，头像，年龄，电话等信息进行修改操作；如图4-17所示。

 

图4-17个人中心界面图

物资机械管理；在物资机械管理页面中可以查看索引，物品名称，类型，数量，发布时间，工号，姓名等内容，并进行详情，修改和删除等操作；如图4-18所示。

 

图4-18物资机械管理界面图

Node.js毕设帮助，指导，源码获取，调试部署