现场管理系统-B端

数据已做脱敏处理,不包含报表详细信息

关键标签:
后台施工管理系统,施工流程监控, 物联网数据采集, IOT网关设备,移动端完成数据采集,web后台审核
技术栈: Vue-cli, Element-UI, es5, html5, css3 ,bootstrap, sass , jQuery, webpack ,git, mock.js,npm
实现逻辑:

1. 主要运用Vue-webpack全家桶实现代码逻辑,界面搭建,还包括用户操作和获取数据和反馈提示,数据校验.双向数据绑定
2. 根据低保真原型图,运用Element-UI+html5+css3+ bootstrap +jQuery实现页面布局和动态效果.
3. 运用Ajax实现前后台json数据交互,前台向后台传递数据的封装.
4. 使用Git代码工具实现提交,管理代码.
5. 使用webpack使代码模块化管理,并完成代码打包.

1.待扣款/待审核列表

image.png

image.png

手写图片翻转组件,抽离为单独的组件

1.png

使用百度地图API

image.png

image.png

• 打印

  
  
  image.png

2.项目列表

代扣款

image.png

• 每个环节里有多个子环节,子环节包括对应的照片,提交信息,扣款信息

  
  
  image.png

• 项目配置

  
  
  image.png

3.用户列表管理

image.png

• 修改个人信息

  
  
  image.png

4.推送信息

image.png

5.会议管理

image.png

image.png

6.报表管理及导出

image.png

7.官网介绍

• 1.国动官网

• 2.国外官网