From 703a22fad42ba2370683152024c63b877c632263 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Tue, 14 Jan 2025 11:36:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B1=E5=80=BA=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/mediate/m-info8.png          | Bin 0 -> 2287 bytes
 .../components/LayoutContentNew.vue           |  12 ++
 .../components/coobligationInfo.vue           | 150 ++++++++++++++++++
 src/services/caseManagement.js                |   7 +
 4 files changed, 169 insertions(+)
 create mode 100644 src/assets/image/mediate/m-info8.png
 create mode 100644 src/pages/mediation-page/components/coobligationInfo.vue

diff --git a/src/assets/image/mediate/m-info8.png b/src/assets/image/mediate/m-info8.png
new file mode 100644
index 0000000000000000000000000000000000000000..76cf39860ddb165d790f3b1fb2ae0be5aa5f9b50
GIT binary patch
literal 2287
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
JPDHLkV1jo(HB<lq

literal 0
HcmV?d00001

diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index 0a2178d..10fa590 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/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;
diff --git a/src/pages/mediation-page/components/coobligationInfo.vue b/src/pages/mediation-page/components/coobligationInfo.vue
new file mode 100644
index 0000000..310ea1c
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/services/caseManagement.js b/src/services/caseManagement.js
index bba629e..4f4b901 100644
--- a/src/services/caseManagement.js
+++ b/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::案件管理======================================
 }