From 290e44b21a384d1798aad927ef8f6016e7c18af5 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 13 六月 2025 11:11:27 +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