120 lines
3.3 KiB
Vue
120 lines
3.3 KiB
Vue
<template>
|
||
<view class="authentication_ok_warp">
|
||
<Header :leftTitle="$t('authentication.title')" left-path-type="switchTab" left-path="/pages/mine/mine"/>
|
||
<view class="authentication_ok_content" v-if="currentUserData && Object.keys(currentUserData).length !==0">
|
||
<view class="authentication_result">
|
||
<view class="result_title">您的实名认证</view>
|
||
<view class="result_value">{{getValue(CERT_STATUS_OPTION,currentUserData.certStatus)}}</view>
|
||
</view>
|
||
<view class="authentication_info">
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件姓名：</text>
|
||
<text class="info_item_value">{{currentUserData.name}}</text>
|
||
</view>
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件类型：</text>
|
||
<text class="info_item_value">{{getValue(CERT_OPTION,currentUserData.certType)}}!</text>
|
||
</view>
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件正面：</text>
|
||
<view class="info_item_value">
|
||
<up-image :src="currentUserData.certFimg" mode="widthFix" width="100%" height="140" bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
|
||
</view>
|
||
</view>
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件背面：</text>
|
||
<view class="info_item_value">
|
||
<up-image :src="currentUserData.certBimg" mode="widthFix" width="100%" height="140" bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-else class="not_order_warp">
|
||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||
<view class="not_order_msg_warp">暂无相关认证信息</view>
|
||
</view>
|
||
<up-toast ref="uToastRef"></up-toast>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import Header from '@/components/header.vue';
|
||
import { getUserInfo } from '@/api/auth.js';
|
||
import { getValue,CERT_OPTION,CERT_STATUS_OPTION } from '@/utils/enumUtils.js';
|
||
|
||
export default {
|
||
computed: {
|
||
CERT_OPTION() {
|
||
return CERT_OPTION;
|
||
},
|
||
CERT_STATUS_OPTION() {
|
||
return CERT_STATUS_OPTION;
|
||
},
|
||
},
|
||
components:{Header},
|
||
data() {
|
||
return {
|
||
currentUserData:{},// 当前用户信息
|
||
}
|
||
},
|
||
mounted() {
|
||
this.getUserInfo();
|
||
},
|
||
methods: {
|
||
getValue,
|
||
async getUserInfo(){
|
||
const result = await getUserInfo();
|
||
if(result && result.bizcode === 100){
|
||
const data = result.data;
|
||
console.log("data",data);
|
||
this.currentUserData = result.data || {};
|
||
}
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.authentication_ok_warp{
|
||
height: 100vh;
|
||
background-color: #FFFFFF;
|
||
.authentication_ok_content{
|
||
padding: 60rpx;
|
||
}
|
||
.authentication_result{
|
||
display: grid;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
margin-top: 100rpx;
|
||
.result_title{
|
||
font-weight: bold;
|
||
font-size: 40rpx;
|
||
color: #333333;
|
||
}
|
||
.result_value{
|
||
font-weight: bold;
|
||
font-size: 30rpx;
|
||
color: #666666;
|
||
line-height: 80rpx;
|
||
}
|
||
}
|
||
.authentication_info{
|
||
background: #F8F8F8;
|
||
border-radius: 10rpx;
|
||
padding: 30rpx;
|
||
margin-top: 30rpx;
|
||
}
|
||
.info_item{
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
line-height: 66rpx;
|
||
}
|
||
.info_item_value{
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
}
|
||
</style> |