微信小程序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. 留言功能,员工可以对系统进行留言.
相关推荐
Pu_Nine_94 小时前
IntersectionObserver 详解:封装 Vue 指令实现图片懒加载
前端·javascript·vue.js·性能优化
前端那点事5 小时前
Vue nextTick 超全解析|作用、使用场景、底层原理、Vue2/Vue3区别
前端·vue.js
前端那点事5 小时前
Vue面试高频:子组件能直接修改父组件数据吗?单向数据流原理+正确写法全覆盖
前端·vue.js
前端那点事5 小时前
为什么 Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js
2501_915106326 小时前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone
北风toto6 小时前
为什么 IntelliJ IDEA Community 无法开发 Vue?——附解决方案
java·vue.js·intellij-idea
跟着珅聪学java6 小时前
Element UI 的 Tabs 标签页开发教程
javascript·vue.js·elementui
jiayong237 小时前
前端面试题库 - Vue框架篇
前端·vue.js·面试
万能小林子7 小时前
2026 AI开发新范式:Vibe Coding生成网页 + 3分钟打包成App,非技术人也能独立发布自己的App!
人工智能·uni-app·ai编程·web app·vibecoding
三*一8 小时前
Mapbox GL JS 前端多边形分割实战:从踩坑到优雅实现
开发语言·前端·javascript·vue.js