123 lines
3.0 KiB
Vue
123 lines
3.0 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">
|
|
<up-image src="/static/mine/auth_ok.png" mode="widthFix" shape="circle" width="140" height="140" bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
|
|
<view class="result_value">{{getValue(CERT_STATUS_OPTION,currentUserData.certStatus)}}</view>
|
|
</view>
|
|
<view v-if="currentUserData.certStatus === 3" class="reauthentication_warp">
|
|
<view class="reauthentication_but_warp" @click="reauthenticationFun">
|
|
重新认证
|
|
</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;
|
|
this.currentUserData = result.data || {};
|
|
}
|
|
},
|
|
/**
|
|
* 重新认证
|
|
*/
|
|
reauthenticationFun(){
|
|
uni.navigateTo({
|
|
url:'/pages/mine_authentication/mine_authentication',
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</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;
|
|
}
|
|
}
|
|
.reauthentication_warp{
|
|
display: grid;
|
|
justify-content: center;
|
|
.reauthentication_but_warp{
|
|
margin-top: 100rpx;
|
|
border: 1rpx solid $app-zt-color;
|
|
color: $app-zt-color;
|
|
padding: 8rpx 10rpx;
|
|
width: 200rpx;
|
|
border-radius: 10rpx;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.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> |