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

src/views/awardManagement/components/detailsAward.vue

             <!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
             <el-tab-pane label="案件视频" name="five"></el-tab-pane>
             <el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
+            <el-tab-pane label="案件异议信息" name="seven"></el-tab-pane>
          </el-tabs>
          <div v-show="activeName=='first'">
              
              </div>
               <el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
          </div>
+         <div v-show="activeName=='seven'">
+            <div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div> 
+            <el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
+         </div>
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel">取 消</el-button>
   overflow: auto !important;
 }
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 850px;
   background: #ffffff;
   border-radius: 20px;
 }

src/views/awardManagement/listofAwards.vue

             caseApplicationDetail(parms).then((res) => {
                 this.detailform = res.data;
                 this.detailsAwardNum = res.data;
+                console.log(this.detailsAwardNum)
             });
         },
         // 裁决书详情

src/views/caseManagement/caseList.vue

       :uploadCaseData="uploadCaseData">
     </uploadCaseDialog>
     <!-- 秘书审核修改页面 -->
-    <caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams" :afterColumnValues="afterColumnValues"
+    <caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams"
     :getcaseApply="getcaseApply" 
     @caseentryExamineCancel="caseentryExamineCancel" :caseentryExamineData="caseentryExamineData" :caseentryExamineDataAll="caseentryExamineDataAll"></caseentryExamineDialog>
     <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams" @cancelCompreess="cancelCompreess"
       // 抓取数据
       columnValues:[],
       // 审核修改抓取数据
-      afterColumnValues:[],
+      // afterColumnValues:[],
       // 查询参数
       queryParams: {
         caseNum: undefined,
     },
     // 审核案件 selectCompareCase caseentryExamineData
     reviewCase(row) {
-      
+      this.caseentryExamineVisible = true;
       this.dialogtitle = "审核修改详情";
       this.getSelectCompareCase(row)
      
         version:val.version
       }
       selectCompareCase(param).then((res) => {
-        this.afterColumnValues = res.data.afterCase.columnValues
-        console.log(this.afterColumnValues+"8888888888")
+        // this.afterColumnValues = res.data.afterCase.columnValues
+        // console.log(this.afterColumnValues+"8888888888")
         this.caseentryExamineData = res.data.afterCase
         this.caseentryExamineDataAll = res.data
-        this.caseentryExamineVisible = true;
+        
       })
     },
     // 审核撤销
           arbitratorName: res.data.arbitratorName,
           caseAttachList: res.data.caseAttachList,
         };
+        console.log(res)
         this.initpaymentArr = [];
         this.initpaymentArr1 = [];
         res.data.caseAffiliates.forEach((item) => {

src/views/caseManagement/components/caseentryDialog.vue

             </el-form-item>
           </el-col>
           <el-col :span="24">
-              <el-form-item label="事实和理由" prop="arbitratClaims">
-                <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
+              <el-form-item label="事实和理由" prop="facts">
+                <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
                 :autosize="{ minRows: 4, maxRows: 8 }" />
               </el-form-item>
           </el-col>
         @click="generateForm1()"
         >新增被申请人主体信息</el-button
       > -->
-        <div>
+        <div v-if="flag == '0'">
           <div style="display: inline-flex">
               <div class="infoIcon"></div>
               <div class="caseInfo2">仲裁申请书:</div>
             </div>
-          <div v-for="item in caseAttachList" :key ="item.annexId" v-if="item.annexType==1" style="margin-top:-25px;margin-left:100px;">
+          <div v-for="item in caseAttachList" :key ="item.annexId" v-if="item.annexType==1" style="margin-top:25px;margin-left:100px;">
             <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
           </div>
+        </div>
+        <div style="margin-top:15px;" v-if="flag == '0'">
+            <div style="display: inline-flex">
+              <div class="infoIcon"></div>
+              <div class="caseInfo2">案件异议信息:</div>
+            </div>
+          <div style="margin-left:100px;">
+              {{this.form.adjudicaCounterReason}}
+          </div>
         </div>
             <div slot="footer" class="dialog-footer" style="text-align:center;margin-top:20px;">
             <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
             trigger: "blur",
           },
         ],
+        facts: [
+          {
+            required: true,
+            message: "请输入事实和理由",
+            trigger: "blur",
+          }
+        ],
         feePayable: [
           {
             required: true,

src/views/caseManagement/components/caseentryExamine.vue

         </div>
       </div>
       <div v-show="activeName=='second'">
-        <el-form :model="formGrab"  label-width="120px" >
+        <el-form :model="formGrab" class="formbox" label-width="120px" >
          
-            <el-form-item  v-for="(item,index) in formGrab.list"  :label="item.name" :key="item.id">
+            <el-form-item  
+            v-for="(item,index) in formGrab.list"  
+            :label="item.name" 
+            :key="item.id" 
+            :class="changeLableColumn.indexOf(item.column)==-1?'':'red'"
+            >
                 <el-input type="textarea" v-model="item.value"></el-input>
             </el-form-item>
           
     "caseentryExamineVisible",
     "caseentryExamineData",
     "caseentryExamineDataAll",
-    "afterColumnValues"
   ],
   data() {
     return {
     caseentryExamineVisible: {
       handler(val) {
         this.activeName = "first"
-        this.formGrab.list = this.caseentryExamineDataAll.afterCase.columnValues
-        console.log(this.formGrab.list)
+        if(this.caseentryExamineDataAll.afterCase.columnValues){
+          this.formGrab.list = this.caseentryExamineDataAll.afterCase.columnValues
+        }
         setTimeout(() => {
           if (val) {
             this.applicateArr = [];
               this.changeLableCode2 = []
             }
             if(this.caseentryExamineDataAll.columnValueChangeColumn){
-              let changeLableColumn1 = this.caseentryExamineDataAll.columnValueChangeColumn.split(',')
+              this.changeLableColumn = this.caseentryExamineDataAll.columnValueChangeColumn.split(',')
+              console.log(this.changeLableColumn)
               
             }else{
               this.changeLableColumn = []

src/views/caseManagement/components/trialincourtDialog.vue

       </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>
 </template>
 
 <script>
+import { getToken } from "@/utils/auth";
 import { getUserProfile } from "@/api/system/user";
 import {
   writtenHear,
   data() {
     return {
       formData: {},
+          headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 7,
+        id:0
+      },
+      upLife:'',
       user: "",
       userId: 1,
       showArbitrationresults: false,
       annexName: "", //笔录文件名
       annexPath: "", //笔录文件地址
       roomId:null,
-      startTime:""
+      startTime:"",
+      fileList:[]
     };
   },
   watch: {
           this.reserveConferenceListFn({caseId:this.form.id});
           this.getUser();
           this.formData = this.form;
+          console.log(this.formData)
           this.applicateArr = [];
           this.quiltArr = [];
           this.recordArr = [];
     },
     // 提交开庭审理结果
     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>