From 35305bce74bdb5d0deb1c38c56b67cd00cb2703a Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期三, 27 三月 2024 16:44:54 +0800 Subject: [PATCH] UI上下文展示引擎 --- Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue | 59 ++++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 40 insertions(+), 19 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue index 69c11a9..0e0d322 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue @@ -6,7 +6,7 @@ </el-input> <el-tree class="filter-tree" - show-checkbox + :show-checkbox="isMuti" :lazy="lazy" :data="data" :load="loadNode" @@ -14,6 +14,8 @@ :filter-node-method="filterNode" highlight-current node-key="oid" + @check="checkNode" + @current-change="changeNode" ref="tree"> </el-tree> </div> @@ -60,7 +62,33 @@ //console.log(this.$el.clientHeight) } } + }, + checkDatas:{ + handler(newval) { + if(newval) { + console.log(newval) + } + } } + }, + data() { + return { + filterText: '', + defaultProps: { + children: 'children', + label: 'text' + }, + lazy:this.componentVO.treeDefineVO.loadType == 'node', + isMuti:true, + data:[], + checkDatas:[] + } + }, + created() { + this.initData(); + }, + mounted() { + console.log(this.$el.clientHeight) }, methods: { filterNode(value, data) { @@ -1965,25 +1993,18 @@ resolve(data); }, 500); - } + }, + checkNode(checkedNode, checkedData){ + if (this.isMuti) { + this.checkDatas=checkedData.checkedNodes; + } + }, + changeNode(data,node) { + if (!this.isMuti) { + this.checkDatas=[data]; + } + }, }, - data() { - return { - filterText: '', - defaultProps: { - children: 'children', - label: 'text' - }, - lazy:this.componentVO.treeDefineVO.loadType == 'node', - data:[] - } - }, - created() { - this.initData(); - }, - mounted() { - console.log(this.$el.clientHeight) - } } </script> -- Gitblit v1.9.3