liveh5-nuxt/app/pages/realAuth/components/detail.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>