微信小程序uniapp+vue电力巡线任务故障报修管理系统2q91t

uni-app框架:使用Vue.js开发跨平台应用的前端框架,编写一套代码,可编译到Android、小程序等平台。

前端开发:vue

语言:java+python+nodejs+php均支持

运行软件:idea/eclipse/vscode/pycharm/wamp均支持

框架支持:Ssm/django/flask/thinkphp/springboot/springcloud均支持

数据库 mysql

数据库工具:Navicat等

【员工(移动端)】(无注册)

页面显示内容:参考下方设计图

1)主页搜索框:可以根据线路名称模糊查询历史任务,选中对应任务查看任务报表

2)我的队伍:1、显示成员列表2、点击对应拨号按钮跳转至系统拨号界面

3)修改密码:修改用户登录密码

  1. 今日任务:显示当天队伍的任务列表

5)查看任务:选择对应任务后显示任务详情、"历史任务查询"文字链接和开始任务按钮

6)历史任务查询链接(点击显示该线路的所有历史任务,点击对应任务查看相关报表)

7)任务上报:1、完成任务后填写对应信息并上传现场图片和视频2、如果损坏也上传相关信息,线路状态改为维修状态,等待管理员审核

8)定位:每点击导航界面"到达任务地点"按钮,更新员工当前定位至数据库

小程序端运行软件 微信开发者工具/hbuiderx【管理员Web端】:

1)用户管理:对用各角色用户(队长,队员)进行增、删、改、查,队长从队员中选出。

2)队伍管理:对队伍进行增、删、改、查。

3)线路管理:对电力线路进行增、删、改、查,(SQL留有"巡线周期","平均时长"字段)。

4)分类管理:对任务等级分类进行增、删、改、查

5)任务管理:对任务进行增、删、改、查,任务的状态可以进行修改,

6)任务提醒:对任务进行提醒。

7)任务审核:可对员工所发布的维修任务进行审核

8)系统管理: 管理公告或轮播图信息。

9)报表审核:对队长已确认完成的任务进行审核后生成报表、

报表显示任务所有信息(如名称、开始时间,结束时间等)如果出现损坏分别显示修复前、修复后的信息)。

10)推荐管理:对用户推荐专栏的线路介绍进行管理。

11)系统留言管理:查看用户系统的留言信息。

12)可视化统计:1、各队伍一天完成任务数量统计图

2、各任务完成时长占比(如:10/20/30/30+分钟内完成的任务数量占总任务的多少)

3、任意两个不同作用不同类型的统计图表

【员工web端】:

1)登录:队长和队员角色登录(无注册)

2)主页:自己队伍的当日的任务列表、线路介绍和可视化统计图表(管理员11项)等

任务搜索框:用户可以根据输入线路名称进行模糊检索,可以根据任务名称进行搜索,并将搜索结果按发布时间先后排列展示在主页上。

3)个人中心:查看修改自己的基本信息

4)任务记录:查看自己队伍的所有任务,可以根据不同条件进行筛选(如日期,状态等),

5)队员列表:查看自己的队伍成员信息,不能进行修改

6)任务报表审核(只有队长角色有):对移动端已经上报的任务进行完成确认

  1. 留言功能,员工可以对系统进行留言.
相关推荐
丁总学Java12 分钟前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
道爷我悟了1 小时前
Vue入门-指令学习-v-html
vue.js·学习·html
无咎.lsy1 小时前
vue之vuex的使用及举例
前端·javascript·vue.js
工业互联网专业1 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
计算机学姐2 小时前
基于SpringBoot+Vue的在线投票系统
java·vue.js·spring boot·后端·学习·intellij-idea·mybatis
twins35203 小时前
解决Vue应用中遇到路由刷新后出现 404 错误
前端·javascript·vue.js
qiyi.sky3 小时前
JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)
前端·javascript·vue.js
杨荧4 小时前
【JAVA开源】基于Vue和SpringBoot的洗衣店订单管理系统
java·开发语言·vue.js·spring boot·spring cloud·开源
Front思4 小时前
vue使用高德地图
javascript·vue.js·ecmascript
花花鱼7 小时前
@antv/x6 导出图片下载,或者导出图片为base64由后端去处理。
vue.js