zb
This commit is contained in:
tdg930622
parent
a0e7c0ab34
commit
aa5637dc8d
@ -114,6 +114,15 @@ html{
|
|||||||
.color-274ea4{
|
.color-274ea4{
|
||||||
color: rgb(188, 111, 96);
|
color: rgb(188, 111, 96);
|
||||||
}
|
}
|
||||||
|
.color-FF7D00{
|
||||||
|
color: #FF7D00;
|
||||||
|
}
|
||||||
|
.color-165DFF{
|
||||||
|
color: #165DFF;
|
||||||
|
}
|
||||||
|
.color-F53F3F{
|
||||||
|
color: #F53F3F;
|
||||||
|
}
|
||||||
|
|
||||||
.color-text-primary{
|
.color-text-primary{
|
||||||
color: $color-text-primary;
|
color: $color-text-primary;
|
||||||
|
|||||||
@ -63,9 +63,9 @@
|
|||||||
<!-- 左边数据 -->
|
<!-- 左边数据 -->
|
||||||
<div class="layout-center-left-wrap flex-row justify-content-between">
|
<div class="layout-center-left-wrap flex-row justify-content-between">
|
||||||
<div class="layout-center-left1-wrap flex-column justify-content-start">
|
<div class="layout-center-left1-wrap flex-column justify-content-start">
|
||||||
<span class="left-rbobot">
|
<span class="left-rbobot">
|
||||||
<img src="../../../assets/image/mediate/m-info-robot.png"/>
|
<img src="../../../assets/image/mediate/m-info-robot.png"/>
|
||||||
</span>
|
</span>
|
||||||
<span class="separation"></span>
|
<span class="separation"></span>
|
||||||
<!-- <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="leftActive = 1">-->
|
<!-- <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="leftActive = 1">-->
|
||||||
<!-- <img src="../../../assets/image/mediate/m-info1.png"/>-->
|
<!-- <img src="../../../assets/image/mediate/m-info1.png"/>-->
|
||||||
@ -93,85 +93,88 @@
|
|||||||
<!-- </span>-->
|
<!-- </span>-->
|
||||||
|
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @click="leftActive = 1">
|
<span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @click="leftActive = 1">
|
||||||
<img src="../../../assets/image/mediate/m-info1.png"/>
|
<img src="../../../assets/image/mediate/m-info1.png"/>
|
||||||
<a>基本信息</a>
|
<a>基本信息</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @click="leftActive = 2">
|
<span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @click="leftActive = 2">
|
||||||
<img src="../../../assets/image/mediate/m-info2.png"/>
|
<img src="../../../assets/image/mediate/m-info2.png"/>
|
||||||
<a>联系人</a>
|
<a>联系人</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 3 ?'active':''" @click="leftActive = 3">
|
<span class="left-img-info flex-column" :class="leftActive == 3 ?'active':''" @click="leftActive = 3">
|
||||||
<img src="../../../assets/image/mediate/m-info3.png"/>
|
<img src="../../../assets/image/mediate/m-info3.png"/>
|
||||||
<a>案件材料</a>
|
<a>案件材料</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 4 ?'active':''" @click="leftActive = 4">
|
<span class="left-img-info flex-column" :class="leftActive == 4 ?'active':''" @click="leftActive = 4">
|
||||||
<img src="../../../assets/image/mediate/m-info4.png"/>
|
<img src="../../../assets/image/mediate/m-info4.png"/>
|
||||||
<a>案件文书</a>
|
<a>案件文书</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 5 ?'active':''" @click="leftActive = 5">
|
<span class="left-img-info flex-column" :class="leftActive == 5 ?'active':''" @click="leftActive = 5">
|
||||||
<img src="../../../assets/image/mediate/m-info5.png"/>
|
<img src="../../../assets/image/mediate/m-info5.png"/>
|
||||||
<a>还款计划</a>
|
<a>还款计划</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="left-img-info flex-column" :class="leftActive == 6 ?'active':''" @click="leftActive = 6">
|
<span class="left-img-info flex-column" :class="leftActive == 6 ?'active':''" @click="leftActive = 6">
|
||||||
<img src="../../../assets/image/mediate/m-info6.png"/>
|
<img src="../../../assets/image/mediate/m-info6.png"/>
|
||||||
<a>还款凭证</a>
|
<a>还款凭证</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="layout-center-left2-wrap">
|
<div class="layout-center-left2-wrap">
|
||||||
<el-scrollbar :style="'height:'+`${leftContentHeight}`+'px'">
|
<el-scrollbar :style="'height:'+`${leftContentHeight}`+'px'">
|
||||||
<!-- 债务信息 -->
|
<!-- 债务信息 -->
|
||||||
<div v-if="leftActive == 1" class="case-debt-info">
|
<div v-if="leftActive == 1" class="case-debt-info">
|
||||||
<!-- <div>债务信息</div> -->
|
<div class="descriptions-t">
|
||||||
<div class="case-detail-label f-weight500 f18 mb-8">基本信息</div>
|
<div class="f16 f-weight600 descriptions-t-title">基本信息</div>
|
||||||
<div class="case-detail-des flex-column">
|
<div class="flex-row descriptions-t-item">
|
||||||
<span><a>案件包名称：</a><a>河北幸福消费金融股份有限公司012341</a></span>
|
<div class="descriptions-t-item-l color-86909C">金融产品名称:</div>
|
||||||
<span><a>委案机构：</a><a>{{ baseInfo.financialOrgName }}</a></span>
|
<div class="descriptions-t-item-r">微粒贷</div>
|
||||||
<span><a>委案开始日期：</a><a>{{ baseInfo.planStartTime }}</a></span>
|
</div>
|
||||||
<span><a>委案到期日期：</a><a>{{ baseInfo.planStartTime }}</a></span>
|
<div class="flex-row descriptions-t-item bgColor-F7F8FA">
|
||||||
<span><a>债务人姓名：</a><a v-for="(item,index) in baseInfo.debtorEntityList"
|
<div class="descriptions-t-item-l color-86909C">金融机构名称:</div>
|
||||||
:key="index">{{ index == 0 ? '' : ',' }}{{ item.name }}</a></span>
|
<div class="descriptions-t-item-r">微众银行殷份有限公司</div>
|
||||||
<span><a>债务人手机号码：</a><a>{{
|
</div>
|
||||||
debtorEntityCardNo(baseInfo.debtorEntityList, 25).phone
|
<div class="flex-row descriptions-t-item">
|
||||||
}} {{ baseInfo.debtorEntityList.length > 25 ? '...' : '' }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">合同名称:</div>
|
||||||
<span><a>委案期限：</a><a></a></span>
|
<div class="descriptions-t-item-r">贷款合同</div>
|
||||||
<span><a>委案渠道：</a><a></a></span>
|
</div>
|
||||||
<span><a>身份证号：</a><a> {{
|
<div class="flex-row descriptions-t-item bgColor-F7F8FA">
|
||||||
debtorEntityCardNo(baseInfo.debtorEntityList, 25).cardNo
|
<div class="descriptions-t-item-l color-86909C">被申请人姓名:</div>
|
||||||
}} {{ baseInfo.debtorEntityList.length > 25 ? '...' : '' }}</a></span>
|
<div class="descriptions-t-item-r color-1960F4">陈继平</div>
|
||||||
<span><a>户籍地址：</a><a v-for="(item,index) in baseInfo.debtorEntityList"
|
</div>
|
||||||
:key="index">{{ index == 0 ? '' : ',' }}{{ item.name }}</a></span>
|
<div class="flex-row descriptions-t-item">
|
||||||
<span><a>案件编号：</a><a>{{ baseInfo.caseNo }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">被申请人手机号码:</div>
|
||||||
|
<div class="descriptions-t-item-r">134****9447</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="case-detail-label f-weight500 f18 mb-8 mt-8">申请人代理人信息</div>
|
|
||||||
<div class="case-detail-des flex-column">
|
<div class="case-debt-info-call flex-row justify-content-between align-items-center">
|
||||||
<span><a>姓名：</a><a>河北幸福消费金融股份有限公司012341</a></span>
|
<div class="flex-row align-items-center">
|
||||||
<span><a>身份证号：</a><a>{{ baseInfo.financialOrgName }}</a></span>
|
<div class="f32 color-1960F4 mr-8"><i class="el-icon-phone"></i></div>
|
||||||
<span><a>手机号码：</a><a>{{ baseInfo.planStartTime }}</a></span>
|
<div>呼叫被申请人</div>
|
||||||
<span><a>电子邮箱：</a><a>{{ baseInfo.planStartTime }}</a></span>
|
</div>
|
||||||
<span><a>代理人类型：</a><a>{{ baseInfo.planStartTime }}</a></span>
|
<el-divider direction="vertical"></el-divider>
|
||||||
|
<div class="flex-row align-items-center">
|
||||||
|
<div class="f32 color-FF7D00 mr-8"><i class="el-icon-message"></i></div>
|
||||||
|
<div>发送短信</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="case-detail-label f-weight500 f18 mb-8 mt-8">债务信息</div>
|
|
||||||
<div class="case-detail-des flex-column">
|
<div class="descriptions-t mt-16">
|
||||||
<!-- <span><a>委托机构：</a><a>{{baseInfo.financialOrgName}}</a></span> -->
|
<div class="f16 f-weight600 descriptions-t-title">债务信息</div>
|
||||||
<span><a>合同编号：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="flex-row descriptions-t-item">
|
||||||
<span><a>业务流水号：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">当前逾期金额:</div>
|
||||||
<span><a>金融产品名称：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-r">2000000</div>
|
||||||
<span><a>金融机构名称：</a><a>{{ baseInfo.financialOrgName }}</a></span>
|
</div>
|
||||||
<span><a>合同名称：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="flex-row descriptions-t-item bgColor-F7F8FA">
|
||||||
<span><a>委托时逾期天数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">欠款本金:</div>
|
||||||
<span><a>借款合同签署时间：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-r color-F53F3F">1800000</div>
|
||||||
<span><a>贷款笔数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
</div>
|
||||||
<span><a>当前逾期金额：</a><a>{{ baseInfo.moneyAmount }}</a></span>
|
<div class="flex-row descriptions-t-item">
|
||||||
<span><a>最低还款额(减免底线)：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">欠款利息:</div>
|
||||||
<span><a>账龄：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-r">2000000 <i class="f14 el-icon-warning-outline"></i></div>
|
||||||
<span><a>放款金额/借款本金：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
</div>
|
||||||
<span><a>欠款本金：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="flex-row descriptions-t-item bgColor-F7F8FA">
|
||||||
<span><a>总分期数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
<div class="descriptions-t-item-l color-86909C">月还款额:</div>
|
||||||
<span><a>逾期期数：</a><a>{{ baseInfo.overdueTimes }}</a></span>
|
<div class="descriptions-t-item-r">6000</div>
|
||||||
<span><a>未结清期数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
</div>
|
||||||
<span><a>逾期开始时间：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
|
||||||
<span><a>还款日：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
|
|
||||||
<span><a>备注：</a><a>{{ baseInfo.caseDescr }}</a></span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -702,17 +705,6 @@ export default {
|
|||||||
background-size: 100%,100%;
|
background-size: 100%,100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.color-FF7D00{
|
|
||||||
color: #FF7D00;
|
|
||||||
}
|
|
||||||
.color-165DFF{
|
|
||||||
color: #165DFF;
|
|
||||||
}
|
|
||||||
.color-F53F3F{
|
|
||||||
color: #F53F3F;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -807,6 +799,32 @@ export default {
|
|||||||
border-radius: 25px 0px 0px 25px;
|
border-radius: 25px 0px 0px 25px;
|
||||||
padding: 20px 30px;
|
padding: 20px 30px;
|
||||||
|
|
||||||
|
|
||||||
|
.case-debt-info{
|
||||||
|
.descriptions-t{
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-debt-info-call{
|
||||||
|
padding: 12px 42px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.case-contact-person{
|
.case-contact-person{
|
||||||
.contact-person-type{
|
.contact-person-type{
|
||||||
background-color: #F2F3F5;
|
background-color: #F2F3F5;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user