<template>
|
<div class="loan-info-box">
|
<x-header slot="header"
|
style="width:100%;height:46px;background-color: #ec6758"
|
:title="'审核结果'"
|
:left-options="{backText: '', preventGoBack:true}"
|
@on-click-back="goBackPage"
|
></x-header>
|
<div class="approval-status">
|
<icon type="warn" v-if="applyResult.orderStatus <= 3"></icon>
|
<p v-if="applyResult.orderStatus <= 3">审核中</p>
|
<i class="iconfont icon-cuowu" v-if="applyResult.orderStatus === 4"></i>
|
<p v-if="applyResult.orderStatus === 4">审核未通过</p>
|
<icon type="success" v-if="applyResult.orderStatus === 5"></icon>
|
<p v-if="applyResult.orderStatus === 5">审核通过</p>
|
</div>
|
<div v-if="applyResult.orderStatus <= 3" class="approval-result-content"> 尊敬的用户，您的申请材料已提交至锦程消费金融，正在审核中，
|
稍后锦程消费金融工作人员会与您取得联系，请保持电话畅通，谢谢。
|
|
</div>
|
<div v-if="applyResult.orderStatus === 4" class="approval-result-content"> 尊敬的用户，您的申请材料未通过审核，您可在{{ reapplyTime
|
}}后继续申请。
|
|
</div>
|
<group v-if="applyResult.orderStatus === 5">
|
<cell title="贷款额度">{{ applyResult.creditAmt }}元</cell>
|
<cell title="月还款额">{{ applyResult.dueAmt }}元</cell>
|
<cell title="还款期数">{{ applyResult.creditTerm }}期</cell>
|
<cell title="放款状态">{{ applyResult.loanStatus }}</cell>
|
</group>
|
<box gap="20px 15px">
|
<x-button type="primary" @click.native="backToHome">返回首页</x-button>
|
</box>
|
<p class="loan-product-tip">金融产品由锦程消费金融提供</p>
|
</div>
|
</template>
|
|
<script>
|
import {XHeader, Icon, XButton, Box, Group, Cell, dateFormat} from 'vux';
|
import store from '../../store/index';
|
import SystApi from '../../api/api';
|
import statusCodeManage from '../../api/statusCodeManage';
|
|
export default {
|
name: 'incoAuditResults',
|
data () {
|
return {
|
applyResult: {},
|
reapplyTime: ''
|
}
|
},
|
methods: {
|
backToHome: function () {
|
const incomePage = window.sessionStorage.getItem('newProductDetailPage');
|
this.$router.push({
|
path: incomePage
|
});
|
},
|
goBackPage: function () {
|
this.$store.commit('UPDATE_DIRECTION', {direction: 'out'});
|
const incomePage = window.sessionStorage.getItem('newProductDetailPage');
|
this.$router.push({
|
path: incomePage
|
})
|
}
|
},
|
activated: function () {
|
// 初始化信息
|
let _this = this;
|
this.$store.commit('UPDATE_DIRECTION', {direction: 'in'});
|
let submitInfo = {
|
prodId: this.$route.query.prodId
|
};
|
SystApi.initApplyResult(submitInfo).then(response => {
|
if (response.errorCode === 0) {
|
_this.applyResult = response.body;
|
_this.reapplyTime = dateFormat(_this.applyResult.reapplyTime, 'YYYY/MM/DD')
|
}
|
}, error => {
|
statusCodeManage.showTipOfStatusCode(error, _this)
|
})
|
},
|
deactivated: function () {
|
this.$store.commit('UPDATE_DIRECTION', {direction: 'out'});
|
},
|
components: {
|
XHeader,
|
Icon,
|
XButton,
|
Box,
|
Group,
|
Cell
|
}
|
}
|
</script>
|
|
<style lang="less">
|
@import "../../style/mixin.less";
|
|
.header-space {
|
height: 46px;
|
}
|
|
.weui-wepay-flow__title-bottom {
|
font-size: 12px;
|
}
|
|
.approval-status {
|
padding: 20px 15px;
|
padding-top: 80px;
|
text-align: center;
|
}
|
|
.approval-status p {
|
font-size: 15px;
|
line-height: 2;
|
}
|
|
.approval-status .weui-icon {
|
font-size: 60px;
|
}
|
|
.approval-result-content {
|
padding: 15px;
|
font-size: 15px;
|
color: #797979;
|
}
|
|
.loan-info-box {
|
position: relative;
|
background-color: #fff;
|
.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;
|
}
|
}
|
}
|
}
|
|
.loan-info-box .weui-btn_primary {
|
.color-linear-gradient(@color-primary-light, @color-primary, 90deg);
|
}
|
|
.loan-product-tip {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
width: 100%;
|
padding: 10px 0;
|
font-size: 10px;
|
color: rgb(204, 204, 204);
|
text-align: center;
|
}
|
|
.approval-status .icon-cuowu {
|
font-size: 60px;
|
color: #F4333B;
|
}
|
|
.approval-status .weui-icon-warn {
|
color: #f5d565;
|
}
|
|
.approval-status .weui-icon-success {
|
color: #5ab7fa;
|
}
|
</style>
|
