|
@@ -12,6 +12,7 @@
|
|
|
show-checkbox
|
|
|
is-type
|
|
|
check-strictly
|
|
|
+ :h-props="leftTreeProps"
|
|
|
:is-color="false"
|
|
|
@check="leftTreeNodeCheckChange"
|
|
|
@load="treeLoadNode"
|
|
@@ -126,6 +127,8 @@ const linkModal = defineModel('modelValue', {
|
|
|
const closeModal = ()=>{
|
|
|
linkModal.value = false
|
|
|
leftPid.value = ''
|
|
|
+ allSelectedList.value = []
|
|
|
+ halfSelectedList.value = []
|
|
|
emit('close')
|
|
|
}
|
|
|
//获取两棵树的数据
|
|
@@ -150,12 +153,21 @@ const rightTree = ref(null)
|
|
|
const treeProps = ref({
|
|
|
label: 'title',
|
|
|
children: 'children',
|
|
|
- isLeaf: 'notExsitChild',
|
|
|
+ isLeaf: (data) => !data.hasChildren,
|
|
|
disabled: (data) => {
|
|
|
// 当节点类型为6时才能选择
|
|
|
return data.nodeType !== 6
|
|
|
},
|
|
|
})
|
|
|
+const leftTreeProps = ref({
|
|
|
+ label: 'title',
|
|
|
+ children: 'children',
|
|
|
+ isLeaf: (data) =>!data.hasChildren,
|
|
|
+ disabled: (data) => {
|
|
|
+ // 当节点类型为6时不能能选择
|
|
|
+ return data.nodeType === 6
|
|
|
+ },
|
|
|
+})
|
|
|
//监听
|
|
|
watch(() => [
|
|
|
props.linkModal,
|
|
@@ -176,8 +188,6 @@ props.firstTree,
|
|
|
const allSelectedList = ref([])
|
|
|
const halfSelectedList = ref([])
|
|
|
const addTreeNodeCheckChange = (_, { checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys }) => {
|
|
|
- console.log(checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys, 'nodes')
|
|
|
-
|
|
|
let NodesArr = [],
|
|
|
halfArr = []
|
|
|
//全选数据
|
|
@@ -231,6 +241,13 @@ const sureClick = async (type) => {
|
|
|
if (type === 1) {
|
|
|
closeModal()
|
|
|
emit('save')
|
|
|
+ } else {
|
|
|
+ allSelectedList.value = []
|
|
|
+ halfSelectedList.value = []
|
|
|
+ leftPid.value = ''
|
|
|
+ leftTree.value?.treeRef.setCheckedKeys([])
|
|
|
+ rightTree.value?.treeRef.setCheckedKeys([])
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|