Ver Fonte

save-form 优化

wolyshaw há 4 anos atrás
pai
commit
617d8a4297

+ 5 - 1
src/components/save-form/index.vue

@@ -42,9 +42,13 @@ export default {
       }
     },
     reset() {
-      this.resetFields()
       if (this.$listeners.reset) {
         this.$listeners.reset()
+        this.$nextTick(() => {
+          this.resetFields()
+        })
+      } else {
+        this.resetFields()
       }
     },
     save(search = null, type = 'form') {

+ 7 - 6
src/views/studentManager/studentList.vue

@@ -10,12 +10,13 @@
       <div class="newBand"
            @click="onCreateQRCode">学员激活列表</div>
       <!-- 搜索标题 -->
-      <el-form :inline="true"
+      <save-form :inline="true"
                class="searchForm"
-               v-model.trim="searchForm">
+               @submit="onSearch"
+               @reset="onReSet"
+               :model.sync="searchForm">
         <el-form-item>
           <el-input placeholder="学生姓名或电话"
-                    @keyup.enter.native="onSearch"
                     v-model.trim="searchForm.search"></el-input>
         </el-form-item>
         <el-form-item prop="organId">
@@ -109,15 +110,15 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button @click="onSearch"
+          <el-button native-type="submit"
                      type="danger">搜索</el-button>
-          <el-button @click="onReSet"
+          <el-button native-type="reset"
                      type="primary">重置</el-button>
           <el-button type="primary"
                      v-permission="'export/studentHasCourse'"
                      @click="downLoadStudent">导出名单</el-button>
         </el-form-item>
-      </el-form>
+      </save-form>
       <!-- 列表 -->
       <div class="tableWrap">
         <el-table :data="tableList"