From 59caa7c10286ca97070ec21ccab30137cb67f156 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Wed, 31 Dec 2025 16:30:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=BE=E7=89=87=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/super/clientSet/coverInfoPage.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/views/super/clientSet/coverInfoPage.vue b/src/views/super/clientSet/coverInfoPage.vue
index 2f36a08..15c02a6 100644
--- a/src/views/super/clientSet/coverInfoPage.vue
+++ b/src/views/super/clientSet/coverInfoPage.vue
@@ -39,7 +39,8 @@
             <div class="flex mt12">
                 <img v-if="coverStyle" :src="coverStyle.qrcode_path" class="kefuImg mr-12">
                 <div class="qqCode-wrap">
-                    <el-upload class="avatar-uploader mt12" accept=".jpg" :on-change="handleQQkfChange" action="#"
+                    <el-upload class="avatar-uploader mt12" accept=".jpg,.png" :on-change="handleQQkfChange" action="#"
+                    :before-upload="beforeAvatarUpload"
                         :multiple="false" :limit="Number(1)" ref="avatorUpload" :auto-upload="false">
                         <GuipButton class="upload-button" type="ignore" :btnstyle="{ width: '118px' }">
                             <div class="bgImg"></div>
@@ -224,9 +225,31 @@ export default {
 
         handleQQkfChange(file, fileList) {
             console.log(file, fileList)
+            if (file.raw) {
+                const isLt2M = file.raw.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                    this.$Message.error('上传图片大小不能超过 2MB!');
+                    this.$refs.avatorUpload.clearFiles();
+                    return;
+                }
+            }
             let fileObj = file.raw
             this.formData.set('file', fileObj)
         },
+          // 文件校验
+        beforeAvatarUpload(file) {
+            const isImage = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg';
+            const isLt2M = file.size / 1024 / 1024 < 2;
+            
+            if (!isImage) {
+                this.$Message.error('上传文件只能是 JPG、PNG 格式!');
+            }
+            if (!isLt2M) {
+                this.$Message.error('上传文件大小不能超过 2MB!');
+            }
+            
+            return isImage && isLt2M;
+        },
         // 提交封面样式信息
         uploadCoverTpl() {
             this.formData.set('template_id',this.template_id)