项目描述:使用Element UI独立开发公司设备的管理维修和办公管理中台系统开发、使用ECharts制作数据报表，公司官网。个人职责和技术要点:1、权限控制模块:为保障各账号的相关数据和安全性，给予各账号分配不同的菜单，账户之间功能不同，方便用户上下级的管理，使用Vue Router路由守卫对用户的劫持，在路由守卫中获取用户相关信息及相关权限，并同步把相关数据通知到Vuex保存，作为全局数据，把拥有权限的菜单通过addRoutes动态添加到路由中，使用directives自定义指令来控制按钮和内容的展现权限。2、文件系统管理模块:为确保公司文件的安全性，同时提高同事之间工作协调效率，为此开发的文件模块。每个文件都可以分配不同权限给指定用户，子文件夹内的文件继承父级文件夹的权限，配合Element UI相关组件从而提过用户体验。对于少见的大文件上转引起网络超时或无法上传到服务器等问题，个人习惯用Plupload插件帮助文件分片上传，服务端会根据文件的md5判断当前文件是否上传完成，随即进行文件合并。对插件的一次封装达到较好效果，方便在多个地方使用。3、广告模块：建设银行租房自助终端设备的智能广告投放功能。和嵌入式开发部门同事协调，在中台需要添加绑定设备，对设备的常规管理，提供若干个广告模板，模板支持图片和视频混搭配合展示。或按用户需求来设置投放，包括设备声音，屏幕亮度，播放时段（模式）等相关功能。4、设备管理模块：统一管理公司的智能设备，包括设备的APP升级和固件升级、通过后台发送一条升级指令到指定设备即可。设备上的人脸图像数据管理、设备上记录的通行记录，还包括住户和房屋之间的管理。5、公司官网：高度还原设计稿，使用Animate.css来增加元素的过渡效果，使用scrollReveal.js让款页面滚动显示，能让页面更加有趣，更吸引用户眼球。其中分为行业应用、产品中心、项目案例、资讯动态、联系我们几个模块来展示。为了适配大屏和小屏的展示效果一致，选择了rem单位来适配。