<script setup>
import {authStore} from "@/stores/auth/index.js";
import {useI18n} from 'vue-i18n'
const {t:$t} = useI18n()
const props = defineProps({
  type: {
    type: Number,
    default: 0
  }
})
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}}</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>
    </template>
  </div>
</template>

<style scoped>

</style>