技术栈：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 加载。路由懒加载、 组件库按需加载；开启 gzip 压缩 优化效果：首屏从 10s 到 2s