项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
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毕设帮助,指导,本源码(见文末),调试部署
5.1登录注册模块
系统登录,管理员、员工、维保单位和项目负责人通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1系统登录界面图
维保单位注册,在维保单位注册页面通过填写单位账号、密码、确认密码、单位名称、 单位电话、资质等内容进行注册等操作;如图5-2所示。
图5-2维保单位注册界面图
项目负责人注册,在项目负责人注册页面通过填写负责人账号、密码、确认密码、负责人项目、负责人电话等信息进行注册操作;如图5-3所示。
图5-3项目负责人注册界面图
员工注册,在员工注册页面通过填写员工账号、密码、确认密码、员工姓名、员工电话等信息进行注册操作;如图5-4所示。
图5-4员工注册界面图
5.2管理员功能模块
管理员登陆系统后,可以对首页、个人中心、维保单位管理、项目负责人管理、员工管理、新建项目管理、任务分配管理、项目初查管理、设备维修管理、维保计划管理、例行月检管理、故障处理管理、配合工作管理、火警管理、检测设备管理等功能进行相应操作,如图5-5所示。
图5-5管理员功能界面图
项目初查管理,在项目初查管理页面可以对索引、项目名称、 单位账号、负责人账号、设施设备、数量、型号、运行状态、员工账号、员工姓名、登记时间等内容进行详情、修改或删除等操作,如图5-6所示。
图5-6项目初查管理界面图
设备维修管理,在设备维修管理页面可以对索引、设备编号、项目名称、单位账号、负责人账号、设备名称、登记时间、员工账号、员工姓名等内容进行详情、修改或删除等操作,如图5-7所示。
图5-7设备维修管理界面图
设备维修管理,在设备维修管理页面可以对索引、设备编号、项目名称、单位账号、负责人账号、设备名称、登记时间、员工账号、员工姓名等内容进行详情、修改或删除等操作,如图5-8所示。
图5-8设备维修管理界面图
维保计划管理,在维保计划管理页面可以对索引、项目名称、单位账号、单位名称、登记时间、负责人账号、负责人姓名等内容进行详情、修改或删除等操作,如图5-9所示。
图5-9维保计划管理界面图
例行月检管理,在例行月检管理页面可以对索引、月检标题、负责人账号、负责人姓名、时间、审核发回复、审核状态、审核等内容进行详情、修改或删除等操作,如图5-10所示。
图5-10例行月检管理界面图
配合工作管理,在配合工作管理页面可以对索引、工作编号、工作标题、时间、单位账号、单位名称等内容进行详情、修改或删除等操作,如图5-11所示。
图5-11配合工作管理界面图
火警管理,在火警管理页面可以对索引、火警号码、火警单位、地址等内容进行详情、修改或删除等操作,如图5-12所示。
图5-12火警管理界面图
检测设备管理,在检测设备管理页面可以对索引、设备编号、设备名称、设备类型、在线状态、运行状态等内容进行详情、修改或删除等操作,如图5-13所示。
图5-13检测设备管理界面图
5.3员工功能模块
员工登陆系统后,可以对首页、个人中心、任务分配管理、项目初查管理、设备维修管理、故障处理管理等功能进行相应操作,如图5-14所示。
图5-14员工功能界面图
任务分配管理,在任务分配管理页面可以对索引、项目名称、单位账号、单位名称、负责人账号、负责人姓名、分配时间、负责人员、员工姓名等内容进行详情等操作,如图5-15所示。
图5-15任务分配管理界面图
任务分配管理,在任务分配管理页面可以对索引、项目名称、 单位账号、负责人账号、设施设备、数量、型号、运行状态、员工账号、员工姓名、登记时间等内容进行详情、修改或删除等操作,如图5-16所示。
图5-16任务分配管理界面图
项目初查管理,在项目初查管理页面可以对索引、项目名称、 单位账号、负责人账号、设施设备、数量、型号、运行状态、员工账号、员工姓名、登记时间等内容进行详情、修改或删除等操作,如图5-17所示。
图5-17项目初查管理界面图
故障处理管理,在故障处理管理页面可以对索引、故障标题、上报时间、员工账号、员工姓名、负责人账号、负责人姓名、审核回复、审核状态等内容进行详情、修改或删除等操作,如图5-18所示。
图5-18故障处理管理界面图
5.4项目负责人功能模块
项目负责人登陆系统后,可以对首页、个人中心、新建项目管理、任务分配管理、项目初查管理、设备维修管理、维保计划管理、例行月检管理、故障处理管理、火警管理、检测设备管理等功能进行相应操作,如图5-19所示。
图5-19项目负责人功能界面图
新建项目管理,在新建项目管理页面可以对索引、项目编号、项目名称、项目地址、负责人账号、负责人姓名、设备档案表、人员名录、维保开始、维保结束、维保合同、维保金额、付款形式、单位账号、单位名称等内容进行详情或维保计划等操作,如图5-20所示。
图5-20新建项目管理界面图
任务分配管理,在任务分配管理页面可以对索引、项目名称、单位账号、单位名称、负责人账号、负责人姓名、分配时间、负责人员、员工姓名等内容进行详情、修改或删除等操作,如图5-21所示。
图5-21任务分配管理界面图
设备维修管理,在设备维修管理页面可以对索引、设备编号、项目名称、单位账号、负责人账号、设备名称、登记时间、员工账号、员工姓名等内容进行详情等操作,如图5-22所示。
图5-22设备维修管理界面图
维保计划管理,在维保计划管理页面可以对索引、项目名称、单位账号、单位名称、登记时间、负责人账号、负责人姓名等内容进行详情、修改或删除等操作,如图5-23所示。
图5-23维保计划管理界面图
例行月检管理,在例行月检管理页面可以对索引、月检标题、负责人账号、负责人姓名、时间、审核发回复、审核状态等内容进行详情、修改或删除等操作,如图5-24所示。
图5-24例行月检管理界面图
故障处理管理,在故障处理管理页面可以对索引、故障标题、上报时间、员工账号、员工姓名、负责人账号、负责人姓名、审核回复、审核状态、审核等内容进行详情、修改或删除等操作,如图5-25所示。
图5-25故障处理管理界面图
5.5维保单位功能模块
维保单位登陆系统后,可以对首页、个人中心、新建项目管理、任务分配管理、项目初查管理、设备维修管理、维保计划管理、配合工作管理、火警管理、检测设备管理等功能进行相应操作,如图5-26所示。
图5-26维保单位功能界面图
新建项目管理,在新建项目管理页面可以对索引、项目编号、项目名称、项目地址、负责人账号、负责人姓名、设备档案表、人员名录、维保开始、维保结束、维保合同、维保金额、付款形式、单位账号、单位名称等内容进行详情、修改或删除等操作,如图5-27所示。
图5-27新建项目管理界面图
项目初查管理,在项目初查管理页面可以对索引、项目名称、 单位账号、负责人账号、设施设备、数量、型号、运行状态、员工账号、员工姓名、登记时间等内容进行详情等操作,如图5-28所示。
图5-28项目初查管理界面图