优化报错

src/pages/mediation-page/components/LayoutContentNew.vue

@@ -51,23 +51,23 @@
               <div class="f16 f-weight600 descriptions-t-title">基本信息</div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">案件包名称:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.pkgName}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.pkgName}}</div>
               </div>
               <div class="flex-row descriptions-t-item bgColor-F7F8FA">
                 <div class="descriptions-t-item-l color-86909C">金融产品名称:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.productTypeId}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.productTypeId}}</div>
               </div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">金融机构名称:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.financialOrgName}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.financialOrgName}}</div>
               </div>
               <div class="flex-row descriptions-t-item bgColor-F7F8FA">
                 <div class="descriptions-t-item-l color-86909C">案件编号:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.caseNo}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.caseNo}}</div>
               </div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">合同名称:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.fields.find(item => item.fieldKey == 'contactName').fieldValue}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.fields.find(item => item.fieldKey == 'contactName').fieldValue}}</div>
               </div>
               <div class="flex-row descriptions-t-item bgColor-F7F8FA">
                 <div class="descriptions-t-item-l color-86909C">被申请人姓名:</div>
@@ -113,10 +113,10 @@
               <div class="f16 f-weight600 descriptions-t-title">债务信息</div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">当前逾期金额:</div>
-                <div class="descriptions-t-item-r color-F53F3F">{{thisCaseInfo.fields.find(item => item.fieldKey == 'moneyAmount').fieldValue}}</div>
+                <div class="descriptions-t-item-r color-F53F3F">{{caseInfo.fields.find(item => item.fieldKey == 'moneyAmount').fieldValue}}</div>
               </div>
 
-              <div v-for="(item,index) in thisCaseInfo.fields.filter(item => item.fieldGroup == 'DEBTINFO')" 
+              <div v-for="(item,index) in caseInfo.fields.filter(item => item.fieldGroup == 'DEBTINFO')" 
                 :key="index" class="flex-row descriptions-t-item " :class="index % 2 === 0 ? 'bgColor-F7F8FA':''">
                 <div class="descriptions-t-item-l color-86909C">{{item.name}}:</div>
                 <div class="descriptions-t-item-r">{{item.fieldValue}}</div>
@@ -127,23 +127,23 @@
               <div class="f16 f-weight600 descriptions-t-title">案件信息</div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">案件包名称:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.pkgName}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.pkgName}}</div>
               </div>
               <div class="flex-row descriptions-t-item bgColor-F7F8FA">
                 <div class="descriptions-t-item-l color-86909C">金融机构:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.entrustingAgencyName}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.entrustingAgencyName}}</div>
               </div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">委案开始日期:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.planStartTime | formaDate('yyyy-MM-dd')}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.planStartTime | formaDate('yyyy-MM-dd')}}</div>
               </div>
               <div class="flex-row descriptions-t-item bgColor-F7F8FA">
                 <div class="descriptions-t-item-l color-86909C">委案结束日期:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.planEndTime | formaDate('yyyy-MM-dd')}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.planEndTime | formaDate('yyyy-MM-dd')}}</div>
               </div>
               <div class="flex-row descriptions-t-item">
                 <div class="descriptions-t-item-l color-86909C">委案渠道:</div>
-                <div class="descriptions-t-item-r">{{thisCaseInfo.casePkg.channel}}</div>
+                <div class="descriptions-t-item-r">{{caseInfo.casePkg.channel}}</div>
               </div>
             </div>
             <div class="descriptions-t mt-16">
@@ -192,7 +192,7 @@
 
           <!-- 案件材料 -->
           <div v-if="leftActive == 3" class="case-materials-person">
-            <caseMaterialLeft :caseId="thisCaseInfo.id" />
+            <caseMaterialLeft :caseId="caseInfo.id" />
           </div>
 
           <!-- 案件文书 -->
@@ -380,22 +380,18 @@ export default {
   },
   props: {
     caseId: {
-      type: String,
+      type: [String, Number],
-      default: () => {
+      default: () => ''
-        return ''
-      },
     },
-    thisCaseInfo: {
+    caseInfo: {
       type: Object,
       default: () => {
         return {}
       },
     },
     updateUnm: {
-      type: number,
+      type: Number,
-      default: () => {
+      default: () => 0
-        return 0
-      },
     },
     
   },
@@ -457,8 +453,8 @@ export default {
 
     this.mediaterecordpm.caseId = this.caseId
     this.eventDialog.caseId = this.caseId
-    this.eventDialog.jointDebt = this.thisCaseInfo.jointDebt
+    this.eventDialog.jointDebt = this.caseInfo.jointDebt
-    this.eventDialog.mainCaseId = this.thisCaseInfo.mainCaseId
+    this.eventDialog.mainCaseId = this.caseInfo.mainCaseId
     
     this.getCaseInfoById();//获取详情
     this.getAgentList()

src/pages/mediation-page/components/MediationRoom.vue

@@ -117,7 +117,7 @@
       </div>
       
       <!-- 中间数据 -->
-      <LayoutContentNew ref="layoutContent" :caseId="caseId" :thisCaseInfo="thisCaseInfo" :updateUnm="updateUnm" @startOutboundCall="startOutboundCall" @updateCaseInfoById="getCaseInfoById" />
+      <LayoutContentNew ref="layoutContent" :caseId="caseId" :caseInfo="thisCaseInfo" :updateUnm="updateUnm" @startOutboundCall="startOutboundCall" @updateCaseInfoById="getCaseInfoById" />
 
     </div>
 
@@ -556,7 +556,7 @@ export default {
               }
             })
           }
-          this.thisCaseInfo = res
+          this.thisCaseInfo = {...res}
 
           if(res.jointDebt == 1){
             // 有共债 mainCaseId
@@ -721,7 +721,7 @@ export default {
       })
     },
     startCall () {
-      if (!this.$clickThrottle()) {
+      if (!this.$clickThrottle(1000)) {
         return
       }
       console.log('queueList==================',this.queueList)