up

src/views/system/department.vue

@@ -56,11 +56,13 @@
         </el-form-item>
         <el-form-item label="部门负责人" prop="manager">
           <el-autocomplete class="inline-input" v-model="form.manager" :fetch-suggestions="querySearch"
-            placeholder="请输入部门负责人" :trigger-on-focus="false" @select="handleSelectManager"></el-autocomplete>
+            placeholder="请输入部门负责人" @clear="clearmanager" clearable :trigger-on-focus="false"
+            @select="handleSelectManager"></el-autocomplete>
         </el-form-item>
         <el-form-item label="部门分管人" prop="leader">
           <el-autocomplete class="inline-input" v-model="form.leader" :fetch-suggestions="querySearch"
-            placeholder="请输入部门分管人" :trigger-on-focus="false" @select="handleSelectLeader"></el-autocomplete>
+            placeholder="请输入部门分管人" clearable @clear="clearleader" :trigger-on-focus="false"
+            @select="handleSelectLeader"></el-autocomplete>
         </el-form-item>
         <el-form-item label="排序">
           <el-input v-model="form.sortnumber" autocomplete="off"></el-input>
@@ -126,8 +128,19 @@
       }
     },
     methods: {
+      clearleader() {
+        this.form.leader_id = '';
+        this.form.leader = '';
+      },
+      clearmanager() {
+        this.form.manager_id = '';
+        this.form.manager = '';
+      },
       querySearch(queryString, cb) {
-        listuser({page_size:999,keyword:queryString}).then(response => {
+        listuser({
+          page_size: 999,
+          keyword: queryString
+        }).then(response => {
           var data = response.data;
           for (var m of data) {
             m.value = m.name;