update

src/modules/oe/views/export_task_list.vue

@@ -27,16 +27,28 @@
       </el-form-item>
 
       <el-form-item label="类型">
-        <el-select v-model="formSearch.type" size="small" class="w180">
-          <el-option label="未选择" value=""></el-option>
+        <el-select
+          v-model="formSearch.type"
+          size="small"
+          class="w180"
+          placeholder="请选择"
+          @clear="clearTypeValue"
+          clearable
+        >
           <el-option label="考试明细" value="EXAM_DETAIL"></el-option>
           <el-option label="成绩统计" value="SCORE_STATISTIC"></el-option>
         </el-select>
       </el-form-item>
 
       <el-form-item label="状态">
-        <el-select v-model="formSearch.status" size="small" class="w180">
-          <el-option label="未选择" value=""></el-option>
+        <el-select
+          v-model="formSearch.status"
+          size="small"
+          class="w180"
+          placeholder="请选择"
+          @clear="clearStatusValue"
+          clearable
+        >
           <el-option label="未开始" value="NONE"></el-option>
           <el-option label="导出中" value="EXPORTING"></el-option>
           <el-option label="成功" value="SUCCESS"></el-option>
@@ -91,8 +103,8 @@ export default {
     return {
       formSearch: {
         examId: "",
-        type: "",
-        status: "",
+        type: null,
+        status: null,
         pageNo: 1,
         pageSize: 10
       },
@@ -119,7 +131,21 @@ export default {
         });
     },
     doSearch(pageNo) {
-      console.log(pageNo);
+      this.formSearch.pageNo = pageNo;
+
+      this.loading = true;
+      let url = "/api/ecs_oe_admin/export/task/list";
+      this.$http.post(url, this.formSearch).then(
+        response => {
+          this.tableData = response.data.content;
+          this.totalElements = response.data.totalElements;
+          this.loading = false;
+        },
+        error => {
+          console.log(error);
+          this.loading = false;
+        }
+      );
     },
     handlePagerNo(pageNo) {
       this.doSearch(pageNo);
@@ -128,17 +154,26 @@ export default {
       this.formSearch.pageSize = pageSize;
       this.doSearch(1);
     },
+    clearTypeValue() {
+      this.formSearch.type = null;
+    },
+    clearStatusValue() {
+      this.formSearch.status = null;
+    },
     resetSearchForm() {
       this.formSearch.examId = "";
-      this.formSearch.type = "";
-      this.formSearch.status = "";
+      this.formSearch.type = null;
+      this.formSearch.status = null;
       this.doSearch(1);
     }
   },
   computed: {
     ...mapState({ user: state => state.user })
   },
-  created() {}
+  created() {
+    this.getExams();
+    this.doSearch(1);
+  }
 };
 </script>