微信小程序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. 留言功能,员工可以对系统进行留言.
相关推荐
Java Fans20 分钟前
微信小程序——访问服务器媒体文件的实现步骤
服务器·微信小程序·小程序
岑梓铭22 分钟前
uniapp邪门事件
uni-app
漫天绯羽2 小时前
uniapp 中使用天地图,安卓端、h5
uni-app
浪九天2 小时前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
尚学教辅学习资料3 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游
Evaporator Core3 小时前
微信小程序数据绑定与事件处理:打造动态交互体验
微信小程序·小程序·交互
IT、木易4 小时前
跟着AI学vue第五章
前端·javascript·vue.js
薛定谔的猫-菜鸟程序员4 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
春天姐姐5 小时前
vue3项目开发总结
前端·vue.js·git
烂蜻蜓8 小时前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app