From 5ba01fb10bb1ef7b06e89f9c707fbd6f3e013c88 Mon Sep 17 00:00:00 2001
From: baoyu <102349094+Bytq@users.noreply.github.com>
Date: Wed, 10 Apr 2024 14:16:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=2083399=EF=BC=8C=E5=9B=BD?=
 =?UTF-8?q?=E5=86=85=E5=A4=96=E6=94=BF=E7=AD=96-=E5=85=A5=E5=BA=93--?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=94=BF=E7=AD=96=E4=BD=93=E7=B3=BB=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=E5=BB=BA=E8=AE=AE=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=B9=B6=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hzwlComponents/policy/PolicyTree.vue      | 57 +++++++++++++++----
 1 file changed, 45 insertions(+), 12 deletions(-)

diff --git a/src/components/hzwlComponents/policy/PolicyTree.vue b/src/components/hzwlComponents/policy/PolicyTree.vue
index 38875f642..00dc103c5 100644
--- a/src/components/hzwlComponents/policy/PolicyTree.vue
+++ b/src/components/hzwlComponents/policy/PolicyTree.vue
@@ -1,17 +1,24 @@
 <template>
   <el-drawer
-    title="政策体系"
-    :visible.sync="visible"
+      title="政策体系"
+      :visible.sync="visible"
   >
+    <el-input v-model="filterText" placeholder="请输入政策体系" class="filterInput" style="width: 100%;padding: 10px 5px"/>
     <div style="flex: 1">
       <el-tree
-        ref="tree"
-        :data="treeList"
-        :props="defaultProps"
-        node-key="id"
-        highlight-current
-        :expand-on-click-node="false"
-      />
+          ref="tree"
+          :data="treeList"
+          :props="defaultProps"
+          node-key="id"
+          highlight-current
+          :filter-node-method="filterNode"
+          :expand-on-click-node="false"
+      >
+             <span slot-scope="{ node, data }" class="custom-tree-node">
+            <span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'" />
+            <span style="font-size:12px"> {{ node.label }} </span>
+          </span>
+      </el-tree>
     </div>
     <div class="demo-drawer-footer" style="height: 51px">
       <el-button size="mini" @click="cancel">取消</el-button>
@@ -28,6 +35,7 @@ export default {
       visible: false,
       getListStand: 'sarResource/ts-resource/getListStandIgnoreMyCollection',
       treeList: [],
+      filterText: '',
       defaultProps: {
         children: 'children',
         label: 'menuName'
@@ -37,7 +45,16 @@ export default {
   mounted () {
     this.getList()
   },
+  watch: {
+    filterText (val) {
+      this.$refs.tree.filter(val);
+    },
+  },
   methods: {
+    filterNode (value, data) {
+      if (!value) return true;
+      return data.menuName.indexOf(value) !== -1;
+    },
     getList () {
       this.$http._getData(this.getListStand, {
         sorDivide: 'FOREIGN_LAWS',
@@ -51,9 +68,10 @@ export default {
     open (key) {
       this.visible = true
       this.$nextTick(() => {
+        this.filterText = ''
         key === '' ?
-          this.$refs.tree.setCurrentKey() :
-          this.$refs.tree.setCurrentKey(key)
+            this.$refs.tree.setCurrentKey() :
+            this.$refs.tree.setCurrentKey(key)
       })
     },
     cancel () {
@@ -76,5 +94,20 @@ export default {
 </script>
 
 <style scoped>
-
+/deep/ .is-leaf-none{
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background: url('~@/assets/images/shangqi/img/none-file-new.png');
+  background-size:100% 100%;
+}
+/deep/ .is-show{
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background:url('~@/assets/images/shangqi/img/tree.png');
+  background-size:100% 100%;
+}
 </style>