<template>
|
<div class="loan-info-box">
|
<x-header slot="header"
|
style="width:100%;height:46px;background-color: #ec6758"
|
title="提交处理"
|
:left-options="{backText: ''}">
|
<router-link to="/bnd/repayMent/loanDetails" tag="span" class="slotRight_l" slot="right">贷款查询</router-link>
|
</x-header>
|
<!--0-失败，1-成功，2-处理中，3-未提交-->
|
<div v-if="result.resultCode===0">
|
<div class="success_okandno">
|
<div>
|
<i class="iconfont icon-roundclosefill Failred"></i>
|
</div>
|
<h2>还款失败</h2>
|
</div>
|
<div class="bindingSuccee">
|
<p>
|
您的{{repayType==='1'?'还款':'提前结清'}}申请已受理失败，如有疑问请联系客服：<span>{{customerHotline}}</span>
|
</p>
|
</div>
|
<div style="height: 20px"></div>
|
<box gap="0 15px">
|
<x-button type="primary" link="/bnd/loan/quota">退出</x-button>
|
</box>
|
<div style="height: 20px"></div>
|
</div>
|
<div v-else-if="result.resultCode===1">
|
<div class="success_okandno">
|
<div>
|
<i class="iconfont icon-roundcheckfill-copy"></i>
|
</div>
|
<h2>还款成功</h2>
|
</div>
|
<div class="bindingSuccee">
|
<p>
|
您的{{repayType==='1'?'还款':'提前结清'}}申请已受理成功，如有疑问请联系客服：<span>{{customerHotline}}</span>
|
</p>
|
</div>
|
<div style="height: 20px"></div>
|
<box gap="0 15px">
|
<x-button type="primary" link="/bnd/repayMent/loanDetails">贷款查询</x-button>
|
</box>
|
<div style="height: 20px"></div>
|
</div>
|
<div v-else-if="result.resultCode===2">
|
<div class="success_okandno">
|
<div>
|
<i class="iconfont icon-iconfontdengdai"></i>
|
</div>
|
<h2>等待处理</h2>
|
</div>
|
<div class="bindingSuccee">
|
<p>
|
您的{{repayType==='1'?'还款':'提前结清'}}申请已提交成功，系统会对您的绑定银行卡进行代扣，请耐心等待。
|
</p>
|
</div>
|
<div style="height: 20px"></div>
|
<box gap="0 15px">
|
<x-button type="primary" @click.native="getResult">刷新</x-button>
|
</box>
|
<div style="height: 20px"></div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {XHeader, XButton, Box} from 'vux';
|
import SysApi from '../../../api/api'
|
import statusCodeManage from '../../../api/statusCodeManage'
|
|
export default {
|
name: 'subSuccess',
|
components: {XHeader, XButton, Box},
|
data() {
|
return {
|
result: {},
|
repayType: sessionStorage.repayType,
|
customerHotline: ''
|
};
|
},
|
methods: {
|
//查询贷款结果
|
getResult() {
|
SysApi.repayResult({
|
prodId: sessionStorage.prodId,
|
loanId: this.$route.query.loanId
|
}).then(res => {
|
this.result = res.body
|
}, err => {
|
statusCodeManage.showTipOfStatusCode(err)
|
})
|
},
|
},
|
activated() {
|
this.getResult()
|
this.customerHotline = JSON.parse((sessionStorage.loanInfo)).customerHotline
|
}
|
};
|
</script>
|
<style lang="less">
|
@import "../../../style/mixin.less";
|
|
.loan-info-box {
|
background-color: @color-background-default;
|
.vux-header {
|
.color-linear-gradient(@color-primary-light, @color-primary, 90deg);
|
.vux-header-left {
|
.left-arrow:before {
|
border: solid 1px @color-white;
|
border-width: 2px 0 0 2px;
|
}
|
}
|
}
|
.success_okandno .iconfont {
|
font-size: 6rem;
|
color: #0092f1;
|
}
|
}
|
|
.loan-info-box .weui-btn_primary {
|
.color-linear-gradient(@color-primary-light, @color-primary, 90deg);
|
}
|
|
.loan-info-box .weui-btn_primary:not(.weui-btn_disabled):active {
|
color: rgba(255, 255, 255, 0.6);
|
background-color: rgb(241, 95, 79);;
|
}
|
|
.bindingSuccee {
|
text-align: center;
|
p {
|
text-align: center;
|
color: @color-text-third;
|
font-size: @font-size-medium;
|
width: 25rem;
|
margin: 0 auto;
|
span {
|
color: @color-primary;
|
display: inline-block;
|
|
}
|
}
|
}
|
|
.weui-msg__icon-area {
|
margin-bottom: -1.2rem !important;
|
}
|
|
.success_okandno {
|
width: 6.5rem;
|
margin: 0 auto;
|
padding: 3rem 0;
|
div {
|
text-align: center;
|
height: 8rem;
|
}
|
img {
|
width: 100%;
|
}
|
h2 {
|
font-weight: normal;
|
font-size: @font-size-primary;
|
text-align: center;
|
}
|
}
|
|
.loan-info-box .weui-wepay-flow, .loan-info-box .weui-wepay-flow-auto {
|
padding: 0.83333rem 2.33333rem 2.5rem;
|
}
|
|
.slotRight_l {
|
color: #fff;
|
font-size: @font-size-medium;
|
position: relative;
|
top: -0.1rem;
|
}
|
|
.Failred {
|
color: #ff4d53 !important;
|
}
|
|
.weui-btn:after {
|
border: none !important;
|
}
|
|
.weui-btn {
|
font-size: @font-size-primary !important;
|
}
|
</style>
|
