From 01d3bb2143cfcab19f1a7271b450131c2b91db9e Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Sat, 1 Jun 2024 15:12:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=8A=E4=BC=A0=E9=99=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=8F=90=E5=8D=87=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BD=93=E9=AA=8C=EF=BC=8C=E6=8F=90=E9=AB=98=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=95=88=E7=8E=87=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/uploadAnnex/index.vue | 36 ++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/components/uploadAnnex/index.vue b/src/components/uploadAnnex/index.vue
index 417688d..0c0f765 100644
--- a/src/components/uploadAnnex/index.vue
+++ b/src/components/uploadAnnex/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-upload :accept="acceptList" :show-file-list="true" aria-hidden="true" :headers="{ Token: userStore?.token }"
         :action="base_url + '/upload/file'" :on-success="handleSuccess" ref="upload" :limit="100" multiple
-        :on-preview="previewFile" :on-remove="removeFile" :before-upload="checkSize">
+        :on-preview="previewFile" :on-remove="removeFile" :before-upload="checkSize" :file-list="fileList">
         <template #tip>
             <span class="text-primary" style="margin-left:5px;font-size:11px">提示:文件单个大小不能超过1个G</span>
         </template>
@@ -20,6 +20,7 @@ import useUserStore from "@/stores/modules/user";
 const acceptList = reactive('doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv')
 const userStore = useUserStore();
 const base_url = ref(configs.baseUrl + configs.urlPrefix)
+const fileList = reactive([])
 const props = defineProps({
     formData: {
         type: Object,
@@ -31,6 +32,17 @@ const props = defineProps({
     }
 })
 
+
+if (props.formData[props.value]) {
+    props.formData[props.value].forEach(item => {
+        fileList.push({
+            name: item.name,
+            uri: item.uri
+        })
+    })
+}
+
+
 const checkSize = (e) => {
     if (e.size > 1024000000) {
         ElMessage.error('文件大小不能超过1个G')
@@ -47,19 +59,29 @@ const handleSuccess = (response: any) => {
 
 
 const previewFile = (e: any) => {
-    if (!e.response) return
     const a = document.createElement('a')
-    a.href = e.response?.data?.uri
+    if (e.uri) {
+        a.href = e.uri
+    } else {
+        if (!e.response) return
+        a.href = e.response?.data?.uri
+    }
     a.target = '_blank'
     a.click()
 }
 
 
 const removeFile = (e: any) => {
-    if (!e.response) return
-    let uri = e.response?.data?.uri
-    let index = props.formData[props.value].findIndex(item => item.uri == uri)
-    props.formData[props.value].splice(index, 1)
+    if (e.uri) {
+        let uri = e.uri
+        let index = props.formData[props.value].findIndex(item => item.uri == uri)
+        props.formData[props.value].splice(index, 1)
+    } else {
+        if (!e.response) return
+        let uri = e.response?.data?.uri
+        let index = props.formData[props.value].findIndex(item => item.uri == uri)
+        props.formData[props.value].splice(index, 1)
+    }
 
 }
 </script>