|
|
@@ -1,39 +1,35 @@
|
|
|
<template>
|
|
|
- <app-view class="g-form account-certification">
|
|
|
+ <app-view class="g-form">
|
|
|
<template #header>
|
|
|
<app-navbar title="实名认证" />
|
|
|
</template>
|
|
|
- <CellGroup inset>
|
|
|
- <Field readonly name="username" label="姓名" :value="userInfo?.customername"/>
|
|
|
- <Field readonly name="cardtype" label="证件类型" :value="getAQCertificateTypeListName(userInfo?.cardtypeid ?? 0)"/>
|
|
|
- <Field readonly name="cardnum" label="证件号码" :value="decryptAES(userInfo?.cardnum ?? '')"/>
|
|
|
- <Field name="cardfrontphotourl" label="证件正面照片" v-if="userInfo?.cardfrontphotourl">
|
|
|
- <template #input>
|
|
|
- <Image fit="contain" :src="getFileUrl(userInfo?.cardfrontphotourl)" width="100" height="100" />
|
|
|
- </template>
|
|
|
- </Field>
|
|
|
- <Field name="cardbackphotourl" label="证件反面照片" v-if="userInfo?.cardbackphotourl">
|
|
|
- <template #input>
|
|
|
- <Image fit="contain" :src="getFileUrl(userInfo?.cardbackphotourl)" width="100" height="100" />
|
|
|
- </template>
|
|
|
- </Field>
|
|
|
- <Field name="halfbodyphotourl" label="证件反面照片" v-if="userInfo?.halfbodyphotourl">
|
|
|
- <template #input>
|
|
|
- <Image fit="contain" :src="getFileUrl(userInfo?.halfbodyphotourl)" width="100" height="100" />
|
|
|
- </template>
|
|
|
- </Field>
|
|
|
+ <div class="g-form__container" v-if="userInfo">
|
|
|
+ <CellGroup inset>
|
|
|
+ <Cell title="姓名" :value="userInfo.customername" />
|
|
|
+ <Cell title="证件类型" :value="getCertificateTypeCodeName(userInfo.cardtypeid)" />
|
|
|
+ <Cell title="证件号码" :value="userInfo.cardnum" />
|
|
|
+ <Cell title="证件正面照片">
|
|
|
+ <Image fit="contain" :src="getFileUrl(userInfo.cardfrontphotourl)" width="100" height="100" />
|
|
|
+ </Cell>
|
|
|
+ <Cell title="证件反面照片">
|
|
|
+ <Image fit="contain" :src="getFileUrl(userInfo.cardbackphotourl)" width="100" height="100" />
|
|
|
+ </Cell>
|
|
|
+ <Cell title="手持证件照">
|
|
|
+ <Image fit="contain" :src="getFileUrl(userInfo.halfbodyphotourl)" width="100" height="100" />
|
|
|
+ </Cell>
|
|
|
</CellGroup>
|
|
|
+ </div>
|
|
|
+ <Empty description="暂无数据" v-else />
|
|
|
</app-view>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef } from 'vue'
|
|
|
-import { CellGroup, Field, Image } from 'vant'
|
|
|
-import { queryWrDraftUserInfo } from '@/services/api/account';
|
|
|
+import { CellGroup, Cell, Image, Empty } from 'vant'
|
|
|
+import { queryWrDraftUserInfo } from '@/services/api/account'
|
|
|
import { useRequest } from '@/hooks/request'
|
|
|
-import { getAQCertificateTypeListName } from '@/constants/account';
|
|
|
-import { decryptAES } from '@/utils/crypto';
|
|
|
-import { getFileUrl } from '@/filters';
|
|
|
+import { getCertificateTypeCodeName } from '@/constants/account'
|
|
|
+import { getFileUrl } from '@/filters'
|
|
|
|
|
|
const userInfo = shallowRef<Model.UserInfo>()
|
|
|
|
|
|
@@ -41,9 +37,7 @@ const userInfo = shallowRef<Model.UserInfo>()
|
|
|
useRequest(queryWrDraftUserInfo, {
|
|
|
onSuccess: (res) => {
|
|
|
/// 签约状态
|
|
|
- if (res.data.length != 0) {
|
|
|
- userInfo.value = res.data[0]
|
|
|
- }
|
|
|
+ userInfo.value = res.data[0]
|
|
|
}
|
|
|
})
|
|
|
</script>
|