增加条件过滤

src/views/enforceflow/enforceflow.vue

@@ -103,7 +103,7 @@
           <el-input size="mini" v-model="editForm.name"></el-input>
         </el-form-item>
         <el-form-item label="实施负责人:" prop="recorder">
-          <el-input size="mini" v-model="editForm.enforcer" readonly="true"
+          <el-input size="mini" v-model="editForm.enforcer" :readonly="true"
                     @keyup.enter.native="openUsers1()">
             <el-button @click="openUsers1()" icon="el-icon-search" slot="append"></el-button>
           </el-input>
@@ -133,7 +133,7 @@
           </el-date-picker>
         </el-form-item>
         <el-form-item label="实施内容:">
-          <el-input size="mini" type="textarea" :rows="4" v-model="editForm.content"></el-input>
+          <el-input size="mini" type="textarea" :rows="6" v-model="editForm.content"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -142,13 +142,16 @@
       </div>
     </el-dialog>
 
-    <el-dialog title="选择人员" :visible.sync="users1Visble" width="30%" @click="closeUser1Dialog"
-               :close-on-click-modal="false">
+    <el-dialog title="选择人员" :visible.sync="users1Visble" width="30%" @click="closeUser1Dialog" :close-on-click-modal="false">
+      <el-input placeholder="输入关键字进行过滤" v-model="filterText">
+      </el-input>
       <el-tree
         ref="dept1"
         :data="userList"
         node-key="id"
-        :props="{label:'name'}" default-expand-all="true">
+        :props="{label:'name'}"
+        :default-expand-all="true"
+        :filter-node-method="filterNode">
       </el-tree>
       <div slot="footer" class="dialog-footer">
         <el-button size="mini" @click="closeUser1Dialog">取消</el-button>
@@ -225,7 +228,8 @@
         ref="dept"
         :data="userList"
         node-key="id"
-        :props="{label:'name'}" default-expand-all="true">
+        :props="{label:'name'}" default-expand-all="true"
+      >
       </el-tree>
       <div slot="footer" class="dialog-footer">
         <el-button size="mini" @click="closeUserDialog">取消</el-button>
@@ -531,8 +535,14 @@ import {deleteFile, uploadFileUrl} from '@/api/file/file'
 
 export default {
   name: 'enforceflow',
+  watch: {
+    filterText(val) {
+      this.$refs.dept1.filter(val);
+    }
+  },
   data() {
     return {
+      filterText: '',
       editEnforceRecord: {
         id: null,
         enforceType: '',
@@ -1088,6 +1098,12 @@ export default {
       if (active === '2') {
         this.getEnforceRecordLists();
       }
+    },
+    filterNode(value, data) {
+      if (!value) {
+        return true
+      };
+      return data.name.indexOf(value) !== -1;
     }
   }