tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

共债相关

Browse Source
This commit is contained in:
liuxi 2025-01-14 11:36:33 +08:00
parent b0e25933b9
commit 703a22fad4
4 changed files with 169 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/mediate/m-info8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

12
src/pages/mediation-page/components/LayoutContentNew.vue
View File

@ -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;

150
src/pages/mediation-page/components/coobligationInfo.vue Normal file
View File

@ -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>

7
src/services/caseManagement.js
View File

@ -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::案件管理======================================
}