gitea
/
fundHoldAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

商户管理更新，级联地址根据当前语言环境动态获取，认证添加有无营业执照,身份证和护照的切换，完善国际化、列表页字段、详情页字段、编辑字段。

main
TonyStark 4 weeks ago
parent
a82d2137a8
commit
b045a47d69
4 changed files with 514 additions and 73 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/languages/en.js
  2. 16
      src/languages/zh.js
  3. 559
      src/views/business/merchantVerification/index.vue
  4. 4
      src/views/business/userVerification/index.vue

8
src/languages/en.js
View File

@ -949,7 +949,9 @@ export default {
registeredLegalPersonName: 'Registered Legal Person Name',
authenticatedLegalPersonName: 'Authenticated Legal Person Name',
legalPersonIdCardNumber: 'Legal Person ID Card Number',
shopKeeperIdCardNumber: 'Shop Keeper ID Card Number',
businessLicense: 'Business License',
doorPhoto: 'Door Photo',
yes: 'Yes',
no: 'No',
authenticationFailureReason: 'Authentication Failure Reason',
@ -966,8 +968,14 @@ export default {
accountPlaceholder: 'Please enter the account',
merchantNamePlaceholder: 'Please enter the merchant name',
legalPersonIdCardPlaceholder: 'Please enter the legal person ID card number',
shopKeeperIdCardPlaceholder: 'Please enter the shop keeper ID card number',
businessLicenseNumberPlaceholder: 'Please enter the business license number',
legalPersonPhonePlaceholder: 'Please enter the business license phone',
legalPersonEmailPlaceholder: 'Please enter the business license E-mail',
legalPersonNamePlaceholder: 'Please enter the legal person name',
shopKeeperNamePlaceholder: 'Please enter the shop keeper name',
shopKeeperPhonePlaceholder: 'Please enter the shop keeper phone',
shopKeeperEmailPlaceholder: 'Please enter the shop keeper E-mail',
authenticationFailureReasonPlaceholder: 'Please enter the authentication failure reason',
authenticateTitle: 'Merchant Authentication',
detailTitle: 'Merchant Authentication Details',

16
src/languages/zh.js
View File

@ -822,6 +822,7 @@ export default {
idCardFrontRequired: '请上传身份证正面照片',
idCardBackRequired: '请上传身份证背面照片',
idCardHoldingRequired: '请上传手持身份证照片',
passportRequired: '请上传护照照片',
failureReasonRequired: '请输入失败原因',
license: "护照"
}
@ -938,10 +939,13 @@ export default {
userAccount: '用户账号',
merchantInfoName: '注册商户名称',
businessLicenseNumber: '营业执照号',
legalPersonInfoName: '注册法人姓名',
legalPersonInfoName: '认证人姓名',
legalPersonName: '法人姓名',
legalPersonPhone: '法人电话',
legalPersonEmail: '法人邮箱',
shopKeeperName: '店主姓名',
shopKeeperPhone: '店主电话',
shopKeeperEmail: '店主邮箱',
status: '认证状态',
authenticationDate: '认证日期',
certificateExpirationDate: '证件有效期',
@ -951,7 +955,9 @@ export default {
registeredLegalPersonName: '注册法人姓名',
authenticatedLegalPersonName: '认证法人姓名',
legalPersonIdCardNumber: '法人身份证号码',
shopKeeperIdCardNumber: '店主身份证号码',
businessLicense: '营业执照',
doorPhoto: '门头照片',
yes: '有',
no: '无',
authenticationFailureReason: '认证失败原因',
@ -968,8 +974,16 @@ export default {
accountPlaceholder: '请输入账号',
merchantNamePlaceholder: '请输入商户名称',
legalPersonIdCardPlaceholder: '请输入法人身份证号',
shopKeeperIdCardPlaceholder: '请输入法人身份证号',
businessLicenseNumberPlaceholder: '请输入营业执照号',
businessLicensePhotoPlaceholder: '请上传营业执照',
doorPhotoPlaceholder: '请上传门头执照',
legalPersonNamePlaceholder: '请输入法人姓名',
legalPersonPhonePlaceholder: '请输入法人电话',
legalPersonEmailPlaceholder: '请输入法人邮箱',
shopKeeperNamePlaceholder: '请输入店主姓名',
shopKeeperPhonePlaceholder: '请输入店主电话',
shopKeeperEmailPlaceholder: '请输入店主邮箱',
authenticationFailureReasonPlaceholder: '请输入认证失败原因',
authenticateTitle: '商户认证',
detailTitle: '商户认证详情',

559
src/views/business/merchantVerification/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-if="showSearch" label-width="68px">
<el-form-item :label="$t('business.merchant.merchantVerification.account')" prop="account">
<el-input v-model="queryParams.account"
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" clearable
@ -38,14 +38,8 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center"
prop="userAccount" />
<el-table-column :label="$t('business.merchant.merchantVerification.merchantInfoName')" align="center"
<el-table-column :label="$t('business.merchant.merchantVerification.merchantName')" align="center"
prop="merchantInfoName" />
<el-table-column :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" align="center"
prop="businessLicenseNumber" />
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonInfoName')" align="center"
prop="legalPersonInfoName" />
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" align="center"
prop="legalPersonIdCard" />
<el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center"
prop="legalPersonExpirationTime" />
<el-table-column :label="$t('business.merchant.merchantVerification.status')" align="center" prop="status">
@ -78,38 +72,101 @@
</el-table-column>
</el-table>
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
<pagination v-if="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 添加或修改商户认证信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName">
<el-input v-model="form.merchantName"
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" />
<!-- 是否有营业执照：1-有，2-无 -->
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense')" prop="hasLicense">
<el-radio-group v-model="form.hasLicense">
<el-radio :label="1">{{ $t('business.merchant.merchantVerification.yes') }}</el-radio>
<el-radio :label="0">{{ $t('business.merchant.merchantVerification.no') }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber')"
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicenseNumber')"
prop="businessLicenseNumber">
<el-input v-model="form.businessLicenseNumber"
:placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName">
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicense')"
prop="businessLicenseImage">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_businessLicenseImage" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.doorPhoto')"
prop="shopDoorImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopDoorImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<!-- 有营业执照的认证方式：1-身份证，2-护照 -->
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.verifiedType')" prop="licenseType">
<el-radio-group v-model="form.licenseType">
<el-radio :label="1">{{ $t('business.userManager.userVerification.idCardVerification') }}</el-radio>
<el-radio :label="0">{{ $t('business.userManager.userVerification.license') }}</el-radio>
</el-radio-group>
</el-form-item>
<!-- 有营业执照的认证方式认证基础字段 -->
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName">
<el-input v-model="form.legalPersonName"
:placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard">
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone')" prop="contactPersonPhone">
<el-input v-model="form.contactPersonPhone"
:placeholder="$t('business.merchant.merchantVerification.legalPersonPhonePlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail')" prop="contactPersonEmail">
<el-input v-model="form.contactPersonEmail"
:placeholder="$t('business.merchant.merchantVerification.legalPersonEmailPlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard">
<el-input v-model="form.legalPersonIdCard"
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" />
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')"
prop="legalPersonIdCardFrontImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardFrontImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate')" prop="legalPersonDateOfIssue">
<el-date-picker clearable
v-model="form.legalPersonDateOfIssue"
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.dateOfIssueRequired')">
</el-date-picker>
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate')" prop="legalPersonExpirationTime">
<el-date-picker clearable
v-model="form.legalPersonExpirationTime"
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.expirationTimeRequired')">
</el-date-picker>
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress')" prop="operateAddress">
<el-cascader
v-model="form.operateAddress"
:options="options_addr"
@change="handleChange"></el-cascader>
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')"
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item>
<!-- 有营业执照的认证方式身份证上传 -->
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')"
prop="legalPersonIdCardFrontImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardFrontImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')"
prop="legalPersonIdCardBackImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
@ -117,7 +174,7 @@
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')"
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')"
prop="legalPersonUserWithIdCardImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_userWithIdCardImagePath"
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
@ -125,6 +182,101 @@
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<!-- 有营业执照的认证方式护照上传 -->
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '0'" :label="$t('business.userManager.userVerification.license')"
prop="passportImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_passportImagePath"
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<!-------------------------------------------------------------有无营业执照分割线------------------------------------------------------------------->
<!-- 无营业执照的认证方式：1-身份证，2-护照 -->
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.verifiedType')" prop="shopkeeperLicenseType">
<el-radio-group v-model="form.shopkeeperLicenseType">
<el-radio :label="1">{{ $t('business.userManager.userVerification.idCardVerification') }}</el-radio>
<el-radio :label="0">{{ $t('business.userManager.userVerification.license') }}</el-radio>
</el-radio-group>
</el-form-item>
<!-- 无营业执照的认证方式认证基础字段 -->
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName')" prop="shopkeeperName">
<el-input v-model="form.shopkeeperName"
:placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone')" prop="contactPersonPhone">
<el-input v-model="form.contactPersonPhone"
:placeholder="$t('business.merchant.merchantVerification.legalPersonPhonePlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail')" prop="contactPersonEmail">
<el-input v-model="form.contactPersonEmail"
:placeholder="$t('business.merchant.merchantVerification.legalPersonEmailPlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperIdCardNumber')" prop="shopkeeperIdCard">
<el-input v-model="form.shopkeeperIdCard"
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" />
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateStartDate')" prop="shopkeeperDateOfIssue">
<el-date-picker clearable
v-model="form.shopkeeperDateOfIssue"
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.dateOfIssueRequired')">
</el-date-picker>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate')" prop="shopkeeperExpirationTime">
<el-date-picker clearable
v-model="form.shopkeeperExpirationTime"
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.expirationTimeRequired')">
</el-date-picker>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress')" prop="operateAddress">
<el-cascader
v-model="form.operateAddress"
:options="options_addr"
@change="handleChange"></el-cascader>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item>
<!-- 无营业执照的认证方式身份证上传 -->
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')"
prop="shopkeeperIdCardFrontImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperIdCardFrontImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')"
prop="shopkeeperIdCardBackImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperIdCardBackImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')"
prop="shopkeeperWithIdCardImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperWithIdCardImagePath"
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
<!-- 无营业执照的认证方式护照上传 -->
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '0'" :label="$t('business.userManager.userVerification.license')"
prop="shopkeeperPassportImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperPassportImagePath"
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
</el-upload>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary"
@ -136,44 +288,100 @@
<!-- 认证审核 -->
<el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body>
<el-form ref="auditForm" :model="auditForm" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.registeredMerchantName') + '：'">
{{auditForm.merchantInfoName}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticatedMerchantName') + '：'">
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + '：'">
{{auditForm.merchantName}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.registeredLegalPersonName') + '：'">
{{auditForm.legalPersonInfoName}}
<el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
{{auditForm.businessLicenseNumber}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.businessLicenseImage"
:preview-src-list="[auditForm.businessLicenseImage]" />
</el-form-item>
<el-form-item v-if="auditForm.hasLicense ==0" :label="$t('business.merchant.merchantVerification.doorPhoto') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopDoorImagePath"
:preview-src-list="[auditForm.shopDoorImagePath]" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticatedLegalPersonName') + '：'">
<!-- 有营业执照的法人审核信息 -->
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName') + '：'">
{{auditForm.legalPersonName}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCardNumber') + '：'">
{{auditForm.legalPersonIdCardShow}}
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + '：'">
{{auditForm.contactPersonPhone}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
{{auditForm.businessLicenseNumber}}
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail') + '：'">
{{auditForm.contactPersonEmail}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + '：'">
{{auditForm.legalPersonIdCard}}
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1" :label="$t('business.userManager.userVerification.idCardFront')">
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate') + '：'">
{{auditForm.legalPersonDateOfIssue}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
{{auditForm.legalPersonExpirationTime}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{auditForm.operateAddress}}
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardFrontImagePath"
:preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1" :label="$t('business.userManager.userVerification.idCardBack')">
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardBackImagePath"
:preview-src-list="[auditForm.legalPersonIdCardBackImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonUserWithIdCardImagePath"
:preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType == 0" :label="$t('business.userManager.userVerification.license')">
<el-form-item v-if="auditForm.licenseType == 0 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="auditForm.passportImagePath"
:preview-src-list="[auditForm.passportImagePath]" />
</el-form-item>
<!-- 法营业执照的店主审核信息 -->
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'">
{{auditForm.shopkeeperName}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone') + '：'">
{{auditForm.contactPersonPhone}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail') + '：'">
{{auditForm.contactPersonEmail}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperIdCardNumber') + '：'">
{{auditForm.shopkeeperIdCard}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateStartDate') + '：'">
{{auditForm.shopkeeperDateOfIssue}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
{{auditForm.shopkeeperExpirationTime}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{auditForm.operateAddress}}
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardFrontImagePath"
:preview-src-list="[auditForm.shopkeeperIdCardFrontImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardBackImagePath"
:preview-src-list="[auditForm.shopkeeperIdCardBackImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperWithIdCardImagePath"
:preview-src-list="[auditForm.shopkeeperWithIdCardImagePath]" />
</el-form-item>
<el-form-item v-if="auditForm.licenseType == 0 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperPassportImagePath"
:preview-src-list="[auditForm.shopkeeperPassportImagePath]" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationFailureReason') + '：'"
prop="failureReason">
prop="failureReason">
<el-input v-model="auditForm.failureReason"
:placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" />
:placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -189,38 +397,97 @@
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + '：'">
{{ form.merchantName }}
{{form.merchantName}}
</el-form-item>
<el-form-item v-if="form.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
{{form.businessLicenseNumber}}
</el-form-item>
<el-form-item v-if="form.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.businessLicenseImage"
:preview-src-list="[form.businessLicenseImage]" />
</el-form-item>
<el-form-item v-if="form.hasLicense ==0" :label="$t('business.merchant.merchantVerification.doorPhoto') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.shopDoorImagePath"
:preview-src-list="[form.shopDoorImagePath]" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber') + '：'">
{{ form.businessLicenseNumber }}
<!-- 有营业执照的法人审核信息详情 -->
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName') + '：'">
{{form.legalPersonName}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName') + '：'">
{{ form.legalPersonName }}
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + '：'">
{{form.contactPersonPhone}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + '：'">
{{ form.legalPersonIdCard }}
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail') + '：'">
{{form.contactPersonEmail}}
</el-form-item>
<el-form-item v-if="form.licenseType ==1"
:label="$t('business.userManager.userVerification.idCardFront') + '：'">
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + '：'">
{{form.legalPersonIdCard}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate') + '：'">
{{form.legalPersonDateOfIssue}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
{{form.legalPersonExpirationTime}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{form.operateAddress}}
</el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardFrontImagePath"
:preview-src-list="[form.legalPersonIdCardFrontImagePath]" />
:preview-src-list="[form.legalPersonIdCardFrontImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType ==1"
:label="$t('business.userManager.userVerification.idCardBack') + '：'">
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardBackImagePath"
:preview-src-list="[form.legalPersonIdCardBackImagePath]" />
:preview-src-list="[form.legalPersonIdCardBackImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType ==1"
:label="$t('business.userManager.userVerification.idCardHolding') + '：'">
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="form.legalPersonUserWithIdCardImagePath"
:preview-src-list="[form.legalPersonUserWithIdCardImagePath]" />
:preview-src-list="[form.legalPersonUserWithIdCardImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType == 0" :label="$t('business.userManager.userVerification.license')">
<el-form-item v-if="form.licenseType == 0 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="form.passportImagePath"
:preview-src-list="[form.passportImagePath]" />
:preview-src-list="[form.passportImagePath]" />
</el-form-item>
<!-- 法营业执照的店主审核信息详情 -->
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'">
{{form.shopkeeperName}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone') + '：'">
{{form.contactPersonPhone}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail') + '：'">
{{form.contactPersonEmail}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperIdCardNumber') + '：'">
{{form.shopkeeperIdCard}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateStartDate') + '：'">
{{form.shopkeeperDateOfIssue}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
{{form.shopkeeperExpirationTime}}
</el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{form.operateAddress}}
</el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardFrontImagePath"
:preview-src-list="[form.shopkeeperIdCardFrontImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardBackImagePath"
:preview-src-list="[form.shopkeeperIdCardBackImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperWithIdCardImagePath"
:preview-src-list="[form.shopkeeperWithIdCardImagePath]" />
</el-form-item>
<el-form-item v-if="form.licenseType == 0 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperPassportImagePath"
:preview-src-list="[form.shopkeeperPassportImagePath]" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + '：'"
prop="authenticationDate">
prop="authenticationDate">
{{ form.authenticationDate }}
</el-form-item>
</el-form>
@ -240,6 +507,7 @@
updateMerchantVerification,
merchantAudit
} from "@/api/business/merchantVerification";
import {getAddress} from "@/api/business/userVerification";
export default {
name: "MerchantVerification",
@ -290,17 +558,14 @@
},
// 表单参数
form: {},
//地址选择列表
options_addr:[],
//审核参数
auditForm: {},
// 上传文件列表
fileList: [],
// 表单校验
rules: {
merchantName: [{
required: true,
message: this.$t('business.merchant.merchantVerification.merchantNameRequired'),
trigger: "blur"
}],
legalPersonName: [{
required: true,
message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'),
@ -321,6 +586,11 @@
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'),
trigger: "blur"
}],
passportImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.passportRequired'),
trigger: "blur"
}],
legalPersonIdCard: [{
required: true,
pattern: /^\d+$/,
@ -328,11 +598,98 @@
trigger: "blur"
}],
failureReason: [{}],
businessLicenseNumber: [{
required: true,
message: this.$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder'),
trigger: "blur"
}],
businessLicenseImage: [{
required: true,
message: this.$t('business.merchant.merchantVerification.businessLicensePhotoPlaceholder'),
trigger: "blur"
}],
shopDoorImagePath: [{
required: true,
message: this.$t('business.merchant.merchantVerification.doorPhotoPlaceholder'),
trigger: "blur"
}],
legalPersonDateOfIssue: [{
required: true,
message: this.$t('business.userManager.userVerification.expirationTimeRequired'),
trigger: "blur"
}],
legalPersonExpirationTime: [{
required: true,
message: this.$t('business.userManager.userVerification.expirationTimeRequired'),
trigger: "blur"
}],
operateAddress: [{
required: true,
message: this.$t('business.userManager.userInfo.addrPlaceholder'),
trigger: "blur"
}],
addrDetail: [{
required: true,
message: this.$t('business.userManager.userInfo.addrPlaceholder'),
trigger: "blur"
}],
shopkeeperName: [{
required: true,
message: this.$t('business.merchant.merchantVerification.shopKeeperNamePlaceholder'),
trigger: "blur"
}],
contactPersonPhone: [{
required: true,
message: this.$t('business.merchant.merchantVerification.shopKeeperPhonePlaceholder'),
trigger: "blur"
}],
contactPersonEmail: [{
required: true,
message: this.$t('business.merchant.merchantVerification.shopKeeperEmailPlaceholder'),
trigger: "blur"
}],
shopkeeperIdCard: [{
required: true,
pattern: /^\d+$/,
message: this.$t('business.merchant.merchantVerification.shopKeeperIdCardPlaceholder'),
trigger: "blur"
}],
shopkeeperIdCardFrontImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.idCardFrontRequired'),
trigger: "blur"
}],
shopkeeperIdCardBackImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.idCardBackRequired'),
trigger: "blur"
}],
shopkeeperWithIdCardImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'),
trigger: "blur"
}],
shopkeeperPassportImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.passportRequired'),
trigger: "blur"
}],
shopkeeperDateOfIssue: [{
required: true,
message: this.$t('business.userManager.userVerification.expirationTimeRequired'),
trigger: "blur"
}],
shopkeeperExpirationTime: [{
required: true,
message: this.$t('business.userManager.userVerification.expirationTimeRequired'),
trigger: "blur"
}],
}
};
},
created() {
this.getList();
this.getAddress();
},
computed: {
// 计算属性：动态生成上传URL
@ -347,6 +704,12 @@
/** 查询商户认证信息列表 */
getList() {
this.loading = true;
const languageMap = {
'zh': 1,
'en': 2,
'la': 3
};
this.queryParams.language = languageMap[this.$i18n.locale] || null;
listMerchantVerification(this.queryParams).then(response => {
this.merchantVerificationList = response.rows;
this.total = response.total;
@ -384,7 +747,9 @@
updateTime: undefined,
createBy: undefined,
updateBy: undefined,
delFlag: undefined
delFlag: undefined,
hasLicense: 1,
licenseType: 1
};
this.resetForm("form");
},
@ -416,6 +781,7 @@
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle');
} else {
this.form.userId = row.userId;
this.form.merchantName = row.merchantInfoName;
this.open = true;
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle');
}
@ -450,6 +816,7 @@
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.form.operateAddress = this.form.operateAddress + "," + this.form.addrDetail;
this.buttonLoading = true;
if (this.form.id != null) {
updateMerchantVerification(this.form).then(response => {
@ -535,24 +902,76 @@
});
})
},
//身份证正面上传成功
//身份证正面上传成功-法人
handleSuccess_idCardFrontImagePath(response) {
if (response.code === 200) {
this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//身份证反面上传成功
//身份证反面上传成功-法人
handleSuccess_idCardBackImagePath(response) {
if (response.code === 200) {
this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//身份证手持上传成功
//身份证手持上传成功-法人
handleSuccess_userWithIdCardImagePath(response) {
if (response.code === 200) {
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
}
},
//身份证手持上传成功-法人
handleSuccess_passportImagePath(response) {
if (response.code === 200) {
this.form.passportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//身份证正面上传成功-店主
handleSuccess_shopkeeperIdCardFrontImagePath(response) {
if (response.code === 200) {
this.form.shopkeeperIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//身份证反面上传成功-店主
handleSuccess_shopkeeperIdCardBackImagePath(response) {
if (response.code === 200) {
this.form.shopkeeperIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//身份证手持上传成功-店主
handleSuccess_shopkeeperWithIdCardImagePath(response) {
if (response.code === 200) {
this.form.shopkeeperWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
handleSuccess_shopkeeperPassportImagePath(response) {
if (response.code === 200) {
this.form.shopkeeperPassportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//门头照片
handleSuccess_shopDoorImagePath(response) {
if (response.code === 200) {
this.form.shopDoorImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
//营业执照照片
handleSuccess_businessLicenseImage(response) {
if (response.code === 200) {
this.form.businessLicenseImage = this.getImgUrl + response.data; // 保存 URL 到表单
}
},
/** 获取地址列表 */
getAddress() {
this.loading = true;
getAddress(this.$i18n.locale).then(response => {
this.options_addr = response.data;
});
},
/** 地址联动事件 **/
handleChange(value) {
this.form.operateAddress = value;
},
}
};
</script>

4
src/views/business/userVerification/index.vue
View File

@ -141,7 +141,7 @@
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.birthDatePlaceholder')">
:placeholder="$t('business.userManager.userVerification.dateOfIssueRequired')">
</el-date-picker>
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.certificateEndDate')" prop="expirationTime">
@ -150,7 +150,7 @@
type="date"
format="dd/MM/yyyy"
value-format="dd/MM/yyyy"
:placeholder="$t('business.userManager.userVerification.birthDatePlaceholder')">
:placeholder="$t('business.userManager.userVerification.expirationTimeRequired')">
</el-date-picker>
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.contactAddress')" prop="commonContactAddress">

Write Preview
Loading…
Cancel
Save