|
|
@@ -7,10 +7,24 @@
|
|
|
<!-- 交易商名称 -->
|
|
|
<template #accountName="{ value }">
|
|
|
<p>{{ value }}</p>
|
|
|
- <p class="red" v-if="newData && newData.userAccountDetailVo.accountName !== value">
|
|
|
+ <p class="g-red" v-if="newData && newData.userAccountDetailVo.accountName !== value">
|
|
|
{{ newData.userAccountDetailVo.accountName }}
|
|
|
</p>
|
|
|
</template>
|
|
|
+ <!-- 所属机构 -->
|
|
|
+ <template #parentUserName="{ value }">
|
|
|
+ <p>{{ value }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userAccountDetailVo.parentUserName !== value">
|
|
|
+ {{ newData.userAccountDetailVo.parentUserName }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 是否认证 -->
|
|
|
+ <template #isAuth="{ value }">
|
|
|
+ <p>{{ flagEnum.getEnumTypeName(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userAccountDetailVo.isAuth !== value">
|
|
|
+ {{ flagEnum.getEnumTypeName(newData.userAccountDetailVo.isAuth) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
<!-- 开户方式 -->
|
|
|
<template #openMode>
|
|
|
{{ openmodeEnum.getEnumTypeName(oldData?.userinfoDetailVo.openMode) }}
|
|
|
@@ -24,29 +38,122 @@
|
|
|
<app-table-details
|
|
|
:title="oldData?.userinfoDetailVo.userinfoType === UserInfoType.Personal ? t('investor.manage.user.details.subtitle1') : t('investor.manage.user.details.subtitle2')"
|
|
|
:data="oldData?.userinfoDetailVo" :label-width="160" :cell-props="detailProps2" :column="2">
|
|
|
+ <!-- 证件类型 -->
|
|
|
+ <template #cardTypeId="{ value }">
|
|
|
+ <p>{{ certificatetypeEnum.getEnumTypeName(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.cardTypeId !== value">
|
|
|
+ {{ certificatetypeEnum.getEnumTypeName(newData.userinfoDetailVo.cardTypeId) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 证件号码 -->
|
|
|
+ <template #cardNum="{ value }">
|
|
|
+ <p>{{ value }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.cardNum !== value">
|
|
|
+ {{ newData.userinfoDetailVo.cardNum }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 公司 -->
|
|
|
+ <template #company="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.company !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.company) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 联系人 -->
|
|
|
+ <template #contactName="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.contactName !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.contactName) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 性别 -->
|
|
|
+ <template #sex="{ value }">
|
|
|
+ <p>{{ getGenderName(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.sex !== value">
|
|
|
+ {{ getGenderName(newData.userinfoDetailVo.sex) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 手机号 -->
|
|
|
+ <template #mobile="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.mobile !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.mobile) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 联系电话 -->
|
|
|
+ <template #telPhone="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.telPhone !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.mobile) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 地址 -->
|
|
|
+ <template #address="{ value }">
|
|
|
+ <p>{{ handleNoneValue(oldData?.userinfoDetailVo.pathName + value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.address !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.pathName + newData.userinfoDetailVo.address) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 邮政编码 -->
|
|
|
+ <template #postalCode="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.postalCode !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.postalCode) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 邮箱 -->
|
|
|
+ <template #email="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.email !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.email) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <!-- 备注 -->
|
|
|
+ <template #remark="{ value }">
|
|
|
+ <p>{{ handleNoneValue(value) }}</p>
|
|
|
+ <p class="g-red" v-if="newData && newData.userinfoDetailVo.remark !== value">
|
|
|
+ {{ handleNoneValue(newData.userinfoDetailVo.remark) }}
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
<!-- 证件照正面 -->
|
|
|
<template #cardFrontPhotoUrl="{ value }">
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
+ <template v-if="newData && newData.userinfoDetailVo.cardFrontPhotoUrl !== value">
|
|
|
+ <el-image :src="newData.userinfoDetailVo.cardFrontPhotoUrl" fit="cover" lazy
|
|
|
+ style="width: 128px; height: 72px" />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
<!-- 证件照反面 -->
|
|
|
<template #cardBackPhotoUrl="{ value }">
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
+ <template v-if="newData && newData.userinfoDetailVo.cardFrontPhotoUrl !== value">
|
|
|
+ <el-image :src="newData.userinfoDetailVo.cardFrontPhotoUrl" fit="cover" lazy
|
|
|
+ style="width: 128px; height: 72px" />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
- <!-- 通迅地址 -->
|
|
|
- <template #address="{ value }">
|
|
|
- {{ handleNoneValue(oldData?.userinfoDetailVo.pathName + value) }}
|
|
|
+ <!-- 手持证件照 -->
|
|
|
+ <template #halfBodyPhotoUrl="{ value }">
|
|
|
+ <el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
+ <template v-if="newData && newData.userinfoDetailVo.halfBodyPhotoUrl !== value">
|
|
|
+ <el-image :src="newData.userinfoDetailVo.halfBodyPhotoUrl" fit="cover" lazy
|
|
|
+ style="width: 128px; height: 72px" />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
<!-- 法人身份证正面 -->
|
|
|
<template #legalCardFrontPhotoUrl="{ value }">
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
+ <template v-if="newData && newData.userinfoDetailVo.legalCardFrontPhotoUrl !== value">
|
|
|
+ <el-image :src="newData.userinfoDetailVo.legalCardFrontPhotoUrl" fit="cover" lazy
|
|
|
+ style="width: 128px; height: 72px" />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
<!-- 法人身份证反面 -->
|
|
|
<template #legalCardBackPhotoUrl="{ value }">
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
- </template>
|
|
|
- <!-- 法人授权书 -->
|
|
|
- <template #otherUrl="{ value }">
|
|
|
- <el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
+ <template v-if="newData && newData.userinfoDetailVo.legalCardBackPhotoUrl !== value">
|
|
|
+ <el-image :src="newData.userinfoDetailVo.legalCardBackPhotoUrl" fit="cover" lazy
|
|
|
+ style="width: 128px; height: 72px" />
|
|
|
+ </template>
|
|
|
</template>
|
|
|
</app-table-details>
|
|
|
<template #footer>
|
|
|
@@ -98,10 +205,8 @@ const areastatusEnum = useEnum('areastatus')
|
|
|
const modifystatusEnum = useEnum('modifystatus')
|
|
|
// 企业性质枚举
|
|
|
const biznatureEnum = useEnum('biznature')
|
|
|
-// 个人证件类型
|
|
|
-const certypepersonEnum = useEnum('certypeperson')
|
|
|
-// 企业证件类型
|
|
|
-const certypecompanyEnum = useEnum('certypecompany')
|
|
|
+// 证件类型
|
|
|
+const certificatetypeEnum = useEnum('certificatetype')
|
|
|
|
|
|
useRequest(queryInvestorListDetail, {
|
|
|
params: {
|
|
|
@@ -157,7 +262,7 @@ const detailProps1: CellProp[] = [
|
|
|
{ prop: 'createName', formatLabel: () => oldData.value?.userinfoDetailVo.openMode === 1 ? 'investor.manage.user.details.createName1' : 'investor.manage.user.details.createName2' },
|
|
|
{ prop: 'accountStatus', label: 'investor.manage.user.details.accountStatus', formatValue: (val) => areastatusEnum.getEnumTypeName(val), show: !hideField },
|
|
|
{ prop: 'modifyStatus', label: 'investor.manage.user.details.modifyStatus', formatValue: (val) => modifystatusEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'isAuth', label: 'investor.manage.user.details.isAuth', formatValue: (val) => flagEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'isAuth', label: 'investor.manage.user.details.isAuth' },
|
|
|
{ prop: 'modifyTime', label: 'investor.manage.user.details.modifyTime', formatValue: (val) => formatDate(val) },
|
|
|
{ prop: 'modifyName', label: 'investor.manage.user.details.modifyName' },
|
|
|
{ prop: 'auditTime', label: 'investor.manage.user.details.auditTime', formatValue: (val) => formatDate(val), show: !hideField },
|
|
|
@@ -169,7 +274,7 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
const type = oldData.value?.userinfoDetailVo.userinfoType
|
|
|
if (type === UserInfoType.Personal) {
|
|
|
return [
|
|
|
- { prop: 'cardTypeId', label: 'investor.manage.user.details.cardTypeId', formatValue: (val) => certypepersonEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'cardTypeId', label: 'investor.manage.user.details.cardTypeId' },
|
|
|
{ prop: 'cardNum', label: 'investor.manage.user.details.cardNum' },
|
|
|
{ prop: 'company', label: 'investor.manage.user.details.company' },
|
|
|
{ prop: 'sex', label: 'investor.manage.user.details.sex', formatValue: (val) => getGenderName(val) },
|
|
|
@@ -187,7 +292,7 @@ const detailProps2 = computed<CellProp[]>(() => {
|
|
|
if (type === UserInfoType.Company) {
|
|
|
return [
|
|
|
{ prop: 'needInvoice', label: 'investor.manage.user.details.needInvoice' },
|
|
|
- { prop: 'cardTypeId', label: 'investor.manage.user.details.cardTypeId', formatValue: (val) => certypecompanyEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'cardTypeId', label: 'investor.manage.user.details.cardTypeId' },
|
|
|
{ prop: 'cardNum', label: 'investor.manage.user.details.cardNum' },
|
|
|
{ prop: 'customerName', label: 'investor.manage.user.details.customerName' },
|
|
|
{ prop: 'bizNature', label: 'investor.manage.user.details.bizNature', formatValue: (val) => biznatureEnum.getEnumTypeName(val) },
|