From 93a38ac31615b1aa053a4440c59814ea72353945 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 17 一月 2023 14:39:19 +0800 Subject: [PATCH] 界面修改 --- src/views/datamanage/domainManage.vue | 19 +++++++++++++++++-- 1 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/views/datamanage/domainManage.vue b/src/views/datamanage/domainManage.vue index 47e88a0..dce92b8 100644 --- a/src/views/datamanage/domainManage.vue +++ b/src/views/datamanage/domainManage.vue @@ -7,12 +7,15 @@ <el-divider /> <div class="mainBox"> <div class="leftTree"> + <el-input v-model="filterInput"></el-input> <div style="width:450px"> <el-tree :data="domainData" :props="defaultProps" :default-expand-all="true" @node-click="toggleTabs" + :filter-node-method="filterNode" + ref="tree" ></el-tree> </div> </div> @@ -367,6 +370,7 @@ components: { MyBread }, data() { return { + filterInput: '', domainOptions: [], multipleSelection: [], behavior: '', @@ -426,7 +430,13 @@ return this.$store.state.cataNode.id; }, }, + methods: { + filterNode(value, data) { + if (!value) return true; + + return data.val.indexOf(value) !== -1; + }, async toggleTabs(data) { this.fullscreenLoading = true; this.listData.ns = data.ns; @@ -473,10 +483,12 @@ let bdres = res.result.filter((item) => item.ns == 'bd'); let bsres = res.result.filter((item) => item.ns == 'bs'); for (var i in bdres) { - bdres[i].val = bdres[i].tabDesc + '(' + bdres[i].tab + ')'; + // bdres[i].val = bdres[i].tabDesc + '(' + bdres[i].tab + ')'; + bdres[i].val = bdres[i].tabDesc; } for (var i in bsres) { - bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; + // bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')'; + bsres[i].val = bsres[i].tabDesc; } this.domainData[0].children = bdres; this.domainData[1].children = bsres; @@ -704,6 +716,9 @@ immediate: true, handler(val) { }, }, + filterInput(val) { + this.$refs.tree.filter(val); + } }, }; </script> -- Gitblit v1.9.3