fix: 修复查看报告报错的问题

src/modules/admin/contest/check/components/ReportDialog.vue

 <script setup lang="ts">
 import type { RecordItem, ReportItem } from '../types'
 import { getReportList } from '../api'
-
+import { saveAs } from 'file-saver'
 interface Props {
   data: RecordItem
 }
@@ -15,16 +15,26 @@ async function fetchReport() {
 onMounted(() => {
   fetchReport()
 })
+// office文件
+const getUrl = (url) => {
+  const fileExtensionName = url.split('.').pop()
+  return ['pptx', 'doc', 'docx', 'xls', 'xlsx'].includes(fileExtensionName)
+    ? `https://view.officeapps.live.com/op/view.aspx?src=${url}`
+    : url
+}
 </script>
 
 <template>
   <el-dialog title="查看报告" width="500px">
     <ul>
       <li v-for="item in reportList" :key="item.id" style="line-height: 24px">
-        <a :href="`https://view.officeapps.live.com/op/view.aspx?src=${item.url}`" target="_blank">
+        <a :href="getUrl(item.url)" target="_blank">
           {{ item.name }}
           <el-button size="small" type="primary" style="margin-left: 10px">查看</el-button>
         </a>
+        <el-button size="small" type="primary" style="margin-left: 10px" @click="saveAs(item.url, item.name)"
+          >下载</el-button
+        >
       </li>
     </ul>
     <template #footer>