Browse Source

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

main
TonyStark 4 weeks ago
parent
commit
b045a47d69
  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

@ -949,7 +949,9 @@ export default {
registeredLegalPersonName: 'Registered Legal Person Name', registeredLegalPersonName: 'Registered Legal Person Name',
authenticatedLegalPersonName: 'Authenticated Legal Person Name', authenticatedLegalPersonName: 'Authenticated Legal Person Name',
legalPersonIdCardNumber: 'Legal Person ID Card Number', legalPersonIdCardNumber: 'Legal Person ID Card Number',
shopKeeperIdCardNumber: 'Shop Keeper ID Card Number',
businessLicense: 'Business License', businessLicense: 'Business License',
doorPhoto: 'Door Photo',
yes: 'Yes', yes: 'Yes',
no: 'No', no: 'No',
authenticationFailureReason: 'Authentication Failure Reason', authenticationFailureReason: 'Authentication Failure Reason',
@ -966,8 +968,14 @@ export default {
accountPlaceholder: 'Please enter the account', accountPlaceholder: 'Please enter the account',
merchantNamePlaceholder: 'Please enter the merchant name', merchantNamePlaceholder: 'Please enter the merchant name',
legalPersonIdCardPlaceholder: 'Please enter the legal person ID card number', 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', 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', 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', authenticationFailureReasonPlaceholder: 'Please enter the authentication failure reason',
authenticateTitle: 'Merchant Authentication', authenticateTitle: 'Merchant Authentication',
detailTitle: 'Merchant Authentication Details', detailTitle: 'Merchant Authentication Details',

16
src/languages/zh.js

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

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

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <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-form-item :label="$t('business.merchant.merchantVerification.account')" prop="account">
<el-input v-model="queryParams.account" <el-input v-model="queryParams.account"
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" clearable :placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" clearable
@ -38,14 +38,8 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center" <el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center"
prop="userAccount" /> 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" /> 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" <el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center"
prop="legalPersonExpirationTime" /> prop="legalPersonExpirationTime" />
<el-table-column :label="$t('business.merchant.merchantVerification.status')" align="center" prop="status"> <el-table-column :label="$t('business.merchant.merchantVerification.status')" align="center" prop="status">
@ -78,38 +72,101 @@
</el-table-column> </el-table-column>
</el-table> </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" /> @pagination="getList" />
<!-- 添加或修改商户认证信息对话框 --> <!-- 添加或修改商户认证信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> <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 ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName"> <!-- 是否有营业执照1-2- -->
<el-input v-model="form.merchantName" <el-form-item :label="$t('business.merchant.merchantVerification.businessLicense')" prop="hasLicense">
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" /> <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>
<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"> prop="businessLicenseNumber">
<el-input v-model="form.businessLicenseNumber" <el-input v-model="form.businessLicenseNumber"
:placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" /> :placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" />
</el-form-item> </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" <el-input v-model="form.legalPersonName"
:placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" /> :placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" />
</el-form-item> </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" <el-input v-model="form.legalPersonIdCard"
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" /> :placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')" <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate')" prop="legalPersonDateOfIssue">
prop="legalPersonIdCardFrontImagePath"> <el-date-picker clearable
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardFrontImagePath" :limit="1" v-model="form.legalPersonDateOfIssue"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> type="date"
<el-button size="small" type="primary">点击上传</el-button> format="dd/MM/yyyy"
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件且不超过5M</div> value-format="dd/MM/yyyy"
</el-upload> :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>
<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"> prop="legalPersonIdCardBackImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :limit="1" <el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :limit="1"
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> :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> <div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件且不超过5M</div>
</el-upload> </el-upload>
</el-form-item> </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"> prop="legalPersonUserWithIdCardImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_userWithIdCardImagePath" <el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_userWithIdCardImagePath"
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> :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> <div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件且不超过5M</div>
</el-upload> </el-upload>
</el-form-item> </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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" <el-button :loading="buttonLoading" type="primary"
@ -136,44 +288,100 @@
<!-- 认证审核 --> <!-- 认证审核 -->
<el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body> <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 ref="auditForm" :model="auditForm" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.registeredMerchantName') + ':'"> <el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + ':'">
{{auditForm.merchantInfoName}}
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticatedMerchantName') + ':'">
{{auditForm.merchantName}} {{auditForm.merchantName}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.registeredLegalPersonName') + ':'"> <el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + ':'">
{{auditForm.legalPersonInfoName}} {{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>
<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}} {{auditForm.legalPersonName}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCardNumber') + ':'"> <el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + ':'">
{{auditForm.legalPersonIdCardShow}} {{auditForm.contactPersonPhone}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> <el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail') + ':'">
{{auditForm.businessLicenseNumber}} {{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>
<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" <el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardFrontImagePath"
:preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]" /> :preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]" />
</el-form-item> </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" <el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardBackImagePath"
:preview-src-list="[auditForm.legalPersonIdCardBackImagePath]" /> :preview-src-list="[auditForm.legalPersonIdCardBackImagePath]" />
</el-form-item> </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" <el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonUserWithIdCardImagePath"
:preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]" /> :preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]" />
</el-form-item> </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" <el-image style="width: 90px; height: 30px" :src="auditForm.passportImagePath"
:preview-src-list="[auditForm.passportImagePath]" /> :preview-src-list="[auditForm.passportImagePath]" />
</el-form-item> </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') + ':'" <el-form-item :label="$t('business.merchant.merchantVerification.authenticationFailureReason') + ':'"
prop="failureReason"> prop="failureReason">
<el-input v-model="auditForm.failureReason" <el-input v-model="auditForm.failureReason"
:placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" /> :placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -189,38 +397,97 @@
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> <el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto"> <el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + ':'"> <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>
<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>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName') + ':'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + ':'">
{{ form.legalPersonName }} {{form.contactPersonPhone}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail') + ':'">
{{ form.legalPersonIdCard }} {{form.contactPersonEmail}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1" <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'">
:label="$t('business.userManager.userVerification.idCardFront') + ':'"> {{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" <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>
<el-form-item v-if="form.licenseType ==1" <el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardBack')">
:label="$t('business.userManager.userVerification.idCardBack') + ':'">
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardBackImagePath" <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>
<el-form-item v-if="form.licenseType ==1" <el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardHolding')">
:label="$t('business.userManager.userVerification.idCardHolding') + ':'">
<el-image style="width: 90px; height: 30px" :src="form.legalPersonUserWithIdCardImagePath" <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>
<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" <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>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + ':'" <el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + ':'"
prop="authenticationDate"> prop="authenticationDate">
{{ form.authenticationDate }} {{ form.authenticationDate }}
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -240,6 +507,7 @@
updateMerchantVerification, updateMerchantVerification,
merchantAudit merchantAudit
} from "@/api/business/merchantVerification"; } from "@/api/business/merchantVerification";
import {getAddress} from "@/api/business/userVerification";
export default { export default {
name: "MerchantVerification", name: "MerchantVerification",
@ -290,17 +558,14 @@
}, },
// //
form: {}, form: {},
//
options_addr:[],
// //
auditForm: {}, auditForm: {},
// //
fileList: [], fileList: [],
// //
rules: { rules: {
merchantName: [{
required: true,
message: this.$t('business.merchant.merchantVerification.merchantNameRequired'),
trigger: "blur"
}],
legalPersonName: [{ legalPersonName: [{
required: true, required: true,
message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'), message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'),
@ -321,6 +586,11 @@
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), message: this.$t('business.userManager.userVerification.idCardHoldingRequired'),
trigger: "blur" trigger: "blur"
}], }],
passportImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.passportRequired'),
trigger: "blur"
}],
legalPersonIdCard: [{ legalPersonIdCard: [{
required: true, required: true,
pattern: /^\d+$/, pattern: /^\d+$/,
@ -328,11 +598,98 @@
trigger: "blur" trigger: "blur"
}], }],
failureReason: [{}], 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() { created() {
this.getList(); this.getList();
this.getAddress();
}, },
computed: { computed: {
// URL // URL
@ -347,6 +704,12 @@
/** 查询商户认证信息列表 */ /** 查询商户认证信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
const languageMap = {
'zh': 1,
'en': 2,
'la': 3
};
this.queryParams.language = languageMap[this.$i18n.locale] || null;
listMerchantVerification(this.queryParams).then(response => { listMerchantVerification(this.queryParams).then(response => {
this.merchantVerificationList = response.rows; this.merchantVerificationList = response.rows;
this.total = response.total; this.total = response.total;
@ -384,7 +747,9 @@
updateTime: undefined, updateTime: undefined,
createBy: undefined, createBy: undefined,
updateBy: undefined, updateBy: undefined,
delFlag: undefined delFlag: undefined,
hasLicense: 1,
licenseType: 1
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -416,6 +781,7 @@
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); this.title = this.$t('business.merchant.merchantVerification.authenticateTitle');
} else { } else {
this.form.userId = row.userId; this.form.userId = row.userId;
this.form.merchantName = row.merchantInfoName;
this.open = true; this.open = true;
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); this.title = this.$t('business.merchant.merchantVerification.authenticateTitle');
} }
@ -450,6 +816,7 @@
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
this.form.operateAddress = this.form.operateAddress + "," + this.form.addrDetail;
this.buttonLoading = true; this.buttonLoading = true;
if (this.form.id != null) { if (this.form.id != null) {
updateMerchantVerification(this.form).then(response => { updateMerchantVerification(this.form).then(response => {
@ -535,24 +902,76 @@
}); });
}) })
}, },
// //-
handleSuccess_idCardFrontImagePath(response) { handleSuccess_idCardFrontImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // URL this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // URL
} }
}, },
// //-
handleSuccess_idCardBackImagePath(response) { handleSuccess_idCardBackImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // URL this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // URL
} }
}, },
// //-
handleSuccess_userWithIdCardImagePath(response) { handleSuccess_userWithIdCardImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // URL 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> </script>

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

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

Loading…
Cancel
Save