技术栈:vue2 全家桶(vue/cli+vue-router+vuex+axios)+elementUI+javaScript+rongyun
该项目是用于工地监控可视化以及人员数据的可视化大屏。其中包括指挥中心,人员管理,设备管理,车辆管理,视频管理,工程进度,质量管理,安全管理这些模块
主要职责:
1.深浅两种样式风格主题开发,可随意切换样式,并使用 Localstorage 缓存样式,供下次登录显示。
2.自定义图表,根据 UI 设计图对 Echarts 图表进行修改和二次封装,只需要传入固定模版的数据即可 渲染成所需要的图表,并可自定义颜色(例如柱状图、折线图等)。
3.基于 rongyun 插件的聊天室开发,基于 rongyun sdk 开发私聊、群聊和视频聊天功能。
4.独立负责大屏适配:小于 2k 屏、2k 屏、4k 屏、16:9、非 16:9 等屏幕的适配。
5.首屏优化,使用 webpack-bundle-analyzer 对包进行分析,并进行了如下的加载优化: 打包时对打包的文件进行压缩;webpack 配置 externals 使库文件采用 CDN 加载