From c115722130eb11af68ab639835a266ca9e2b4c9c Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 22 五月 2025 16:26:06 +0800
Subject: [PATCH] 最新版本541200007

---
 admin/src/components/common/UploadFile.vue |   44 ++++++++++++++++++++++++++++----------------
 1 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/admin/src/components/common/UploadFile.vue b/admin/src/components/common/UploadFile.vue
index 7dcad1f..bc6d804 100644
--- a/admin/src/components/common/UploadFile.vue
+++ b/admin/src/components/common/UploadFile.vue
@@ -4,14 +4,14 @@
       class="upload-demo"
       :accept="uploadData.fileTyp"
       :action="uploadImgUrl"
-      :limit="1"
+      :limit="this.fileLength"
       :on-exceed="handleExceed"
       :on-success="handleFileSuccess"
       :on-error="uploadError"
       :before-upload="beforeFileUpload"
       :file-list="fileList">
     <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
-    <div slot="tip" class="el-upload__tip">鍙兘涓婁紶{{ uploadData.fileType }}鏂囦欢锛屼笖涓嶈秴杩�5mb</div>
+    <div slot="tip" class="el-upload__tip"  >鍙兘涓婁紶{{ this.fileLength }}涓枃浠讹紝鏁伴噺瓒呰繃璇峰垹闄ゅ凡浼犻檮浠堕噸鏂颁笂浼�</div>
   </el-upload>
   </div>
 
@@ -29,22 +29,30 @@
       type: String,
     default: 'width: 190px; height: 190px;'
     },
+    fileLength:{
+      type: Number,
+      default: () => 1
+    },
     uploadData: Object
   },
   data() {
     return {
-      fileList:null,
+      fileList: [],
       uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/upload?folder='+this.uploadData.folder
     }
   },
 
   methods: {
     // 涓婁紶鍥剧墖
-    handleExceed(){},
+    handleExceed(){
+      if(this.fileList && this.fileList.length >= this.fileLength){
+        this.$message.error('鍙厑璁镐笂浼犮��'+this.fileLength+'涓檮浠躲��')
+      }
+    },
     handleFileSuccess(res, file) {
       if (res.code == 200) {
         let { data } = res
-        // this.fileList = [{name: data.originname, url: data.url }]
+        this.fileList = [{name: data.originname, url: data.url }]
         this.$message.success('涓婁紶鎴愬姛')
         this.$emit('uploadSuccess', { fileurl: data.imgaddr, fileurlFull: data.url, name: data.originname })
       } else {
@@ -56,8 +64,12 @@
       this.$message.error('涓婁紶澶辫触')
       this.$emit('uploadEnd')
     },
-    // // 鎷︽埅
+    //
     beforeFileUpload(file) {
+      if(this.fileList && this.fileList.length >= this.fileLength){
+        this.$message.error('鍙厑璁镐笂浼犮��'+this.fileLength+'w鏂囦欢銆�')
+        return false;
+      }
       this.$emit('uploadBegin')
       return true
     }
@@ -67,8 +79,9 @@
 
 <style lang="scss" scoped>
 $image-width: 100px;
+$image-height: 30px;
 .avatar-uploader {
-  width: $image-width;
+  width: 100px;
   height: $image-width;
 }
 ::v-deep .el-upload {
@@ -77,7 +90,7 @@
   cursor: pointer;
   position: relative;
   width: $image-width;
-  height: $image-width;
+  height: $image-height;
   overflow: hidden;
 }
 .avatar-uploader .el-upload:hover {
@@ -88,12 +101,12 @@
   font-size: 28px;
   color: #8c939d;
   width: $image-width;
-  height: $image-width;
+  height: $image-height;
   text-align: center;
 }
 .avatar {
   width: $image-width;
-  height: $image-width;
+  height: $image-height;
   display: block;
 }
 .tips-style {
@@ -109,15 +122,14 @@
   width: 90px !important;
   height: 90px !important;
 }
-::v-deep .el-upload-list__item {
-  width: 80% !important;
-  height: 50px !important;
-}
+
 .icon {
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(0%, -85%);
 }
-
+::v-deep .el-upload-list__item {
+  width: 500px !important;
+  height: 30px !important;
+}
 </style>
-

--
Gitblit v1.9.3