bug#205图片上传

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">
-              <span class="font-14">选择图片</span>
+              <span class="font-14" >选择图片</span>
               <div slot="tip"
                    class="upload_tip">
                 最多上传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);
     },