数据已做脱敏处理,不包含报表详细信息
关键标签:
后台施工管理系统,施工流程监控, 物联网数据采集, IOT网关设备,移动端完成数据采集,web后台审核
技术栈: Vue-cli, Element-UI, es5, html5, css3 ,bootstrap, sass , jQuery, webpack ,git, mock.js,npm
实现逻辑:
- 主要运用Vue-webpack全家桶实现代码逻辑,界面搭建,还包括用户操作和获取数据和反馈提示,数据校验.双向数据绑定
- 根据低保真原型图,运用Element-UI+html5+css3+ bootstrap +jQuery实现页面布局和动态效果.
- 运用Ajax实现前后台json数据交互,前台向后台传递数据的封装.
- 使用Git代码工具实现提交,管理代码.
- 使用webpack使代码模块化管理,并完成代码打包.
1.待扣款/待审核列表


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

使用百度地图API


-
打印
image.png
2.项目列表


-
每个环节里有多个子环节,子环节包括对应的照片,提交信息,扣款信息
image.png
-
项目配置
image.png
3.用户列表管理

-
修改个人信息
image.png
4.推送信息

5.会议管理


6.报表管理及导出

网友评论