导出详细学习记录 - loading 更改

src/components/student/OnlineClassModelStudent.vue

@@ -92,7 +92,8 @@
           </a-button>
         </a-col>
         <a-col>
-          <a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 150px" @click="exportStudy">
+          <a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 150px" :loading="exportLoading"
+          @click="exportStudy">
             导出详细学习记录
           </a-button>
         </a-col>
@@ -329,11 +330,15 @@ function reset() {
 function exportStu() {
   window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudent?type=3&&thirdType=8&pid=${searchParams.value.pid}`);
 }
+const exportLoading = ref(false);
+
 function exportStudy() {
   if(studentList.value.length == 0){
     return message.warning('暂无可导出的学习记录')
   }
-  downLoadXlsx(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudentDetail?type=4&&thirdType=8&pid=${searchParams.value.pid}`,'在线课学员学习记录')
+  exportLoading.value = true;
+  let {loading} = downLoadXlsx(`${process.env.VUE_APP_BASE_API}/admin/student/exportOnlineStudentDetail?type=4&&thirdType=8&pid=${searchParams.value.pid}`,'在线课学员学习记录');
+  exportLoading.value = loading;
 }
 defineExpose({
   searchStu,

src/utils/zipdownload.js

@@ -1,4 +1,5 @@
 import axios from 'axios'
+import {ref} from 'vue'
 import {getCookieForName} from "@/api/method";
 
 const mimeMap = {
@@ -13,6 +14,10 @@ export function downLoadXlsx(str, filename) {
     headers: { 'Authorization': 'Bearer ' + getCookieForName("token") }
   }).then(res => {
     resolveBlob(res, mimeMap.xlsx,filename)
+    return false;
+  }).catch(error =>{
+    console.log("downLoadXlsx error",error);
+    return false;
   })
 }
 const baseUrl = process.env.VUE_APP_ACT_API