From 625578a4b1503dda5061c9b5a05e034de8a78439 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Fri, 31 May 2024 11:45:01 +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 | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/uploadAnnex/index.vue b/src/components/uploadAnnex/index.vue
index b26da0a..ce9ba05 100644
--- a/src/components/uploadAnnex/index.vue
+++ b/src/components/uploadAnnex/index.vue
@@ -1,15 +1,15 @@
 <template>
-    <el-upload
-        accept="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"
-        :show-file-list="true" aria-hidden="true" :headers="{ Token: userStore?.token }" :action="base_url + '/upload/file'"
-        :on-success="handleAvatarSuccess" ref="upload" :limit="100" multiple :on-preview="previewFile"
-        :on-remove="removeFile">
+    <el-upload :accept="acceptList" :show-file-list="true" aria-hidden="true" :headers="{ Token: userStore?.token }"
+        :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess" ref="upload" :limit="100" multiple
+        :on-preview="previewFile" :on-remove="removeFile" :before-upload="checkSize">
         <template #tip>
             <span class="text-primary" style="margin-left:5px;font-size:11px">提示:文件单个大小不能超过1个G</span>
         </template>
-        <el-button type="primary">
-            上传
-        </el-button>
+        <template #default>
+            <el-button type="primary">
+                上传
+            </el-button>
+        </template>
     </el-upload>
 </template>
 <script setup lang="ts">
@@ -17,6 +17,7 @@ import { ref, defineProps } from "vue"
 import configs from "@/config"
 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 props = defineProps({
@@ -30,6 +31,14 @@ const props = defineProps({
     }
 })
 
+const checkSize = (e) => {
+    if (e.size > 1024000000) {
+        ElMessage.error('文件大小不能超过1个G')
+        return false
+    }
+}
+
+
 const handleAvatarSuccess = (response: any) => {
     props.formData[props.value] ||= []
     // @ts-ignore