微信小程序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. 留言功能,员工可以对系统进行留言.
相关推荐
程序员柳1 小时前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui
我在北京coding3 小时前
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
前端·javascript·vue.js
Jyywww1213 小时前
微信小程序学习笔记
笔记·学习·微信小程序
海天胜景4 小时前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
翻滚吧键盘4 小时前
vue绑定一个返回对象的计算属性
前端·javascript·vue.js
乆夨(jiuze)5 小时前
记录H5内嵌到flutter App的一个问题,引发后面使用fastClick,引发后面input输入框单击无效问题。。。
前端·javascript·vue.js
The_era_achievs_hero5 小时前
微信小程序41~50
微信小程序·小程序
小彭努力中5 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
xiguolangzi5 小时前
vue3+element-plus el-table列的显隐、列宽 持久化
前端·javascript·vue.js
大猩猩X6 小时前
vxe-upload vue 实现附件上传、手动批量上传附件的方式
vue.js·vxe-ui