|
@@ -20,6 +20,7 @@
|
|
|
<div class="tree-wrapper left-tree">
|
|
|
<div class="tree-title">复制源</div>
|
|
|
<el-tree
|
|
|
+ v-if="isShowTree"
|
|
|
ref="sourceTree"
|
|
|
:data="sourceTreeData"
|
|
|
:props="treeProps"
|
|
@@ -43,6 +44,7 @@
|
|
|
<div class="tree-wrapper right-tree">
|
|
|
<div class="tree-title">复制到</div>
|
|
|
<el-tree
|
|
|
+ v-if="isShowRight"
|
|
|
check-strictly
|
|
|
ref="targetTree"
|
|
|
:data="targetTreeData"
|
|
@@ -102,7 +104,8 @@ export default {
|
|
|
linkLoading: {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -130,7 +133,9 @@ export default {
|
|
|
// 选中的源节点
|
|
|
selectedSourceNodes: [],
|
|
|
// 选中的目标节点
|
|
|
- selectedTargetNodes: []
|
|
|
+ selectedTargetNodes: [],
|
|
|
+ isShowTree:true,
|
|
|
+ isShowRight:true
|
|
|
};
|
|
|
},
|
|
|
watch:{
|
|
@@ -141,6 +146,8 @@ export default {
|
|
|
methods: {
|
|
|
// 显示弹窗
|
|
|
show() {
|
|
|
+ this.isShowTree = true;
|
|
|
+ this.isShowRight = true;
|
|
|
this.visible = true;
|
|
|
// 重置选中状态
|
|
|
this.selectedSourceNodes = [];
|
|
@@ -158,6 +165,8 @@ export default {
|
|
|
handleClose() {
|
|
|
this.visible = false;
|
|
|
this.$emit('close');
|
|
|
+ this.isShowTree=false
|
|
|
+ this.isShowRight=false
|
|
|
},
|
|
|
|
|
|
// 加载源树节点
|
|
@@ -269,9 +278,22 @@ export default {
|
|
|
} else {
|
|
|
// 清空选择但不关闭弹窗
|
|
|
this.clearSelections(); // 清空选择但不关闭弹窗
|
|
|
+
|
|
|
|
|
|
}
|
|
|
});
|
|
|
+ this.isShowTree=false
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isShowTree=true
|
|
|
+
|
|
|
+ }, 1000);
|
|
|
+ this.isShowRight=false
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isShowRight=true
|
|
|
+
|
|
|
+ }, 1000);
|
|
|
},
|
|
|
// 新增清空选择的方法
|
|
|
clearSelections() {
|