![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design Vue
文章平均质量分 52
小狐狸和小兔子
个人[Gitee Pages](https://rockychen121.gitee.io/)
展开
-
antd-vue tree 选中所有相同节点以及反选取消
前言在做组织架构的时候,有一个问题,当同一个人位于多个部门,担任不同职务,这时候在部门员工树上的体现就会出现多次,这是合理的,但是当我们选人的时候,就会发现勾选了相同的人就应该全部勾选上,反之,取消亦然,这里的筛选用的是的基于ant-design-vue中a-tree的搜索功能代码,感谢这个之前用elementUI的时候也有这个需求,那时候代码写了有一些了,但还是没有弄出来,现在弃用了ElementUI,换成了Ant Design Vue,在陆续完成其他功能后,抽了点时间重新思考了下,组织架构多人的问题原创 2021-01-08 10:57:17 · 3427 阅读 · 4 评论 -
tree拖拽排序通用合集(z-Tree、El-tree、a-tree)
关于树排序,自己也许是跟这个有点缘分把,前后陆续写了几个不同版本的拖拽排序,在这里做一个归纳,后续如果有在更新也会同步更新组件地址z-TreezTree通用拖拽排序,实时保存数据库,批量更新部分节点ElementUI / El-TreeElementUI El-Tree 拖拽排序方法(通用)Ant Design Vue / A-Treeantd-vue a-tree拖拽排序方法(通用)注:以上方式数据库表结构都有核心的 ID、PID、ORDER/SORT 三个原创 2020-11-11 14:01:45 · 2065 阅读 · 1 评论 -
antd-vue a-tree任意节点拖拽排序方法,最小粒度变更受影响的记录(通用排序)
最近因为仿钉钉做内部IM,头觉得ElementUI功能有点简单了,不太适合当前业务需求,于是舍弃了,换成了 Ant Design Vue,这下好,之前做的功能全部重新修改…没办法,谁让人生就是这样改来改去,推掉重来在修改部门的时候,原本的组织架构拖拽排序并实时后台存储从el-tree 换成了 a-tree 后,之前的代码不能用了,但是思路大体还是一致,然后我找了找a-tree 的节点规律以及官方文档,自己重写了一个,原则上还是以尽可能的少改动数据为优先首先我们的Vue文件声明如下(由于文件内容多,原创 2020-11-11 13:42:40 · 4325 阅读 · 0 评论 -
antd-vue 实现仿钉钉同时上传文件和文件夹
最近在模仿钉钉,做一个企业内部沟通管理软件,技术使用了 Ant Design Vue 、Electron,功能主要有聊天、文档、通讯录、工作台,对于钉钉的上传文件,既有单个文件,也有文件夹,如图于是自己摸索着也实现了一个,直接上代码<a-upload ref="upload" class="dd-display-inline" :show-upload-list="false" :directory="isDirectory" :open-file-dialog-on-clic原创 2020-11-09 19:16:42 · 1555 阅读 · 1 评论