不会写代码的程子-CSDN博客

原创【vue2人力资源管理系统】——Nginx上线(十)

style</style</这里为什么要用watch，因为获取数据在created，初始化图表在mounted，执行mouted时，数据并不能保证能够获取到，所以采用获取watch监听数据变化，只要数据变化，就设置图表的options。

2024-08-22 22:51:43 413

自定义指令- 作用在按钮上-所有的按钮都可以直接使用封装自定义指令-代码位置(// 封装自定义指令用来控制操作权// 会在指令作用的元素插入到页面完成以后触发// el 指令作用的元素的dom对象.roles?.points || [] // 当前用户信息的操作权if (!// 不存在就要删除或者禁用el.remove() // 删除元素// 线上的权限数据和线下的代码进行对应})应用自定义指令-代码位置(

2024-08-22 22:50:18 299

原创【vue2人力资源管理系统】——上传下载(七)

1.员工管理-导出excel导出员工接口返回的是二进制流axios配置responseType为blob接收二进制流文件为Blob格式安装file-saver包，实现下载Blob文件 yarn add file-saver封装导出员工excel的API-代码位置(src/api/employee.js)/** * 导出员工的excel * **/export function exportEmployee() { return request({ ur

2024-08-22 22:49:06 176

原创【vue2人力资源管理系统】——Cos上传和权限数据(八)

default-checked-keys的属性是设置当前选中的节点，但是必须配合node-key属性，因为permIds变量中存储的都是id，必须el-tree组件知道key是哪个字段，所以设置node-key=“id”注意，这里我们特地调整了弹层的顺序，因为获取已经拥有的角色是一个异步的过程，如果弹层显示在前，会出现卡顿的效果，表现出缓慢的效果，所以等到获取所有数据之后再弹层。权限是通过角色这个中间人实现，首先员工拥有角色，角色拥有权限，那么员工自动拥有了角色所对应的权限。1.注册腾讯云账号-课前完成。

2024-08-22 22:46:56 359

原创【vue2人力资源管理系统】——员工管理(六)

为什么不使用item.isEdit = false , 因为动态添加的属性不具备响应式的特点，如果想要具备响应式，可以使用$set的应用。

2024-08-22 22:45:55 306

原创【vue2人力资源管理系统】——角色管理(五)

自定义启用列和操作列的结构-代码位置(< el-table-column prop = " state " align = " center " width = " 200 " label = " 启用 " > < template v-slot = " { row } " > < span > {{ row.state === 1?"已启用" : row.state === 0?}}

2024-08-22 22:43:57 375

原创【vue2人力资源管理系统】——组织架构(四)

通过在el-tree中传入插槽内容，就可以渲染数据自定义树形结构-代码位置(-- 节点结构 -->-- v-slot="{ node, data }" 只能作用在template -->-- $event 实参表示类型 -->-- 显示区域内容 -->操作-- 下拉菜单选项 -->

2024-08-22 22:16:13 301

原创【vue2人力资源管理系统】——修改密码(三)

登录成功跳转到主页之后，可以获取用户资料，获取的资料在Vuex中共享，这样用户就可以很方便的获取该信息之前在导航守卫的位置，可以确定已经有了token，这个位置获取资料更佳，因为导航守卫在页面发生跳转时出发，这时不论你从何时何地进来，如果发现你没获取资料，都可以非常清楚直观的获取资料。判断条件也使得不会发生重复的加载。有同学会问，为什么用户信息不做持久化管理呢？不需要缓存吗？

2024-08-22 22:15:07 185