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