上传庭审笔录界面接口联调，修改和详情页仲裁和理由字段，案件异议展示，审核抓取内容变红

src/views/caseManagement/components/trialincourtDialog.vue

@@ -124,6 +124,31 @@
       </el-form>
       <el-button @click="openmeeting" type="primary">发起会议</el-button>
       <el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">确认会议结果</el-button>
+      <div style="margin-top:20px;width:250px">
+          <el-upload
+          class="upload-demo" 
+          ref="fileupload" 
+          accept=".doc,.docx"
+          :action="UploadUrl()" 
+          :on-success="handlSuccess" 
+          :on-remove="handleRemove" 
+          :on-preview="handlePreview"
+          :before-remove="beforeRemove" 
+          :headers="headers" 
+          :data="filedata"
+          multiple 
+          :limit="3"
+          :on-exceed="handleExceed" 
+          :before-upload="beforeAvatarUpload"
+          :file-list="fileList"
+          >
+          <el-button  type="primary">上传案件笔录</el-button>
+          <div slot="tip" class="el-upload__tip">
+                  文件支持上传.doc，docx文件
+           </div>
+        </el-upload>
+      </div>
+      
       <div slot="footer" class="dialog-footer">
         <el-button class="endbutton" :disabled="showsubmit && recordArr.length == 0" @click="submitResults">提交</el-button>
         <el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
@@ -294,6 +319,7 @@
 </template>
 
 <script>
+import { getToken } from "@/utils/auth";
 import { getUserProfile } from "@/api/system/user";
 import {
   writtenHear,
@@ -307,6 +333,14 @@ export default {
   data() {
     return {
       formData: {},
+          headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 7,
+        id:0
+      },
+      upLife:'',
       user: "",
       userId: 1,
       showArbitrationresults: false,
@@ -321,7 +355,8 @@ export default {
       annexName: "", //笔录文件名
       annexPath: "", //笔录文件地址
       roomId:null,
-      startTime:""
+      startTime:"",
+      fileList:[]
     };
   },
   watch: {
@@ -331,6 +366,7 @@ export default {
           this.reserveConferenceListFn({caseId:this.form.id});
           this.getUser();
           this.formData = this.form;
+          console.log(this.formData)
           this.applicateArr = [];
           this.quiltArr = [];
           this.recordArr = [];
@@ -467,18 +503,55 @@ export default {
     },
     // 提交开庭审理结果
     submitResults() {
-      console.log(this.formData.id, "this.formData.id");
-      let id = this.formData.id;
+      if(this.fileList.length==0){
+        this.$message({
+          showClose: true,
+          message: '请先上传案件笔录',
+          type:'warning'
+        });
+      }else{
+        let id = this.formData.id;
       document({
         id: id,
       }).then((res) => {
-        console.log(res, "提交开庭审理结果");
         if (res.code == 200) {
           this.$emit("getcaseApply", this.queryParams);
           this.cancel();
+          this.fileList =[]
         }
       });
+      }
+      
     },
+    // 上传庭审笔录
+    UploadUrl() {
+      return window.location.origin + "/API/evidence/uploadRecord";
+    },
+    // 文件上传成功
+    handlSuccess(res, file) {
+     this.fileList.push(file)
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      
+    },
+    handlePreview(file) {
+     
+    },
+      // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+       // 文件超出个数限制时的钩子
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
+        } 个文件`
+      );
+    },
+    beforeAvatarUpload(file){
+       this.filedata.id =this.formData.id
+    }
   },
 };
 </script>