From f1bd3c15b1e308b27c253f50643ee4471e6df81a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BA=90=E6=96=87=E9=9B=A8?=
 <41315874+fumiama@users.noreply.github.com>
Date: Thu, 16 Mar 2023 14:40:46 +0800
Subject: [PATCH] finish file download

---
 frontend/vben/src/views/page/file/index.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/vben/src/views/page/file/index.vue b/frontend/vben/src/views/page/file/index.vue
index dd1c315..529753e 100644
--- a/frontend/vben/src/views/page/file/index.vue
+++ b/frontend/vben/src/views/page/file/index.vue
@@ -1,7 +1,7 @@
 <template>
   <PageWrapper :title="t('routes.filelist.file')">
     <template #headerContent>
-      <a-button type="primary"> 下载试卷 </a-button>
+      <a-button type="primary" @click="downloadDocx"> 下载试卷 </a-button>
     </template>
     <div ref="chartRef" :style="{ height, width }"></div>
     <div class="docxWrap" :style="{ width }">
@@ -20,13 +20,17 @@
   import { useGo } from '/@/hooks/web/usePage'
   import { PageEnum } from '/@/enums/pageEnum'
   import { useI18n } from '/@/hooks/web/useI18n'
+  import { downloadByData } from '/@/utils/file/download'
   import axios from 'axios'
 
   const { t } = useI18n()
 
   let docxRef = ref(null)
 
+  let docxBlob: Blob | null = null
+
   function loadDocx(file: Blob) {
+    docxBlob = file
     renderAsync(file, docxRef.value as unknown as HTMLElement, undefined, {
       className: 'docx', // 默认和文档样式类的类名/前缀
       inWrapper: false, // 启用围绕文档内容渲染包装器
@@ -41,6 +45,10 @@
     })
   }
 
+  function downloadDocx() {
+    downloadByData(docxBlob as BlobPart, 'testName.docx')
+  }
+
   export default defineComponent({
     name: 'PaperAnalyzeTab',
     components: { PageWrapper },
@@ -198,6 +206,7 @@
         t,
         chartRef,
         docxRef,
+        downloadDocx,
       }
     },
   })