loading导出

src/views/projectBoard/unfinishNode/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div style="margin: 1% 1% 1% 1%" >
-    <div style="margin: 2% 0 2% 0">
-      <el-button type="primary" round @click="handleProjectBoardInfo"> 导出晾晒看报</el-button>
-      <el-button type="primary" round @click="handleTimeOutInfo"> 导出晾晒比分评分表</el-button>
-      <el-button type="primary" round @click="handleProjectResult"> 导出项目成果</el-button>
+    <div style="margin: 2% 0 2% 0" >
+      <el-button type="primary" round @click="handleProjectBoardInfo" :loading="btnLoading1"> 导出晾晒看报</el-button>
+      <el-button type="primary" round @click="handleTimeOutInfo" :loading="btnLoading2"> 导出晾晒比分评分表</el-button>
+      <el-button type="primary" round @click="handleProjectResult" :loading="btnLoading3"> 导出项目成果</el-button>
       <el-button type="primary" style="float: right; margin-right: 2%" @click="getInfo">
         查询</el-button
       >
@@ -30,6 +30,9 @@
   import { onMounted, ref } from 'vue';
  import { downloadFile } from "@/api/common/api"
   const tableLoading = ref(false)
+  const btnLoading1 = ref(false)
+  const btnLoading2 = ref(false)
+  const btnLoading3 = ref(false)
   const dataSource = ref([]);
   const columns = [
     {
@@ -88,13 +91,19 @@
     dataSource.value = res;
   };
   function handleProjectBoardInfo() {
+    btnLoading1.value = true
     downloadFile("/export/projectBoardInfo", '晾晒看报.xlsx',{})
+    btnLoading1.value = false
   }
   function handleTimeOutInfo() {
+    btnLoading2.value = true
     downloadFile("/export/timeOutInfo", '评分表.xlsx',{})
+    btnLoading2.value = false
   }
   function handleProjectResult() {
+    btnLoading3.value = true
     downloadFile("/export/projectResult", '项目成果.xlsx',{})
+    btnLoading3.value = false
 
   }
   //合并行