add icon,loding style in export btn

Author: dodolalorc

src/stores/student-store.ts

@@ -121,6 +121,7 @@ export const useStudentStore = defineStore('student', () => {
   })
 
   const viewedUserId = ref('')
+  const exportingStudentInfo = ref(false)
   const studentRow = ref<Record<string, any>>({})
   const fundPunishVo = ref<any[]>([])
   const fundScholarshipVo = ref<any[]>([])
@@ -333,6 +334,14 @@ export const useStudentStore = defineStore('student', () => {
       return
     }
 
+    exportingStudentInfo.value = true
+    const exportingMessage = ElMessage({
+      type: 'info',
+      message: '正在导出中，请稍候...',
+      duration: 0,
+      showClose: true,
+    })
+
     try {
       const response = await studentFilesApi.exportStudentInfo(viewedUserId.value)
 
@@ -350,6 +359,9 @@ export const useStudentStore = defineStore('student', () => {
       ElMessage.success('导出成功')
     } catch (error) {
       ElMessage.error('导出失败，请稍后重试')
+    } finally {
+      exportingStudentInfo.value = false
+      exportingMessage.close()
     }
   }
 
@@ -387,6 +399,7 @@ export const useStudentStore = defineStore('student', () => {
     query,
     total,
     loadings,
+    exportingStudentInfo,
     hasSelectedItems,
     studentRow,
     visible,

src/views/student/index.vue

@@ -79,8 +79,12 @@
         </el-tab-pane>
         <el-button
           style="display: block; margin: 0px auto; padding: 10px 20px"
+          :loading="exportingStudentInfo"
           @click="exportStudentInfo()"
-          >导出信息</el-button
+          ><font-awesome-icon
+            icon="fa-solid fa-file-arrow-down"
+            style="color: rgb(116, 192, 252)"
+          />导出信息</el-button
         >
       </el-tabs>
     </el-dialog>
@@ -96,6 +100,7 @@ import { useStudentStore } from '@/stores/student-store'
 const studentStore = useStudentStore()
 
 const {
+  fieldConfigs,
   tableColumns,
   getDisplayValue,
   handleSelectionChange,
@@ -109,11 +114,11 @@ const {
 } = studentStore
 
 const {
-  fieldConfigs,
   tableData,
   query,
   total,
   loadings,
+  exportingStudentInfo,
   studentRow,
   visible,
   detailPageSize,