160 lines
3.8 KiB
Vue
160 lines
3.8 KiB
Vue
<template>
|
|
<view class="authentication_ok_warp">
|
|
<Header class="head-view-one" :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://static.tbmall.xin/static/new/ren.png" mode="widthFix"
|
|
shape="circle" width="90" height="104" 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://static.tbmall.xin/static/not_order.png" width="80" height="80"
|
|
bgColor="#f1f6ff00"></up-image>
|
|
<view class="not_order_msg_warp">暂无相关认证信息</view>
|
|
</view>
|
|
<view class="bottom-btn">
|
|
<MyBtn @ok="onClick" style="width:100%" mh="88rpx" text="修改认证" br="8rpx" bg="linear-gradient( 270deg, #B164FB 0%, #7934F6 100%)" wd="200rpx"></MyBtn>
|
|
</view>
|
|
|
|
<up-toast ref="uToastRef"></up-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Header from '@/components/header.vue';
|
|
import { getUserInfo } from '@/api/auth.js';
|
|
import MyBtn from '@/components/common/my-btn.vue'
|
|
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,MyBtn },
|
|
data() {
|
|
return {
|
|
currentUserData: {},// 当前用户信息
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getUserInfo();
|
|
},
|
|
methods: {
|
|
getValue,
|
|
onClick(){
|
|
uni.redirectTo({
|
|
url:"/pages/mine_package/mine_authentication/mine_authentication"
|
|
})
|
|
},
|
|
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>
|
|
.bottom-btn{
|
|
width:100%;
|
|
flex:1;
|
|
padding: 0 24rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: flex-end;
|
|
margin-bottom:70rpx;
|
|
}
|
|
.authentication_ok_warp {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
height: 100vh;
|
|
background-color: #FFFFFF;
|
|
.head-view-one
|
|
{
|
|
width:calc(100vw - 64rpx);
|
|
}
|
|
.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> |