134 lines
3.1 KiB
Vue
134 lines
3.1 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="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/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="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/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_package/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> |