案件提交后案件信息审核修改，改动显示

src/views/caseManagement/caseList.vue

@@ -665,7 +665,7 @@ export default {
       }
       selectCompareCase(param).then((res) => {
         this.caseentryExamineData = res.data.afterCase
-        this.caseentryExamineDataAll = res.data.afterCase
+        this.caseentryExamineDataAll = res.data
       })
     },
     // 审核撤销

src/views/caseManagement/components/caseentryExamine.vue

@@ -16,6 +16,7 @@
         :rules="rules"
         label-width="150px"
         disabled
+        class="formbox"
       >
         <div style="display: inline-flex">
           <div class="infoIcon"></div>
@@ -24,7 +25,7 @@
         <el-divider></el-divider>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'">
+            <el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'" :class="changeLableCode.includes('caseNum') ? 'red' : ''" >
               <el-input
                 v-model="formData.caseNum"
                 placeholder="请输入案件编号"
@@ -32,7 +33,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="案件名称：" prop="caseName">
+            <el-form-item label="案件名称：" prop="caseName" :class="changeLableCode.includes('caseName') ? 'red' : ''" >
               <el-input
                 v-model="formData.caseName"
                 placeholder="请输入案件名称"
@@ -40,7 +41,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="案件标的：" prop="caseSubjectAmount">
+            <el-form-item label="案件标的：" prop="caseSubjectAmount" :class="changeLableCode.includes('caseSubjectAmount') ? 'red' : ''" >
               <el-input
                 v-model="formData.caseSubjectAmount"
                 placeholder="请输入案件标的"
@@ -49,7 +50,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="借款开始日期：" prop="loanStartDate">
+            <el-form-item label="借款开始日期：" prop="loanStartDate" :class="changeLableCode.includes('loanStartDate') ? 'red' : ''" >
               <el-date-picker
                 v-model="formData.loanStartDate"
                 type="datetime"
@@ -60,7 +61,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="借款结束日期：" prop="loanEndDate">
+            <el-form-item label="借款结束日期：" prop="loanEndDate" :class="changeLableCode.includes('loanEndDate') ? 'red' : ''" >
               <el-date-picker
                 v-model="formData.loanEndDate"
                 type="datetime"
@@ -71,7 +72,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="合同编号：" prop="contractNumber">
+            <el-form-item label="合同编号：" prop="contractNumber" :class="changeLableCode.includes('contractNumber') ? 'red' : ''" >
               <el-input
                 v-model="formData.contractNumber"
                 placeholder="请输入"
@@ -79,7 +80,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
+            <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed" :class="changeLableCode.includes('claimPrinciOwed') ? 'red' : ''" >
               <el-input
                 v-model="formData.claimPrinciOwed"
                 placeholder="请输入"
@@ -88,7 +89,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
+            <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed" :class="changeLableCode.includes('claimInterestOwed') ? 'red' : ''" >
               <el-input
                 v-model="formData.claimInterestOwed"
                 placeholder="请输入"
@@ -97,7 +98,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
+            <el-form-item label="申请人主张违约金：" :class="changeLableCode.includes('claimLiquidDamag') ? 'red' : ''" prop="claimLiquidDamag">
               <el-input
                 v-model="formData.claimLiquidDamag"
                 placeholder="请输入"
@@ -106,7 +107,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="申请人请求仲裁庭裁决：" prop="requestRule">
+            <el-form-item label="申请人请求仲裁庭裁决：" :class="changeLableCode.includes('requestRule') ? 'red' : ''" prop="requestRule">
               <el-input
                 v-model="formData.requestRule"
                 placeholder="请输入申请人请求仲裁庭裁决"
@@ -116,7 +117,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="是否财产保全申请：" prop="properPreser">
+            <el-form-item label="是否财产保全申请：" prop="properPreser" :class="changeLableCode.includes('properPreser') ? 'red' : ''">
               <el-radio-group v-model="formData.properPreser">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
@@ -132,6 +133,7 @@
             <el-form-item
               label="申请人仲裁请求及事实和理由"
               prop="arbitratClaims"
+              :class="changeLableCode.includes('arbitratClaims') ? 'red' : ''"
             >
               <el-input
                 v-model="formData.arbitratClaims"
@@ -155,7 +157,7 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="12">
-            <el-form-item label="申请人案件证据资料：">
+            <el-form-item label="申请人案件证据资料：" :class="changeLableCode.includes('fileColumn') ? 'red' : ''">
               <div v-for="(item, index) in applicateArr" :key="index">
                 <a href="#" @click="toFile(item, index)" style="color: blue">
                   {{ item.annexName }}
@@ -167,9 +169,6 @@
             <el-form-item
               label="被申请人案件证据资料："
               prop="respondentEvidence"
-              v-if="
-                flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
-              "
             >
               <div v-for="(item, index) in quiltArr" :key="index">
                 <a href="#" @click="toFile1(item, index)" style="color: blue">
@@ -181,7 +180,7 @@
         </el-row>
       </el-form>
       <!-- 申请人主体信息 -->
-      <el-form ref="form2" :model="form2" label-width="150px" disabled>
+      <el-form ref="form2" :model="form2" label-width="150px" disabled class="formbox">
         <div v-for="(item, index) in form2.paymentArr" :key="index">
           <div style="display: flex; justify-content: space-between">
             <div style="display: inline-flex">
@@ -201,6 +200,7 @@
               <el-form-item
                 label="申请人(机构)："
                 :prop="'paymentArr.' + index + '.name'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.name`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -217,6 +217,7 @@
               <el-form-item
                 label="代码："
                 :prop="'paymentArr.' + index + '.identityNum'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.identityNum`) ? 'red' : ''"
                 :rules="[
                   { max: 50, message: '长度应小于50个字符', trigger: 'blur' },
                 ]"
@@ -228,6 +229,7 @@
               <el-form-item
                 label="联系电话："
                 :prop="'paymentArr.' + index + '.contactTelphone'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.contactTelphone`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -248,6 +250,7 @@
               <el-form-item
                 label="邮箱"
                 :prop="'paymentArr.' + index + '.email'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.email`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -269,6 +272,7 @@
               <el-form-item
                 label="单位地址："
                 :prop="'paymentArr.' + index + '.workAddress'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.workAddress`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -285,6 +289,7 @@
               <el-form-item
                 label="单位电话："
                 :prop="'paymentArr.' + index + '.workTelphone'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.workTelphone`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -300,6 +305,7 @@
               <el-form-item
                 label="联系地址："
                 :prop="'paymentArr.' + index + '.contactAddress'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.contactAddress`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -316,6 +322,7 @@
               <el-form-item
                 label="申请人住所："
                 :prop="'paymentArr.' + index + '.residenAffili'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.residenAffili`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -332,6 +339,7 @@
               <el-form-item
                 label="法定代表人："
                 :prop="'paymentArr.' + index + '.compLegalPerson'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.compLegalPerson`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -348,6 +356,7 @@
               <el-form-item
                 label="法定代表人职位："
                 :prop="'paymentArr.' + index + '.compLegalperPost'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.compLegalperPost`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -373,6 +382,7 @@
               <el-form-item
                 label="姓名："
                 :prop="'paymentArr.' + index + '.nameAgent'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.nameAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -389,6 +399,7 @@
               <el-form-item
                 label="身份证号："
                 :prop="'paymentArr.' + index + '.identityNumAgent'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.identityNumAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -413,6 +424,7 @@
               <el-form-item
                 label="联系电话："
                 :prop="'paymentArr.' + index + '.contactTelphoneAgent'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.contactTelphoneAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -436,6 +448,7 @@
               <el-form-item
                 label="联系地址："
                 :prop="'paymentArr.' + index + '.contactAddressAgent'"
+                :class="changeLableCode1.includes(`paymentArr.${index}.contactAddressAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -455,7 +468,7 @@
         </div>
       </el-form>
       <!-- 被申请人主体信息 -->
-      <el-form ref="form3" label-width="150px" disabled :model="form3">
+      <el-form ref="form3" label-width="150px" disabled :model="form3" class="formbox">
         <div
           v-for="(itm, index) in form3.paymentArr1"
           :key="index + form2.paymentArr.length"
@@ -478,6 +491,7 @@
               <el-form-item
                 label="被申请人姓名"
                 :prop="'paymentArr1.' + index + '.name'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.name`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -494,6 +508,7 @@
               <el-form-item
                 label="身份证号："
                 :prop="'paymentArr1.' + index + '.identityNum'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.identityNum`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -515,6 +530,7 @@
               <el-form-item
                 label="联系电话："
                 :prop="'paymentArr1.' + index + '.contactTelphone'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.contactTelphone`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -535,6 +551,7 @@
               <el-form-item
                 label="邮箱"
                 :prop="'paymentArr1.' + index + '.email'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.email`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -556,6 +573,7 @@
               <el-form-item
                 label="单位地址："
                 :prop="'paymentArr1.' + index + '.workAddress'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.workAddress`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -572,6 +590,7 @@
               <el-form-item
                 label="单位电话："
                 :prop="'paymentArr1.' + index + '.workTelphone'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.workTelphone`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -587,6 +606,7 @@
               <el-form-item
                 label="联系地址："
                 :prop="'paymentArr1.' + index + '.contactAddress'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.contactAddress`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -603,6 +623,7 @@
               <el-form-item
                 label="被申请人住所："
                 :prop="'paymentArr1.' + index + '.residenAffili'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.residenAffili`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -619,6 +640,7 @@
               <el-form-item
                 label="被申请人性别："
                 :prop="'paymentArr1.' + index + '.responSex'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.responSex`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -635,6 +657,7 @@
               <el-form-item
                 label="被申请人出生年月日："
                 :prop="'paymentArr1.' + index + '.responBirth'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.responBirth`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -662,6 +685,7 @@
               <el-form-item
                 label="姓名："
                 :prop="'paymentArr1.' + index + '.nameAgent'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.nameAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -678,6 +702,7 @@
               <el-form-item
                 label="身份证号："
                 :prop="'paymentArr1.' + index + '.identityNumAgent'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.identityNumAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -699,6 +724,7 @@
               <el-form-item
                 label="联系电话："
                 :prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.contactTelphoneAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -722,6 +748,7 @@
               <el-form-item
                 label="联系地址："
                 :prop="'paymentArr1.' + index + '.contactAddressAgent'"
+                :class="changeLableCode2.includes(`paymentArr1.${index}.contactAddressAgent`) ? 'red' : ''"
                 :rules="[
                   {
                     required: true,
@@ -786,6 +813,9 @@ export default {
   data() {
     return {
       formData: {},
+      changeLableCode: [],
+      changeLableCode1: [],
+      changeLableCode2: [],
       filedata: {
         annexType: 2,
       },
@@ -935,8 +965,27 @@ export default {
             this.applicateArr = [];
             this.quiltArr = [];
             this.formData = this.caseentryExamineData;
-            console.log(this.formData,'this.formData');
-            console.log(this.caseentryExamineDataAll,'this.caseentryExamineDataAll');
+            if (this.caseentryExamineDataAll.changeColumn) {
+              this.changeLableCode = this.caseentryExamineDataAll.changeColumn.split(',')
+            } else {
+              this.changeLableCode = []
+            }
+            if (this.caseentryExamineDataAll.afterCase.caseAffiliates[0].changeColumn) {
+              let changelable = this.caseentryExamineDataAll.afterCase.caseAffiliates[0].changeColumn.split(',')
+              this.changeLableCode1 = changelable.map(item =>
+                'paymentArr.0.'+ item
+              )
+            } else {
+              this.changeLableCode1 = []
+            }
+            if (this.caseentryExamineDataAll.afterCase.caseAffiliates[1].changeColumn) {
+              let changelable1 = this.caseentryExamineDataAll.afterCase.caseAffiliates[1].changeColumn.split(',')
+              this.changeLableCode2 = changelable1.map(item =>
+                'paymentArr1.0.'+ item
+              )
+            } else {
+              this.changeLableCode2 = []
+            }
             this.fileList = [];
             this.form2.paymentArr = [
               this.caseentryExamineData.caseAffiliates[0],
@@ -1206,4 +1255,13 @@ export default {
     color: #ffffff;
   }
 }
+::v-deep .formbox {
+  .el-form-item {
+    &.red {  
+      .el-form-item__label {
+        color: red;
+      }
+    }
+  }
+}
 </style>