You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.4 KiB
102 lines
3.4 KiB
<template>
|
|
<view class="layout-page authPage" :style="themeStyle">
|
|
<v-header :title="$t('auth.a0')" :leftClick="leftClick"></v-header>
|
|
<view class="rounded-md overflow-hidden m-lg bg-panel-3 box-shadow">
|
|
<v-link :to="detail.primary_status==0?'/pages/auth/primary':''" class="d-flex align-center p-md border-b link-active ">
|
|
<view class="flex-fill color-light fn-lg">
|
|
{{$t('auth.a1')}}
|
|
</view>
|
|
<view class="status" v-if="detail.primary_status==0">
|
|
<van-icon class="fn-middle" name="info-o" />
|
|
{{$t('auth.a2')}}
|
|
</view>
|
|
<view class="status color-buy" v-else>
|
|
<van-icon class="fn-middle" name="passed" />
|
|
{{$t('auth.a3')}}
|
|
</view>
|
|
<van-icon class="m-l-xs" name="arrow" />
|
|
</v-link>
|
|
<v-link tag="view" :to="detail.status!=2&&detail.status!=1?'/pages/auth/senior':''" class="d-flex align-center p-md border-b link-active">
|
|
<view class="flex-fill color-light fn-lg ">
|
|
{{$t('auth.a4')}}
|
|
</view>
|
|
<view class="status " v-if="detail.status==0">
|
|
<van-icon class="fn-middle" name="info-o" />
|
|
{{$t('auth.a2')}}
|
|
</view>
|
|
<view class="status color-yellows" v-else-if="detail.status==1">
|
|
<van-icon class="fn-middle" name="clock-o" />
|
|
{{$t('auth.a5')}}
|
|
</view>
|
|
<view class="status color-buy" v-else-if="detail.status==2">
|
|
<van-icon class="fn-middle" name="passed" />
|
|
{{$t('auth.a3')}}
|
|
</view>
|
|
<view class="status color-sell" v-else-if="detail.status==3">
|
|
<van-icon class="fn-middle" name="close" />
|
|
{{$t('auth.a6')}}
|
|
</view>
|
|
<van-icon class="m-l-xs" name="arrow" />
|
|
</v-link>
|
|
</view>
|
|
<view v-if="detail.status==3" class="m-l-lg color-sell"><van-icon class="m-l-xs" name="info-o" />{{detail.remark}}</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import { mapState,mapGetters} from "vuex";
|
|
import Profile from "@/api/profile";
|
|
export default {
|
|
name:'auth',
|
|
data(){
|
|
return {
|
|
detail:{}
|
|
}
|
|
},
|
|
computed:{
|
|
...mapState({
|
|
user:'user'
|
|
}),
|
|
...mapGetters(['themeStyle'])
|
|
},
|
|
methods:{
|
|
reload() {
|
|
this.isRouterAlive = false; //先关闭，
|
|
this.$nextTick(function () {
|
|
this.isRouterAlive = true; //再打开
|
|
});
|
|
},
|
|
getAuthInfo(){
|
|
Profile.getAuthInfo().then(res=>{
|
|
this.detail = res.data
|
|
})
|
|
},
|
|
leftClick(){
|
|
// console.info(this.$route.query)
|
|
if(this.$route.query.type==1){
|
|
this._router.push("/pages/base/index");
|
|
}else{
|
|
this.$back();
|
|
}
|
|
}
|
|
},
|
|
onShow() {
|
|
this.getAuthInfo()
|
|
},
|
|
created(){
|
|
// location.reload();
|
|
// this.$toast.success(this.$t('auth.c4') + "。");
|
|
|
|
|
|
this.getAuthInfo()
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.authPage.layout-page{
|
|
background-color: #121212 !important;
|
|
background: none;
|
|
}
|
|
.bg-panel-3{
|
|
background-color: #242424;
|
|
}
|
|
</style>
|
|
|