项目三：HR后台管理（小鹿线P4课程项目）

hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云 存储桶hr 项目 腾讯云

import request from '@/utils/request' // 封住哪个一个导入员工的接口 export function importEmployee(data) { return

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1c736f6b6ea84d0fac5c30352eecf486~tplv

import axios from 'axios' import store from '@/store' import router from '@/router' import { Message

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/119b8db90bb24ea6a733bae37988b652~tplv

总共{{query.total}}条记录 <el-button size="small" type="warning" @click="$router.push('/import?type=user'

打包前将 hash 路由模式 修改成 history模式，添加base基础路径设置打包前将 hash 路由模式 修改成 history模式，添加base基础路径设置打包前将 hash 路由模式 修改成

生成前五年和后五年的，这样写 全屏插件使用 2.1 注册全局组件和使用 动态主题设置：只是改变基础色 国际化多语言实现： 4.1 设置下拉菜单是否可选，可以这样判断哦 多页签实现（比较假）

全局混入： 其他组件都能使用 效果：置灰不可使用全局混入： 其他组件都能使用 效果：置灰不可使用全局混入： 其他组件都能使用 效果：置灰不可使用

1.重置路由方法 和 带命名空间的子模块调用子模块的方法，来清空permission下的router 刷新页面 报错，要在动态路由后面加上这句话。

一 权限分配和管理方式：根据员工分配相应的角色，相应的角色绑定了对应的权限。 给用户分配角色： 思路：请求角色列表，将角色信息通过for循环渲染到角色弹层上，然后根据用户id，点击对应的角色按钮，添加

这个操作有点奇葩 图片生成二维码 路径可传可不传id ，就加个问号 ？这个操作有点奇葩 图片生成二维码 路径可传可不传id ，就加个问号 ？这个操作有点奇葩 图片生成二维码 路径可传可不传id ，就加

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a99953a1cb054ee084df8d342bf0097d~tplv

1.动态组件的用法：component :is="组件名称" 使用切换组件功能1.动态组件的用法：component :is="组件名称" 使用切换组件功能1.动态组件的用法：component :i

登录模块： 路由模块： 组织架构： 公司设置：角色管理 和公司信息 分配权限 ：要单独做 角色管理列表：角色列表的分页功能，新增角色 编辑角色 删除角色 分配权限 和公司信息：就是一个form表单，请

弹层采用.sync修饰符弹出 手机号的表单校验：正则表达式是用pattern来写的 点击确定，这样调用父组件的方法this.$parent（用的比较少，跟采用ref调用子组件的方法和参数是差不多的感觉

处理前： 处理后 格式化处理：聘用形式（采用枚举文件）， 入职时间（slot + filter过滤器），账户状态（slot） 1.格式化员工列表：聘用形式 首先在src创建一个文件夹constant，

// 员工 export default { // 聘用形式 hireType: [ { id: 1, value: '正式' }, { id: 2, value: '非正式' } ], // 管理形

// import parseTime, formatTime and set to filter /** * Show plural label if time is plural number *

vue slot使用，封装工具栏 组件统一注入到vue中，然后直接可以使用，不需要引入了vue slot使用，封装工具栏 组件统一注入到vue中，然后直接可以使用，不需要引入了