<template>
|
<div class="raindrops">
|
<x-header :left-options="{backText: '', preventGoBack: false}">信用等级
|
</x-header>
|
<div class="bgbox">
|
<img src="../../assets/img/bule.png" alt="">
|
</div>
|
<div class="textBox">
|
<div class="assd">
|
<img src="../../assets/img/pope.png" alt="">
|
</div>
|
<p class="level">您当前信用等级为：{{ level }}</p>
|
<p class='content'>您点击【申请】即视为您同意将您的个人信息及贷款申请信息传递、披露给贷款人，并同意将您引导至贷款人平台并自动注册为该平台用户</p>
|
<FButton @on-click-button="handelClick" style="width: 100%;">我知道了</FButton>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {XHeader} from 'vux';
|
import FButton from '../../components/common/FButton'
|
import api from '../../api/api';
|
import statusCodeManage from '../../api/statusCodeManage';
|
|
export default {
|
components: {
|
XHeader,
|
FButton
|
},
|
data() {
|
return {
|
level: '',
|
}
|
},
|
methods: {
|
handelClick() {
|
let token = this.$route.query.token;
|
api.prodUrl({token}).then(
|
res => {
|
let url = decodeURIComponent(res.body);
|
window.location.href = url;
|
},
|
err => {
|
statusCodeManage.showTipOfStatusCode(err, this);
|
}
|
)
|
}
|
},
|
activated() {
|
let lv = this.$route.query.credit;
|
let result = '';
|
switch (lv) {
|
case '0':
|
result = '低级';
|
break;
|
case '1':
|
result = '中级';
|
break;
|
case '2':
|
result = '高级';
|
break;
|
default:
|
break;
|
}
|
this.level = result;
|
}
|
}
|
</script>
|
<style lang="less">
|
@import '../../style/mixin';
|
|
.raindrops {
|
background: linear-gradient(to left, #0092f1, #18bfff);
|
.bgbox {
|
width: 100%;
|
height: 100%;
|
position: relative;
|
}
|
|
.bgbox > img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.textBox {
|
width: 94%;
|
height: 48%;
|
background-color: #ffffff;
|
border-radius: 7.5px;
|
position: absolute;
|
top: 41%;
|
left: 50%;
|
margin-left: -47%;
|
.level {
|
font-size: 18px;
|
color: #0092f1;
|
text-align: center;
|
padding: 3rem 0 2rem;
|
}
|
.content {
|
font-size: 14px;
|
color: #666666;
|
padding: 0 1rem 0rem;
|
}
|
}
|
|
.assd {
|
width: 22%;
|
height: 27%;
|
position: absolute;
|
top: -18%;
|
left: 5px;
|
}
|
|
.assd > img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
|
.textBox {
|
top: 35%;
|
}
|
}
|
</style>
|
