选择组织树增加搜索功能

src/views/modules/shequzhili/event/cpts/process-form-assign.vue

@@ -9,9 +9,9 @@
 <template>
     <div class="search">
         <el-form ref="ref_form2" :inline="false" :model="formData" :rules="dataRule">
-            <el-form-item label="指派处理部门" prop="deptId" label-width="150px"
+            <el-form-item  label="指派处理部门" prop="deptId" label-width="150px"
                 :class="{ 'form-item': source === 'visiual' }">
-                <el-cascader class="cell-width-1" ref="agencyIdArray" v-model.trim="agencyIdArray" :options="orgOptions"
+                <el-cascader  class="cell-width-1" ref="agencyIdArray"   filterable  clearable :filter-method="filter" v-model.trim="agencyIdArray" :options="orgOptions"
                     :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader>
             </el-form-item>
             <el-form-item label="派件时间" prop="createdTime" label-width="150px"
@@ -85,6 +85,7 @@ export default {
                 status:'assigned'
             },
             orgOptions: [],
+            orgOptionsCopy: [],
             orgOptionProps: {
                 multiple: false,
                 value: 'agencyId',
@@ -149,6 +150,7 @@ export default {
     },
     created() {
         this.formData.createdTime = this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
+
     },
     async mounted() {
         const { user } = this.$store.state;
@@ -185,6 +187,7 @@ export default {
             if (code === 0) {
                 this.orgOptions = []
                 this.orgOptions.push(data)
+                this.orgOptionsCopy.push(data)
             } else {
                 this.$message.error(msg)
             }
@@ -202,15 +205,20 @@ export default {
             }
         },
         handleChangeAgency(val) {
-            let obj = this.$refs["agencyIdArray"].getCheckedNodes()[0].data
-            if (obj) {
-                this.formData.level = obj.level 
-                this.formData.deptId = obj.agencyId
-                this.formData.deptName = obj.agencyName
-            } else {
-                this.form.orgType = ''
-                this.form.orgId = ''
-            }
+            this.$nextTick(() => {
+                
+                let obj = this.$refs["agencyIdArray"].getCheckedNodes()[0].data
+            
+                if (obj) {
+                    this.formData.level = obj.level 
+                    this.formData.deptId = obj.agencyId
+                    this.formData.deptName = obj.agencyName
+                } else {
+                    this.form.orgType = ''
+                    this.form.orgId = ''
+                }
+
+            });
         },
         handleChangeCate() {
             if (this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]) {
@@ -280,6 +288,14 @@ export default {
                 );
             }
         },
+        
+        filter(node, keyword) {
+            console.log('data111',node,keyword)
+         
+            return  node.data.agencyName.includes(keyword) 
+            
+        },
+        
         handleFileSuccess(res, file) {
             if (res.code === 0 && res.msg === "success") {
                 const array = file.name.split(".");