共债相关

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

@@ -14,6 +14,10 @@
             <img src="../../../assets/image/mediate/m-info1.png"/>
             <a>基本信息</a>
         </span>
+        <span class="left-img-info flex-column" :class="leftActive == 8 ?'active':''" @click="leftActive = 8">
+            <img src="../../../assets/image/mediate/m-info8.png"/>
+            <a>共债</a>
+        </span>
         <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @click="leftActive = 2">
             <img src="../../../assets/image/mediate/m-info2.png"/>
             <a>联系人</a>
@@ -113,6 +117,11 @@
             </div>
           </div>
 
+          <!-- 共债 -->
+          <div v-if="leftActive == 8" class="case-coobligation-person">
+            <coobligationInfo :caseId="caseId" />
+          </div>
+
           <!-- 联系人信息 -->
           <div v-if="leftActive == 2" class="case-contact-person">
             <contactPerson :caseId="caseId" />
@@ -274,6 +283,7 @@ export default {
     SidebarTool: () => import('./SidebarTool'),
     singlesmsPopover: () => import('./singlesmsPopover.vue'),//发送短信
     MediationRecordDialog: () => import('./MediationRecordDialog.vue'),//调解记录
+    coobligationInfo: () => import('./coobligationInfo.vue'),//共债
   },
   data() {
     return {
@@ -513,6 +523,8 @@ export default {
           }
         }
 
+        
+
         .case-contact-person{
           .contact-person-type{
             background-color: #F2F3F5;

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

@@ -0,0 +1,150 @@
+<template>
+  <div class="coobligationInfo">
+    <!-- 共债信息 -->
+    <div class="case-debt-info">
+      <div class="descriptions-t">
+        <div class="f16 f-weight600 descriptions-t-title">共债</div>
+        <div class="coobligation-totle flex-column">
+          <span>当前债务人名下共有{{coobligationInfo.caseNum}}笔债务，</span>
+          <span>逾期总金额：<a class="color-F53F3F">{{coobligationInfo.totalAmount}}</a>元，</span>
+          <span>最低还款总金额：<a class="color-F53F3F">{{coobligationInfo.minTotalAmount}}</a>元</span>
+        </div>
+
+        <div>
+          <div class="flex-row justify-content-between descriptions-t-item bgColor-F7F8FA mt-16">
+            <div class="descriptions-t-item-l f-weight500" style="width: 80px;"><a class="dot"></a>债务一</div>
+            <div class="descriptions-t-item-r color-86909C" style="width: 80px;">详情 ></div>
+          </div>
+          <div class="flex-row descriptions-t-item">
+            <div class="descriptions-t-item-l color-86909C">案件包名称:</div>
+            <div class="descriptions-t-item-r">{{coobligationInfo.casePkg}}</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">{{coobligationInfo.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">{{coobligationInfo.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">{{coobligationInfo.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"></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 color-1960F4"></div>
+          </div>
+          <div class="flex-row descriptions-t-item">
+            <div class="descriptions-t-item-l color-86909C">被申请人手机号码:</div>
+            <div class="descriptions-t-item-r"></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 color-1960F4"></div>
+          </div>
+          <div class="flex-row descriptions-t-item">
+            <div class="descriptions-t-item-l color-86909C">最低还款金额:</div>
+            <div class="descriptions-t-item-r"></div>
+          </div>
+        </div>
+        
+        <!-- limitLine -->
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import api from "@/services/caseManagement";
+export default {
+  components: {
+    // singlesmsPopover: () => import('./singlesmsPopover.vue'),//
+  },
+  props: {
+    caseId: {
+      type: String,
+      default: () => {
+        return ''
+      },
+    },
+  },
+  data() {
+    return {
+      coobligationInfo:{},
+    }
+  },
+  mounted() {
+   this.getList()
+  },
+  methods: {
+    // 列表数据
+    getList() {
+      api.mediate_coobligation_list({id:this.caseId}).then(res => {
+        if (!res.code) {
+          this.coobligationInfo = res
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.coobligationInfo {
+  .case-debt-info{
+    .descriptions-t{
+      /* 方法1 */
+      .dot {
+        margin-left: 5px;
+        position: relative;
+        padding-left: 10px; /* 调整圆点与文本之间的距离 */
+      }
+      
+      .dot::before {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background-color: #000; /* 圆点的颜色 */
+      }
+      .coobligation-totle{
+        margin-top: 15px;
+        background-color:#FFF2F0 ;
+        padding: 15px 20px;
+        span{
+          margin: 2px 0;
+        }
+        
+      }
+      .descriptions-t-title{
+        //margin-bottom: 5px;
+      }
+      .descriptions-t-item-l{
+        padding: 12px 10px;
+        text-align: right;
+        width: 40%;
+      }
+      .descriptions-t-item-r{
+        padding: 12px 10px;
+        text-align: left;
+        width: 60%;
+      }
+      .bgColor-F7F8FA{
+        background-color: #F7F8FA;
+      }
+    }
+  }
+
+}
+</style>

src/services/caseManagement.js

@@ -280,6 +280,13 @@ const caseManagementApi = {
         return service.service.post(`${apiAdmin}case/mediate/record/list`, data, {hideLoading:true})
     },
 
+    // 共债案件查询
+    mediate_coobligation_list: data => {
+        return service.service.post(`${apiAdmin}cases/caseInfo/joint/debt`, data, {hideLoading:true})
+    },
+
+
+
     
     //========================end::案件管理======================================
 }