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); },