|
|
@@ -1,7 +1,7 @@
|
|
|
<!-- 会员机构管理-机构管理-机构资料管理-详情 -->
|
|
|
<template>
|
|
|
- <app-drawer title="详情" width="900" v-model:show="show" :loading="loading" :refresh="refresh">
|
|
|
- <app-table-details title="基本信息" :data="data?.rspResult" :label-width="160" :cell-props="detailProps1"
|
|
|
+ <app-drawer :title="t('member.institution.user.details.title')" width="900" v-model:show="show" :loading="loading" :refresh="refresh">
|
|
|
+ <app-table-details :title="t('member.institution.user.details.subtitle1')" :data="data?.rspResult" :label-width="160" :cell-props="detailProps1"
|
|
|
:column="2" />
|
|
|
<app-table-details :title="t('member.institution.open.details.subtitle1')" :data="data?.userinfo"
|
|
|
:label-width="160" :cell-props="detailProps2" :column="2">
|
|
|
@@ -22,16 +22,16 @@
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
</template>
|
|
|
</app-table-details>
|
|
|
- <app-table-details title="管理员及账户信息" :data="data?.users" :label-width="160" :cell-props="detailProps3"
|
|
|
+ <app-table-details :title="t('member.institution.user.details.subtitle2')" :data="data?.users" :label-width="160" :cell-props="detailProps3"
|
|
|
:column="2" />
|
|
|
- <app-table-details title="银行卡信息" :data="data?.userinfo" :label-width="160" :cell-props="detailProps4"
|
|
|
+ <app-table-details :title="t('member.institution.user.details.subtitle3')" :data="data?.userinfo" :label-width="160" :cell-props="detailProps4"
|
|
|
:column="2" v-if="data?.userinfo.bankid">
|
|
|
<!-- 银行卡正面 -->
|
|
|
<template #bankcardfrontphotourl="{ value }">
|
|
|
<el-image :src="value" fit="cover" lazy style="width: 128px; height: 72px" />
|
|
|
</template>
|
|
|
</app-table-details>
|
|
|
- <app-table-details title="附件" :data="data?.userinfo" :label-width="160" :cell-props="detailProps5" :column="2"
|
|
|
+ <app-table-details :title="t('member.institution.user.details.subtitle4')" :data="data?.userinfo" :label-width="160" :cell-props="detailProps5" :column="2"
|
|
|
v-if="data?.userinfo.attachment1 || data?.userinfo.attachment2" />
|
|
|
<template #footer>
|
|
|
<el-button @click="onCancel(false)">{{ t('operation.close') }}</el-button>
|
|
|
@@ -103,57 +103,57 @@ const { data } = useRequest(queryOrganDetail, {
|
|
|
})
|
|
|
|
|
|
const detailProps1: CellProp[] = [
|
|
|
- { prop: 'userid', label: '机构代码' },
|
|
|
- { prop: 'userinfotype', label: '所有者类型', formatValue: () => getUserInfoTypeName(data.value?.userinfo.userinfotype) },
|
|
|
- { prop: 'refereeusername', label: '推荐人', formatValue: () => data.value?.refereeusername },
|
|
|
- { prop: 'accountname', label: '机构名称' },
|
|
|
- { prop: 'usertype', label: '机构类型', formatValue: (val) => usertype2Enum.getEnumTypeName(val) },
|
|
|
- { prop: 'accountstatus', label: '机构状态', formatValue: (val) => areastatusEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'reckonaccountid', label: '资金账户' },
|
|
|
- { prop: 'createtime', label: '创建时间', formatValue: (val) => formatDate(val) },
|
|
|
+ { prop: 'userid', label: 'member.institution.user.details.userid' },
|
|
|
+ { prop: 'userinfotype', label: 'member.institution.user.details.userinfotype', formatValue: () => getUserInfoTypeName(data.value?.userinfo.userinfotype) },
|
|
|
+ { prop: 'refereeusername', label: 'member.institution.user.details.refereeusername', formatValue: () => data.value?.refereeusername },
|
|
|
+ { prop: 'accountname', label: 'member.institution.user.details.accountname' },
|
|
|
+ { prop: 'usertype', label: 'member.institution.user.details.usertype', formatValue: (val) => usertype2Enum.getEnumTypeName(val) },
|
|
|
+ { prop: 'accountstatus', label: 'member.institution.user.details.accountstatus', formatValue: (val) => areastatusEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'reckonaccountid', label: 'member.institution.user.details.reckonaccountid' },
|
|
|
+ { prop: 'createtime', label: 'member.institution.user.details.createtime', formatValue: (val) => formatDate(val) },
|
|
|
]
|
|
|
|
|
|
const detailProps2 = computed<CellProp[]>(() => {
|
|
|
const isPerson = data.value?.userinfo.userinfotype === UserInfoType.Personal
|
|
|
return [
|
|
|
- { prop: 'customername', label: '名称' },
|
|
|
- { prop: 'company', label: '公司', show: isPerson },
|
|
|
- { prop: 'biznature', label: '企业性质', formatValue: (val) => biznatureEnum.getEnumTypeName(val), show: !isPerson },
|
|
|
- { prop: 'cardtypeid', label: '证件类型', formatValue: (val) => certificatetypeEnum.getEnumTypeName(val) },
|
|
|
- { prop: 'cardnum', label: '证件号码', formatValue: (val) => decryptAES(val) },
|
|
|
- { prop: 'cardfrontphotourl', label: '证件照正面' },
|
|
|
- { prop: 'cardbackphotourl', label: '证件照反面', show: isPerson },
|
|
|
- { prop: 'legalpersonname', label: '法人姓名', show: !isPerson },
|
|
|
- { prop: 'legalcardfrontphotourl', label: '法人身份证正面', show: !isPerson },
|
|
|
- { prop: 'legalcardbackphotourl', label: '法人身份证反面', show: !isPerson },
|
|
|
- { prop: 'contactname', label: '联系人', show: !isPerson },
|
|
|
- { prop: 'sex', label: '性别', formatValue: (val) => getGenderName(val) },
|
|
|
- { prop: 'mobile', label: '手机号', formatValue: (val) => decryptAES(val) },
|
|
|
- { prop: 'telphone', label: '联系电话', formatValue: (val) => decryptAES(val) },
|
|
|
- { prop: 'address', label: '地址', formatValue: (val) => (data.value?.division ?? '') + (val ?? '') },
|
|
|
- { prop: 'postalcode', label: '邮政编码' },
|
|
|
- { prop: 'email', label: '邮箱', formatValue: (val) => decryptAES(val) },
|
|
|
- { prop: 'qq', label: 'QQ' },
|
|
|
- { prop: 'wechat', label: '微信' },
|
|
|
- { prop: 'remark', label: '备注' },
|
|
|
+ { prop: 'customername', label: 'member.institution.user.details.customername' },
|
|
|
+ { prop: 'company', label: 'member.institution.user.details.company', show: isPerson },
|
|
|
+ { prop: 'biznature', label: 'member.institution.user.details.biznature', formatValue: (val) => biznatureEnum.getEnumTypeName(val), show: !isPerson },
|
|
|
+ { prop: 'cardtypeid', label: 'member.institution.user.details.cardtypeid', formatValue: (val) => certificatetypeEnum.getEnumTypeName(val) },
|
|
|
+ { prop: 'cardnum', label: 'member.institution.user.details.cardnum', formatValue: (val) => decryptAES(val) },
|
|
|
+ { prop: 'cardfrontphotourl', label: 'member.institution.user.details.cardfrontphotourl' },
|
|
|
+ { prop: 'cardbackphotourl', label: 'member.institution.user.details.cardbackphotourl', show: isPerson },
|
|
|
+ { prop: 'legalpersonname', label: 'member.institution.user.details.legalpersonname', show: !isPerson },
|
|
|
+ { prop: 'legalcardfrontphotourl', label: 'member.institution.user.details.legalcardfrontphotourl', show: !isPerson },
|
|
|
+ { prop: 'legalcardbackphotourl', label: 'member.institution.user.details.legalcardbackphotourl', show: !isPerson },
|
|
|
+ { prop: 'contactname', label: 'member.institution.user.details.contactname', show: !isPerson },
|
|
|
+ { prop: 'sex', label: 'member.institution.user.details.sex', formatValue: (val) => getGenderName(val) },
|
|
|
+ { prop: 'mobile', label: 'member.institution.user.details.mobile', formatValue: (val) => decryptAES(val) },
|
|
|
+ { prop: 'telphone', label: 'member.institution.user.details.telphone', formatValue: (val) => decryptAES(val) },
|
|
|
+ { prop: 'address', label: 'member.institution.user.details.address', formatValue: (val) => (data.value?.division ?? '') + (val ?? '') },
|
|
|
+ { prop: 'postalcode', label: 'member.institution.user.details.postalcode' },
|
|
|
+ { prop: 'email', label: 'member.institution.user.details.email', formatValue: (val) => decryptAES(val) },
|
|
|
+ { prop: 'qq', label: 'member.institution.user.details.qq' },
|
|
|
+ { prop: 'wechat', label: 'member.institution.user.details.wechat' },
|
|
|
+ { prop: 'remark', label: 'member.institution.user.details.remark' },
|
|
|
]
|
|
|
})
|
|
|
|
|
|
const detailProps3: CellProp[] = [
|
|
|
- { prop: 'logincode', label: '管理员登录帐号' },
|
|
|
- { prop: 'username', label: '管理员名称' },
|
|
|
- { prop: 'managerstatus', label: '帐号状态', formatValue: (val) => userstatusEnum.getEnumTypeName(val) }
|
|
|
+ { prop: 'logincode', label: 'member.institution.user.details.logincode' },
|
|
|
+ { prop: 'username', label: 'member.institution.user.details.username' },
|
|
|
+ { prop: 'managerstatus', label: 'member.institution.user.details.managerstatus', formatValue: (val) => userstatusEnum.getEnumTypeName(val) }
|
|
|
]
|
|
|
|
|
|
const detailProps4: CellProp[] = [
|
|
|
- { prop: 'bankname', label: '银行名称' },
|
|
|
- { prop: 'bankaccount', label: '银行账户' },
|
|
|
- { prop: 'bankcardfrontphotourl', label: '银行卡正面' },
|
|
|
+ { prop: 'bankname', label: 'member.institution.user.details.bankname' },
|
|
|
+ { prop: 'bankaccount', label: 'member.institution.user.details.bankaccount' },
|
|
|
+ { prop: 'bankcardfrontphotourl', label: 'member.institution.user.details.bankcardfrontphotourl' },
|
|
|
]
|
|
|
|
|
|
const detailProps5: CellProp[] = [
|
|
|
- { prop: 'attachment1', label: '附件1' },
|
|
|
- { prop: 'attachment2', label: '附件2' },
|
|
|
+ { prop: 'attachment1', label: 'member.institution.user.details.attachment1' },
|
|
|
+ { prop: 'attachment2', label: 'member.institution.user.details.attachment2' },
|
|
|
]
|
|
|
|
|
|
const onCancel = (isRefresh = false) => {
|