Vue - HR-saas中台管理项目(下)

1,205 阅读3分钟

7-8 公司角色和角色管理

1.建立公司角色页面的基本结构

2.1读取角色列表数据

2.2读取公司信息数据

3.删除角色功能

4.1封装编辑接口,新建编辑弹层

4.2实现编辑功能,为新增功能留口

5.新增角色功能

7-9 员工管理

1.1通用工具栏的组件结构

1.2组件统一注册

2.员工列表页面的基本布局和结构

3.员工列表数据请求和分页加载

4.1利用列格式化属性处理聘用形式

4.2过滤器解决时间格式的处理

5.删除员工功能

6.1新建员工弹层组件

6.2引用弹出层,点击弹出

6.3新增员工的表单校验

6.4加载部门数据转化树形

6.5点击部门赋值表单数据

7.新增员工功能-确定-取消

8.员工导入组件封装

9.1建立公共导入的页面路由

------- 未完待续 !········

9.2分析excel导入代码,封装接口

9.3实现excel导入

9.4excel导入的时间问题

10.1安装excel所需依赖和按需加载

10.2excel导出参数的介绍

10.3excel导出基本的结构

10.4导出时间格式的处理

10.5复杂表头的导出

11.1详情页的基本布局和路由

11.2读取和保存用户信息的接口

11.3实现用户名和密码的修改

12.1封装个人详情组件

12.2封装岗位组件

13.1读取个人保存个人信息

13.2读取保存岗位信息

14.配置腾讯云Cos

7-10 图片上传、预览及打印

15.封装上传图片组件-上传组件需求分析

16.1新建文件上传组件

16.2点击图片进行预览

16.3根据上传数量控制上传按钮

16.4删除图片和添加图片

16.5上传之前检查

16.6上传动作调用上传腾讯云

16.7上传成功之后处理返回数据

16.8上传的进度条显示

17.1将员工的头像和证件照赋值给上传组件

17.2保存时处理头像和证件照的保存

18.员工列表显示图片

19.图片地址生成二维码

20.1新建打印页面及路由

20.2利用vue-print-nb进行打印

7-11 权限设计和管理

1.权限设计-RBAC的权限设计思想

2.1新建分配角色窗体

2.2获取角色列表和当前用户角色

2.3给员工分配角色

3.1新建权限点管理页面

3.2获取权限数据并转化树形

3.3新增编辑权限的弹层

3.4新增,编辑,删除权限点

4.1新建分配权限弹出层1

4.1新建分配权限弹出层2

4.2给角色分配权限

5.1权限受控的主体思路

5.2新建Vuex中管理权限的模块

5.3Vuex筛选权限路由

5.4权限拦截出调用筛选权限Action

5.5静态路由动态路由解除合并

6. 登出时,重置路由权限和 404问题

7.1功能权限的受控思路

7.2使用Mixin技术将检查方法注入

7-12 首页

1.全模块集成

1.首页的页面结构

2.首页用户资料显示

3.1新建工作日历组件结构

3.2实现工作日历逻辑

4.1了解雷达图

4.2封装雷达图插件

5.审批流程业务的基本介绍

6.提交一个离职审批-弹层

6.提交一个离职审批-调用接口

7-13 多语言tab页

1.全屏插件的引用

2.动态主题的设置

3.1初始化多语言包

3.1初始化多语言包-2

3.2引入自定义语言包

3.3在左侧菜单中应用多语言包

3.4封装多语言插件

4.tab页的视图引入

7-14 项目打包上线

1.打包之前的路由模式

2.1性能分析

2.2webpack排除打包

2.3CDN文件配置

2.4注入CDN文件到模板

3.1使用koa框架部署项目

3.2解决history页面访问问题

3.3解决生产环境跨域问题