feat: 多任务管控

src/views/base/track-export/index.vue

@@ -36,13 +36,13 @@
   </div>
   <div class="part-box">
     <a-space class="part-action" :size="6">
-      <a-button type="text" @click="toBatchDownload">
+      <a-button type="text" :disabled="loading" @click="toBatchDownload">
         <template #icon>
           <svg-icon name="icon-import" />
         </template>
         批量下载
       </a-button>
-      <a-button type="text" @click="toSet">
+      <a-button type="text" :disabled="loading" @click="toSet">
         <template #icon>
           <svg-icon name="icon-add" />
         </template>
@@ -61,10 +61,18 @@
         {{ courseNameCodeFilter(record) }}
       </template>
       <template #action="{ record }">
-        <a-button type="text" class="btn-primary" @click="toDownload(record)"
+        <a-button
+          type="text"
+          class="btn-primary"
+          :disabled="loading"
+          @click="toDownload(record)"
           >下载</a-button
         >
-        <a-button type="text" class="btn-primary" @click="toDetail(record)"
+        <a-button
+          type="text"
+          class="btn-primary"
+          :disabled="loading"
+          @click="toDetail(record)"
           >查看详情</a-button
         >
       </template>

src/views/base/track-export/indexDetail.vue

@@ -135,7 +135,7 @@
       <a-space class="part-action" :size="6">
         <a-button
           type="text"
-          :disabled="loading || !dataList?.length"
+          :disabled="downloading || loading || !dataList?.length"
           @click="toDownloadFilter"
         >
           <template #icon>
@@ -145,7 +145,7 @@
         </a-button>
         <a-button
           type="text"
-          :disabled="!multipleSelections.length"
+          :disabled="downloading || !multipleSelections.length"
           @click="toDownloadSelection"
         >
           <template #icon>
@@ -176,7 +176,11 @@
           {{ checkTimeFilter(record) }}
         </template>
         <template #action="{ record }">
-          <a-button type="text" class="btn-primary" @click="toDownload(record)"
+          <a-button
+            type="text"
+            class="btn-primary"
+            :disabled="downloading"
+            @click="toDownload(record)"
             >下载</a-button
           >
         </template>
@@ -323,14 +327,28 @@
     );
   }
 
+  const downloading = ref(false);
+  function dounceDownloading() {
+    downloading.value = true;
+    setTimeout(() => {
+      downloading.value = false;
+    }, 5 * 1000);
+  }
+
   function toDownloadFilter() {
+    if (downloading.value) return;
+    dounceDownloading();
     emit('downloadByFilter', props.rowData, searchedModel);
   }
   function toDownloadSelection() {
+    if (downloading.value) return;
+    dounceDownloading();
     emit('downloadByStudents', props.rowData, multipleSelections.value);
   }
 
   function toDownload(row: TrackExportDetailItem) {
+    if (downloading.value) return;
+    dounceDownloading();
     emit('downloadByStudents', props.rowData, [row]);
   }