diff --git a/src/views/modules/shequzhili/event/cpts/add.vue b/src/views/modules/shequzhili/event/cpts/add.vue
index e11745327..100addda4 100644
--- a/src/views/modules/shequzhili/event/cpts/add.vue
+++ b/src/views/modules/shequzhili/event/cpts/add.vue
@@ -115,14 +115,16 @@
:class="['avatar-uploader', { hide: hideUploadBtn }]"
ref="uploadPic"
:action="uploadUlr"
+ :disabled="uploadStatus"
list-type="picture-card"
:on-exceed="exceedPic"
:on-remove="removePic"
:file-list="replayImgList"
:on-change="handleEditChange"
:on-success="handleSuccess"
+ :before-upload="handleBefore"
:limit="3">
- 选择图片
+ 选择图片
最多上传3张图片,图片支持jpg、jpeg、bmp、git或png格式
@@ -303,6 +305,7 @@ export default {
replayImgList: [],
okflag: false,
+ uploadStatus:false,
formDataSearch: {
gridId: "",
@@ -335,7 +338,7 @@ export default {
gridId: [
{ required: true, message: "所属网格不能为空", trigger: "blur" },
],
- name: [{ required: true, message: "上报人不能为空", trigger: "blur" }],
+ name: [{ required: true, message: "上报人不能为空", trigger: "change" }],
mobile: [
{ required: true, message: "联系电话不能为空", trigger: "blur" },
],
@@ -557,7 +560,15 @@ export default {
exceedPic () {
this.$message.warning("最多上传3张预览图片");
},
+ handleBefore(file){
+ if(this.uploadStatus){
+ return false
+ }
+ this.uploadStatus = true
+ return true
+ },
handleSuccess (response, file, fileList) {
+ this.uploadStatus = false
this.replayImgList.push(file);
this.formData.imageList.push(response.data.url);
},