code

src/api/request.js

@@ -36,8 +36,8 @@ instance.interceptors.request.use(
 instance.interceptors.response.use(
   (res) => {
     console.log(res);
-    if (res.data.Code == -1) {
-      Message.error(res.data.Message);
+    if (res.data.code == -1) {
+      Message.error(res.data.message);
     }
     return res.data;
   },

src/components/customerOrg/customerOrgTree.vue

@@ -1,8 +1,15 @@
 <template>
+  <div>
+    <div style="margin:2px 2px 2px 2px;">
+      <el-input  placeholder="输入关键字进行过滤" v-model="filterText" size="small" />
+    </div>
+    <div :style="'overflow: scroll;height:' +(window.pageHeight < 600 ? 370 : window.pageHeight - 230) + 'px;'">
       <el-tree :data="customerOrg.customerOrgTree" :props="customerOrg.treeprops" 
-    node-key="id"
+        node-key="id" :filter-node-method="filterNode"
         :default-expanded-keys="customerOrg.defaultExpandedKeys" 
         @node-click="treeclick" highlight-current ref="customerOrgTree"/>
+    </div>
+  </div>
 </template>
 <script>
 import { mapState, mapMutations } from "vuex";
@@ -14,7 +21,7 @@ export default {
   components: {},
   data() {
     return {
-      
+      filterText:''
     };
   },
   //<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree>
@@ -127,6 +134,13 @@ export default {
       //联系人
       this.getContactPersonList(data.id);
     },
+
+    //树过滤
+    filterNode(value, data) {
+      //console.log(value,data)
+      if (!value) return true;
+      return data['displayName'].indexOf(value) !== -1;
+    }
   },
 
   watch: {
@@ -138,6 +152,10 @@ export default {
         })
       }
     }, 
+
+    "filterText"(newVal,oldVal){
+      this.$refs['customerOrgTree'].filter(newVal);
+    }
   },
  
 };

src/views/customerOrg/customerOrg.vue

@@ -9,7 +9,7 @@
       -->
       <div style="display: flex;margin-top:20px">
         <!-- 单位树组件 -->
-        <div :style="'overflow: scroll;border: 1px solid;width:200px; height:' +
+        <div :style="'border: 1px solid;width:200px; height:' +
           (window.pageHeight < 600 ? 410 : window.pageHeight - 190) +
           'px;'
           ">
@@ -75,4 +75,5 @@ export default {
   methods: {},
 };
 </script>
-<style scoped></style>
+<style scoped>
+</style>