项目运行
环境配置
Node.js 最新版 + VS Code + MySQL 5.7 + HBuilder X + Navicat + Vue。
项目技术
Express 框架 + Node.js + Vue 组成，B/S 模式 + VS Code 管理 + 前后端分离。
环境要求
- 运行环境：Node.js 最新版。
- 开发环境：VS Code 或 HBuilder X。
- 数据库环境：MySQL 5.7 版本。
- 硬件环境：Windows 7/8/10（1G 内存以上）或 Mac OS。
- 数据库工具：Navicat（10/11/14/15 版本均可）。
5.1 登录注册
管理员通过输入用户名、密码，选择角色并点击登录进行系统登录操作。[图 5-1 登录界面] 用户注册页面填写员工工号、姓名、密码、部门、联系电话、职位等信息完成注册。[图 5-2 注册界面]
5.2 管理员功能模块
管理员登录后，可对首页、个人中心、员工管理、车辆信息管理、排班表管理、申请信息管理、车辆调派管理、出车登记管理、归队登记管理、公告信息管理等功能模块进行操作。[图 5-3 管理员功能界面] 员工管理：对索引、工号、姓名、部门、性别、电话、职位、头像等内容进行详情、修改和删除。[图 5-4 员工管理] 车辆信息管理：对汽车品牌、型号、车牌、类型、颜色、图片、状态、天窗、换挡方式、座位、排量等内容进行详情、调派、修改、查看评论和删除。[图 5-5 车辆信息管理] 排班表管理：对索引、月份、工号、姓名、登记时间等内容进行详情、修改和删除。[图 5-6 排班表管理] 申请信息管理：对申请编号、车辆信息、员工信息、申请时间、审核回复、审核状态等内容进行详情、出车、修改和删除。[图 5-7 申请信息管理] 车辆调派管理：对调派编号、车辆信息、员工信息、登记时间等内容进行详情、出车、修改和删除。[图 5-8 车辆调派管理] 出车登记管理：对出车编号、车辆信息、员工信息、出车时间等内容进行详情、归队、修改和删除。[图 5-9 出车登记管理] 归队登记管理：对归队编号、车辆信息、员工信息、出车时间、归队时间等内容进行详情、修改和删除。[图 5-10 归队登记管理] 公告信息管理：对索引、标题、发布时间、封面等内容进行详情、修改和删除。[图 5-11 公告信息管理]
5.3 员工功能模块
员工登录后，可对首页、个人中心、车辆信息管理、排班表管理、申请信息管理、车辆调派管理、出车登记管理、归队登记管理、公告信息管理等功能模块进行操作。[图 5-12 员工功能界面] 个人中心：填写员工工号、姓名、部门、性别、电话、职位、头像等内容进行个人信息修改。[图 5-13 个人中心] 车辆信息管理：对车辆信息进行详情或申请操作。[图 5-14 车辆信息管理] 排班表管理：对排班表信息进行详情操作。[图 5-15 排班表管理] 申请信息管理：对申请信息进行详情操作。[图 5-16 申请信息管理] 车辆调派管理：对调派信息进行详情操作。[图 5-17 车辆调派管理] 出车登记管理：对出车信息进行详情操作。[图 5-18 出车登记管理] 归队登记管理：对归队信息进行详情操作。[图 5-19 归队登记管理] 公告信息管理：对公告信息进行详情操作。[图 5-20 公告信息管理]
