From 99f97b11a334ce482db9aa91fca86dadbaffd716 Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期四, 17 十一月 2022 17:40:43 +0800
Subject: [PATCH] 我的代办修改
---
src/components/myUpload/index.vue | 25 ++++++++++++++-----------
1 files changed, 14 insertions(+), 11 deletions(-)
diff --git a/src/components/myUpload/index.vue b/src/components/myUpload/index.vue
index 6bcc4ff..c5930f0 100644
--- a/src/components/myUpload/index.vue
+++ b/src/components/myUpload/index.vue
@@ -11,7 +11,6 @@
:on-success="handleSuccess"
:on-error="handleError"
:list-type="listType"
- :on-preview="handlePreview"
:on-remove="handleRemove"
:headers="getToken()">
<div class="upload-btn" :style="{'height':btnHeight,'width':btnWidth}">
@@ -32,11 +31,11 @@
// 澶氶��
multiple: false,
// 闄愬埗
- limit: 50,
+ limit: 4,
// 鎸夐挳楂樺害
- btnHeight: '120px',
+ btnHeight: '100px',
// 鎸夐挳瀹藉害
- btnWidth: '120px',
+ btnWidth: '100px',
// 鏂囦欢鍒楄〃绫诲瀷
listType: 'picture-card'
};
@@ -47,8 +46,8 @@
if (rawFile.type !== 'image/png' && rawFile.type !== 'image/svg+xml' && rawFile.type !== 'image/jpg' && rawFile.type !== 'image/jpeg') {
this.$message.error('鍥剧墖蹇呴』鏄� jpg/svg/jpeg/png 鏍煎紡!')
return false
- } else if (rawFile.size / 105 / 105 > 2) {
- this.$message.error('涓婁紶鍥剧墖涓嶈兘瓒呰繃 2MB!')
+ } else if (rawFile.size / 1024 / 1024 > 5) {
+ this.$message.error('涓婁紶鍥剧墖涓嶈兘瓒呰繃 5MB!')
return false
}
return true
@@ -90,12 +89,16 @@
},
// 绉婚櫎鏂囦欢
handleRemove(file, fileList){
- console.log(file,fileList)
+ this.$emit('delPictureUrl',{url:file.response.data.url1});
}
},
props: {
// 杩斿洖涓婁紶鎴愬姛鍥剧墖鍦板潃
setPictureUrl:{
+ type:Function,
+ default:()=>{}
+ },
+ delPictureUrl:{
type:Function,
default:()=>{}
}
@@ -109,12 +112,12 @@
}
:deep(.el-upload--picture-card) {
- width: 120px;
- height: 120px;
+ width: 100px;
+ height: 100px;
}
:deep(.el-upload-list__item){
- width: 120px;
- height: 120px;
+ width: 100px;
+ height: 100px;
}
.upload-btn {
// background-color: rgba(249, 249, 249, 1);
--
Gitblit v1.8.0