微信小程序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. 留言功能,员工可以对系统进行留言.
相关推荐
一颗奇趣蛋3 分钟前
前端项目vscode最优配置(vue3+ts)
前端·vue.js
艾克马斯奎普特11 分钟前
Vue.js 3 渐进式实现之响应式系统——第八节:调度执行
前端·vue.js
陈奕迅本讯12 分钟前
前端-Vue2组件化编程
前端·javascript·vue.js
依辰31 分钟前
小程序自动化构建与版本管理方案优化
前端·javascript·微信小程序
sunly_37 分钟前
uniapp:微信小程序,一键获取手机号
微信小程序·小程序·uni-app
苏州第一深情40 分钟前
【vue+leaflet】自定义控件(五)
前端·javascript·vue.js
枫无痕44 分钟前
promise源码解析
前端·vue.js
Zww08911 小时前
vue3+vite+ts使用daisyui/tailwindcss
前端·vue.js·postcss
zoahxmy09291 小时前
Vue3 使用 Signature Pad 实现电子签名(签名位置偏差问题解决)
vue.js
Z编程1 小时前
elemenPlus中,如何去掉el-input中 文本域 textarea自带的边框和角标
前端·javascript·vue.js