12/21 16:13 tab优化

src/components/remote-search/index.vue

@@ -5,6 +5,7 @@
       filterable
       remote
       reserve-keyword
+      clearable
       :placeholder="placeholder"
       :remote-method="remoteMethod"
       :loading="loading"

src/views/afterSchoolManager/afterSchoolList.vue

@@ -9,19 +9,12 @@
                :model="searchForm">
         <el-form-item>
           <el-input v-model.trim="searchForm.listSearch"
+          clearable
                     @keyup.enter.native="search"
                     placeholder="请输入标题"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-select placeholder="老师姓名"
-                     v-model="searchForm.teacherId"
-                     clearable
-                     filterable>
-            <el-option v-for="(item,index) in teacherList"
-                       :label="item.realName"
-                       :value="item.id"
-                       :key="index"></el-option>
-          </el-select>
+           <remote-search :commit='"setTeachers"' v-model='searchForm.teacherId'/>
         </el-form-item>
         <el-form-item prop="organIdList">
           <el-select class="multiple"
@@ -292,4 +285,4 @@ export default {
 /deep/.el-textarea.is-disabled .el-textarea__inner {
   color: #333;
 }
-</style>
+</style>