feat: 考试列表新增导出

src/modules/exam/views/List.vue

 <template>
   <app-card>
-    <app-list v-bind="tableOptions" ref="list">
+    <app-list v-bind="tableOptions" ref="list" @selection-change="handleSelectionChange">
       <template #header-aside>
         <el-button type="primary" icon="el-icon-plus" @click="handleCreatePaper" v-permission="'admin_exam_exam_create'"
           >新建考试</el-button
         >
       </template>
+      <template #footer>
+        <el-button
+          type="primary"
+          :disabled="!multipleSelection.length"
+          @click="handleExport"
+          v-permission="'admin_exam_exam_download_details'"
+          >导出</el-button
+        >
+      </template>
       <template v-slot:table-x="{ row }">
         <router-link :to="{ path: 'examDetail', query: { exam_id: row.exam_id } }" target="_blank">
           <el-button type="text" v-permission="'admin_exam_exam_view'">查看详情</el-button>
@@ -17,7 +26,7 @@
 </template>
 
 <script>
-import { getExamList, delExamPaper } from '../api'
+import { getExamList, delExamPaper, downloadExamData } from '../api'
 const status = [
   { value: '0', label: '未开始' },
   { value: '1', label: '进行中' },
@@ -61,6 +70,7 @@ export default {
           }
         ],
         columns: [
+          { type: 'selection' },
           { label: '考试ID', prop: 'exam_id' },
           { label: '考试名称', prop: 'name' },
           {
@@ -105,7 +115,6 @@ export default {
         }
       })
     },
-
     // 单个删除
     handleDelete(row) {
       this.$confirm('确认删除该考试吗？删除后不可恢复').then(_ => {
@@ -117,6 +126,28 @@ export default {
           this.$refs.list.refetch()
         })
       })
+    },
+    // 获取选中项
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    // 导出
+    handleExport() {
+      const ids = this.multipleSelection.map(item => item.exam_id)
+      const params = { id: ids.join(',') }
+      downloadExamData(params).then(r => {
+        const blob = new Blob([r], { type: 'application/vnd.ms-excel' })
+        if ('download' in document.createElement('a')) {
+          const elink = document.createElement('a')
+          elink.download = '学员数据.xlsx'
+          elink.style.display = 'none'
+          elink.href = URL.createObjectURL(blob)
+          document.body.appendChild(elink)
+          elink.click()
+          URL.revokeObjectURL(elink.href)
+          document.body.removeChild(elink)
+        }
+      })
     }
   }
 }