项目描述：三翼鸟是海尔智家旗下全球首个场景品牌，生态商家平台是一个对供应商、海尔员工、商品订单、财务账单等进行管理的平台，供应商可在平台进行入驻，员工进行审核，对商品进行创建、修改、审核、上下架等一系列的操作流程。技术实现：1.采用 Vue 框架进行项目的开发，UI组件库采用的是 Element-UI ；2.登录、注册等页面的正则字符串的匹配验证用户信息；3.项目中的大文件上传（如图片、文档、视频）采用了OSS分片上传的技术；4.使用Iframe页面通信技术进行两个系统之间的交互；5.路由导航使用 vue-router，进行页面跳转的设置并配置请求拦截器；6.参与权限功能的开发，使用token进行身份验证，根据权限的映射关系实现不同角色对应不同的菜单目录；7.在级联组件el-cascader的基础上进行封装改造实现了销售区域的选择；踩坑：两个系统A和B，B系统嵌入了A系统的页面，不同的角色登录不同的系统有不同的权限，页面展示的内容也就不同，当在浏览器先登录A系统，再登录B系统，接着返回A系统，页面会出错，这是因为角色是从本地存储localStorage里面取的，登录B系统后再返回A系统，此时本地存储的角色还是B没有更换，只有重新登录A系统，角色才会重新存储。解决方案：重写localStorage，对localStorage的get、set方法进行拦截，相当于重新实现一个函数，set的时候判断如果是在B系统就加个前缀B_roles，get也一样，这样两个系统在本地存储的角色key不同，页面就不会互相影响。