调解书上传

src/views/caseManagement/components/mediation.vue

         <!-- v-if="!mediationType" -->
         <el-col :span="24">
           <el-form-item label="上传调解书">
-            <el-upload class="upload-demo" accept=".doc,.docx" ref="upload" :action="UploadUrl()"
-              :headers="headers" :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :limit="1"
+            <el-upload class="upload-demo" accept=".doc,.docx,.pdf" ref="upload" :action="UploadUrl()"
+              :headers="headers" :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :limit="2"
               :on-change="beforeUpload" :on-success="handlSuccess" :file-list="fileList">
               <el-button slot="trigger" size="small" :disabled="!isSecretaryRole" type="primary">选取文件</el-button>
               <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
-              <div slot="tip" class="el-upload__tip">只能上传.doc，docx文件</div>
+              <div slot="tip" class="el-upload__tip">只能上传.doc，docx，pdf文件</div>
             </el-upload>
           </el-form-item>
         </el-col>
   },
   watch: {
     mediationVisable(val) {
+      this.attachList = [];
       this.formData.mediaResult = 1;
       this.formData.sealFlag = 1;
       this.recordArr = [];
     handlePreview(file) {
     },
     handleRemove(file, fileList) {
-
+      let updatedArray = this.attachList.filter(item => item.annexId != file.response.annexId);
+      this.attachList = updatedArray;
     },
     beforeUpload(flie, fileList) {
       this.fileList = fileList;
     handlSuccess(res, file) {
       this.codes = res.code
       console.log(res)
-      this.attachList = [{ annexId: res.annexId,annexType:res.annexType}];
+      this.attachList.push({ annexId: res.annexId,annexType:res.annexType});
       // this.$set(this.mediationData, "attachList", {annexId:res.annexId});
     },
     /** 获取案件详情信息 */
         this.$emit("cancelMediation");
         this.$emit("getList", this.queryParams);
         this.loadingSubmit = false;
+      }).catch(err=>{
+        this.loadingSubmit = false;
       });
     },
     cancel() {
           id: this.mediationData.id,
           caseFlowId: this.mediationData.caseFlowId,
           sealFlag:this.sealFlag,
+          attachList: this.attachList,
           mediaResult: this.formData.mediaResult,
         }
       }