持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第22天，点击查看活动详情
一、这个项目中学到了什么
1、RBAC权限设计思想
2、svg矢量图的使用
3、Excel导入与导出
4、图片转二维码图片
5、熟练操作数据，增删改查
6、mockjs模拟数据的基本使用
7、项目打包上线后的配置
二、总结经验，不断提高自己
在项目中遇到的困难
说实话，这个项目并不困难。
1、在这个项目中，我处于还是一个比较重要的角色，中间部分组件的封装，在子传父，父传子这一块运用的还是不够熟练，在后续工作中，自己还需要提高对组件封装及传值的运用；
2、图片上传腾讯云服务器的配置和怎么上传还有点模糊，只记得当时一顿百度，cv完成的功能，经过这几天bug检测后，忘得也都差不多了；
3、bug检测方面，前后端的配合需要默契一些，工作中遇到的困难还是要及时沟通，刚开始写的时候，没有问清楚后端兄弟接口，以至于自己一直用mock模拟数据，接口传参对应的数据没有问清楚；
4、总结能力，每天掘金思考，让自己更加强大；
三、讲讲自己负责的模块，与前期的开发
后台系统前期的开发想必大家都很清楚了吧，路由守卫的使用，token持久化，销毁token啥的
项目主要分为：登录=>主页=>路由配置=>组织架构=>公司角色设置=>员工管理=>权限设计和管理=>多语言tab页全屏主题等模块,本人主要负责组织架构，公司角色设置，员工管理，权限设计模块
组织架构：在设计这一块主要采用el-tree标签，将主体和头部内容部分封装为组件，利用传值不同控制页面显示不同。在数据方面，ajax请求信息为平铺数组，封装递归算法转换数据，通过类名设置展开和收拢样式
角色设置：建立公司页面的基本结构，请求读取公司角色信息，用于后面权限设计，实现角色的增删改查
员工管理：主要分为员工信息展示，员工详情页面，角色设置，头部组件样式
1搭建员工页面的基本结构，读取员工信息并渲染到页面
2封装通用工具，作为公共组件，通过$slots属性，判断是否有值，在控制组件插槽元素上使用v-if来控制显示与隐藏
3使用el-Pagination实现员工页面的分页展示，封装组件分别实现，员工的增删改查和角色分配
3利用xlsx实现Excel导入，file-saver和script-loader实现员工信息Excel导出
4配置配置腾讯云Cos，单独上传图片的服务器，封装上传图片组件，后台服务器储存腾讯云服务器的图片地址
权限设计：主要采用RBAC的权限设计思想基于角色的权限分配解决方案
三个关键点: 员工, 角色, 权限；我们要做的就是给员工分配角色，给角色分配权限
给员工分配角色：在角色设计就已经埋下伏笔，我们只需要在用户点击分配角色时，通过dialog的open属性获取到员工有的角色，进行分配
给角色分配权限：给一级权限设定一个唯一的标识，标识对应路由中name属性的值，便于实现路由的展现。给二级路由分配标识，可以设置按钮的使用权限
在vux中单独设置一个模块，用于路由的管理，有关逻辑处理的都封装在模块中，便于维护
