|
@@ -20,19 +20,20 @@
|
|
|
:props="props"
|
|
|
:expand-on-click-node="false"
|
|
|
:show-checkbox="showCheckbox"
|
|
|
- v-model="selectNodes"
|
|
|
+ v-model="selectkeys"
|
|
|
:data="treeData.nodes"
|
|
|
:highlight-current="false"
|
|
|
+ :default-expanded-keys="defaultExpandKeys"
|
|
|
@node-click="handleNodeClick"
|
|
|
@check="handleCheckTree"
|
|
|
>
|
|
|
- <span slot-scope="{ node, data }" class="tree-node">
|
|
|
+ <span slot-scope="{ data }" class="tree-node">
|
|
|
<span>
|
|
|
<i class="el-icon-folder-opened" v-if="data.treeNode"></i>
|
|
|
<i class="el-icon-document" v-else></i>
|
|
|
<span>
|
|
|
<span class="tree-node__name">{{ data.label }}</span>
|
|
|
- <span class="tree-node__operate" v-if="!data.treeNode && tab== 'TABLE'" @click="handleViewCheckList($event,data)">查看数据资源</span>
|
|
|
+ <span class="tree-node__operate" v-if="!data.treeNode && tab == 'TABLE'" @click="handleViewCheckList($event,data)">查看数据资源</span>
|
|
|
<el-popover placement="top-start" width="400" trigger="hover" :open-delay="1000">
|
|
|
<div class="tip-box">
|
|
|
<h3>{{ data.label }}</h3>
|
|
@@ -51,7 +52,6 @@
|
|
|
|
|
|
<script>
|
|
|
import tableCheckLayer from "./table-check-layer";
|
|
|
-
|
|
|
export default {
|
|
|
props: {
|
|
|
treeData: {
|
|
@@ -70,8 +70,6 @@ export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- // 节点总数
|
|
|
-
|
|
|
props: {
|
|
|
value: "id",
|
|
|
label: "label",
|
|
@@ -80,15 +78,13 @@ export default {
|
|
|
return data.treeNode !== true;
|
|
|
}
|
|
|
},
|
|
|
- selectNodes: [],
|
|
|
- selectNodesNum: 0
|
|
|
+ selectkeys: [],
|
|
|
+ selectNodesNum: 0,
|
|
|
+ // 默认展开的节点
|
|
|
+ defaultExpandKeys: []
|
|
|
};
|
|
|
},
|
|
|
- computed: {
|
|
|
- // selectNodesNum() {
|
|
|
- // return typeof this.selectNodes == "string" ? this.selectNodes.split(",").length : this.selectNodes.length;
|
|
|
- // }
|
|
|
- },
|
|
|
+ computed: {},
|
|
|
methods: {
|
|
|
/**
|
|
|
* @description: 点击节点
|
|
@@ -96,7 +92,7 @@ export default {
|
|
|
*/
|
|
|
handleNodeClick(node, a, b) {
|
|
|
const { id, isParent, name } = node;
|
|
|
- if (this.selectNodes.includes(id)) {
|
|
|
+ if (this.selectkeys.includes(id)) {
|
|
|
this.$refs.authTree.setChecked(id, false, true);
|
|
|
} else {
|
|
|
this.$refs.authTree.setChecked(id, true, true);
|
|
@@ -115,9 +111,9 @@ export default {
|
|
|
* @description: 获取选中的节点key
|
|
|
*/
|
|
|
getSelectKeys() {
|
|
|
- this.selectNodes = this.$refs.authTree.getCheckedKeys(true);
|
|
|
+ this.selectkeys = this.$refs.authTree.getCheckedKeys(true);
|
|
|
const selectNodes = this.$refs.authTree.getCheckedNodes(true);
|
|
|
- this.selectNodesNum = this.selectNodes.length;
|
|
|
+ this.selectNodesNum = this.selectkeys.length;
|
|
|
const nodes = selectNodes.map((item) => {
|
|
|
return {
|
|
|
dataType: item.dataType,
|
|
@@ -152,13 +148,14 @@ export default {
|
|
|
layer.close(index);
|
|
|
return false;
|
|
|
},
|
|
|
- area: ["900px", "760px"]
|
|
|
+ area: ["900px", "800px"]
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- this.selectNodes = this.treeData.selectNodes ? this.treeData.selectNodes.map((item) => item.dataId) : [];
|
|
|
- this.selectNodesNum = this.selectNodes.length;
|
|
|
+ this.selectkeys = this.treeData.selectNodes ? this.treeData.selectNodes.map((item) => item.dataId) : [];
|
|
|
+ this.selectNodesNum = this.selectkeys.length;
|
|
|
+ this.defaultExpandKeys = [this.treeData.nodes[0].id];
|
|
|
},
|
|
|
mounted() {
|
|
|
}
|