79 lines
2.5 KiB
Vue
79 lines
2.5 KiB
Vue
|
<script setup>
|
|||
|
|
import {authStore} from "@/stores/auth/index.js";
|
|||
|
|
import {useI18n} from 'vue-i18n'
|
|||
|
|
const {t} = useI18n()
|
|||
|
|
const props = defineProps({
|
|||
|
|
type: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 0
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
const columns1 = ref([
|
|||
|
|
{text: t('realAuth.idCard'), value: '1'},
|
|||
|
|
{text: t('realAuth.passport'), value: '2'},
|
|||
|
|
{text: t('realAuth.other'), value: '3'},
|
|||
|
|
])
|
|||
|
|
const {userInfo}= authStore()
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class="text-#1A1A1A text-16px">
|
|||
|
|
<template v-if="type===0">
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.name')}}：</div>
|
|||
|
|
<div>{{userInfo.realName}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.gender')}}：</div>
|
|||
|
|
<div>{{userInfo.sex===1?$t('realAuth.male'):$t('realAuth.female')}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.birthday')}}：</div>
|
|||
|
|
<div>{{userInfo.birthDate}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.idCard')}}：</div>
|
|||
|
|
<div>{{userInfo.idNum}}</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<template v-if="type===1">
|
|||
|
|
<div class="flex mb-20px" >
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.name')}}：</div>
|
|||
|
|
<div>{{userInfo.realName||userInfo.userExtend.realName||''}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.gender')}}：</div>
|
|||
|
|
<div>{{userInfo.sex===1?$t('realAuth.male'):$t('realAuth.female')}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.birthday')}}：</div>
|
|||
|
|
<div>{{userInfo.birthDate}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.adress')}}：</div>
|
|||
|
|
<div>{{userInfo.userExtend.address}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.bank')}}：</div>
|
|||
|
|
<div>{{userInfo.userExtend.bankName}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.bankCard')}}：</div>
|
|||
|
|
<div>{{userInfo.userExtend.bankNo}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.idTye')}}：</div>
|
|||
|
|
<div>{{columns1.find(x=>x.value===userInfo.userExtend.idType)?.text}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex mb-20px">
|
|||
|
|
<div class="mr-10px">{{$t('realAuth.idNumber')}}：</div>
|
|||
|
|
<div>{{userInfo.userExtend.idNo}}</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
|
|||
|
|
</style>
|