模拟志愿--一分一段-增加分数查找

src/views/career/zhiyuan/yfyd.vue

@@ -18,10 +18,21 @@
       </div>
     </el-card>
     <el-card>
+      <el-row type="flex" justify="end">
+       <el-col :span="6">
+         <el-input
+         placeholder="请输入分数"
+         v-model="score">
+           <i slot="suffix" class="icon-style el-icon-search" @click="getList"></i>
+       </el-input></el-col>
+      </el-row>
       <mx-condition ref="condition" :query-params="queryParams" @query="handleQuery"
                     @invalid="handleInvalidQuery"></mx-condition>
       <div class="content">
-        <mx-table :rows="batchData" :propDefines="propDefines"> </mx-table>
+        <div class="table-wrap" v-loading="loading">
+          <mx-table :rows="batchData" :propDefines="propDefines"> </mx-table>
+        </div>
+
         <pagination :total="pageForm.total" :autoScroll="false" @pagination="onChangePage" :page.sync="pageForm.pageNum"
                     :limit.sync="pageForm.pageSize"></pagination>
       </div>
@@ -43,6 +54,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       queryParams: {
         yfydLocation: '',
         yfydYear: '',
@@ -78,6 +90,10 @@ export default {
   created() {
   },
   methods: {
+    getList() {
+      if(this.score == '') return
+      this.getYfydList()
+    },
     handleInvalidQuery() {
 
     },
@@ -91,6 +107,7 @@ export default {
       this.getYfydList()
     },
     getYfydList() {
+      this.loading =true
       yfydList({
         year: this.queryParams.yfydYear,
         location: this.queryParams.yfydLocation,
@@ -100,6 +117,8 @@ export default {
         this.batchData = res.rows;
         this.pageForm.total = res.total;
         console.log(res);
+      }).finally(_ => {
+        this.loading = false
       });
     },
   },
@@ -111,6 +130,10 @@ export default {
   background-color: #47c6a2;
   margin-left: 0;
 }
+.icon-style {
+  display: flex;align-items: center;height: 100%;
+  cursor: pointer;
+}
 .back{
   padding: 30px;
   margin: 10px 0;