From 2a9e0f190c384d4c95a188822d6bf1802697d10c Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 19 一月 2024 10:19:32 +0800
Subject: [PATCH] 图层搜索
---
src/components/left/leftmenu.vue | 25 +++++++++++++++++++++----
1 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/src/components/left/leftmenu.vue b/src/components/left/leftmenu.vue
index f5ea46b..fa98f66 100644
--- a/src/components/left/leftmenu.vue
+++ b/src/components/left/leftmenu.vue
@@ -11,8 +11,14 @@
>脳</span
>
<img class="openLeftMenu" v-else src="@/assets/img/left/souselist4.png" />
-
<div class="layerTreeContainer" v-show="isShowLeftPanel">
+ <el-input
+ placeholder="鍥惧眰鍚嶇О"
+ v-model="filterText"
+ size="mini"
+ >
+ </el-input>
+
<div class="switchbox">
<el-radio-group v-model="radio" @change="getright">
<el-radio :label="1">缁勭粐鏈烘瀯</el-radio>
@@ -37,6 +43,7 @@
:render-content="renderContent"
:default-expanded-keys="defaultExpanded"
@check="check"
+ :filter-node-method="filterNode"
></el-tree>
</div>
</div>
@@ -445,6 +452,7 @@
name: "leftmenu",
data() {
return {
+ filterText: "",
isShowLeftPanel: false,
activeName: "first",
alldisabled: [],
@@ -602,6 +610,10 @@
console.log("鑾峰彇鍦烘櫙閰嶇疆澶辫触锛�");
}
);
+ },
+ filterNode(value, treeData) {
+ if (!value) return true;
+ return treeData.name.indexOf(value) !== -1;
},
setTreeDataChange(res) {
if (this.treeChangeFlag == res) return;
@@ -2972,6 +2984,11 @@
}
},
},
+ watch: {
+ filterText(val) {
+ this.$refs.tree.filter(val);
+ },
+ },
};
</script>
<style scoped>
@@ -3002,7 +3019,9 @@
transition: 1s;
z-index: 9999;
}
-
+.switchbox{
+ margin-top: 5px;
+}
.closeLeftMenu:hover {
cursor: pointer;
transform: rotateZ(90deg);
@@ -3038,7 +3057,6 @@
.leftmenu:hover {
background-image: url("~@/assets/img/new/treeClose-y.png");
-
}
.leftmenu {
background-image: url("~@/assets/img/new/treeClose.png");
@@ -3128,7 +3146,6 @@
border-radius: 0;
background: rgba(218, 218, 218, 0.1);
}
-
.el-tree .TreeNodeClass {
width: 100%;
--
Gitblit v1.9.3