（https://pdd.dianba6.com/）实现UI设计图还原，组合图层排列，通用组件开发，前后端数据交互，使用以下技术：1. 裁剪原生前端框架，使用element-ui配合vue独立完成数十个页面。2. 基于echart完成的动态报表组件，实现了不同的报表需求随时动态编辑，快速上线。3. 基于Vue-router默认hash模式实现前端路由通信，结合cookie，完成页面访问权限token验证。4. 编写多个sass、less、stylus 公共样式集成module导出，统一样式元素风格。5. 基于原来的项目，设计模块公共组件，集成组件components，提高代码复用性。6. 使用flex布局完成1440px分辨率以上的页面布局，使用@media响应1440以下的px分辨率。7. 使用Vue-mounted配合localstorage和Vuex数据持久化存储特性完成指定组件的展示，已达到不用的权限的用户访问的页面有所不同。8. 使用cookie结合router. beforeEach()特性给页面设置白名单。9. 使用axios封装接口，集成module导出，规范化代码。