feat 下载列表增加刷新

src/views/IM/diagnosis-admin/down-list.vue

@@ -29,7 +29,8 @@
       >
         <template slot-scope="scope">
           <div class="status_base">
-            <div :class="'status-circle status-' + scope.row.status" /><div>{{ getStatusDesc(scope.row.status) }}</div>
+            <div :class="'status-circle status-' + scope.row.status" />
+            <div>{{ getStatusDesc(scope.row.status) }}</div>
           </div>
         </template>
       </el-table-column>
@@ -41,6 +42,14 @@
       >
         <template slot-scope="scope">
           <div
+            v-if="scope.row.status === 1"
+            class="download-btn"
+            @click="reload"
+          >
+            刷新
+          </div>
+          <div
+            v-else-if="scope.row.status === 2"
             class="download-btn"
             @click="download(scope.row.path)"
           >
@@ -67,15 +76,13 @@
 </template>
 
 <script>
-  import {
-    exportList
-  } from '@/api/downList';
-  const STATUS_DESC_MAP = {
+import { exportList } from '@/api/downList';
+const STATUS_DESC_MAP = {
   1: '处理中',
   2: '完成',
-    3: '失败'
-  };
-  export default {
+  3: '失败',
+};
+export default {
   data() {
     return {
       pageSize: 15,
@@ -85,22 +92,25 @@
       tableData: [],
     };
   },
-    created () {
+  created() {
     this.queryList();
   },
   methods: {
-      queryList () {
+    reload() {
+      this.queryList();
+    },
+    queryList() {
       exportList({
         pageSize: this.pageSize,
-          pageNo: this.pageNo
-        }).then(res => {
+        pageNo: this.pageNo,
+      }).then((res) => {
         if (res && res.code === '000000') {
           this.totalCount = res.data.allSize;
           this.tableData = res.data.list;
         }
       });
     },
-      getStatusDesc (status) {
+    getStatusDesc(status) {
       return STATUS_DESC_MAP[status];
     },
     download(link) {
@@ -116,7 +126,7 @@
       this.queryList();
     },
   },
-  };
+};
 </script>
 
 <style lang="scss" scoped>
@@ -137,13 +147,13 @@
       margin-right: 5px;
     }
     .status-1 {
-      background-color: rgb(219, 223, 12);;
+      background-color: rgb(219, 223, 12);
     }
     .status-2 {
-      background-color: rgb(87, 238, 82);;
+      background-color: rgb(87, 238, 82);
     }
     .status-3 {
-      background-color: rgb(238, 68, 16);;
+      background-color: rgb(238, 68, 16);
     }
   }
   .download-btn {