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

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

main
TonyStark 4 weeks ago
parent
b045a47d69
commit
50f7ce7150
8 changed files with 962 additions and 231 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/languages/zh.js
  2. 661
      src/views/business/agentVerification/index.vue
  3. 78
      src/views/business/merchantVerification/index.vue
  4. 189
      src/views/business/userInfoAgent/index.vue
  5. 25
      src/views/business/userInfoBus/index.vue
  6. 160
      src/views/business/userRegister/indexAgent.vue
  7. 14
      src/views/business/userRegister/indexBus.vue
  8. 50
      src/views/business/userVerification/index.vue

2
src/languages/zh.js
View File

@ -1862,7 +1862,7 @@ export default {
certificateExpirationDate: '证件有效期', certificateExpirationDate: '证件有效期',
failureReason: '失败原因', failureReason: '失败原因',
electronicContract: '电子合同', electronicContract: '电子合同',
earnestMoney: '保证金', earnestMoney: '保证金缴纳证明',
registeredAgentName: '注册代理名称', registeredAgentName: '注册代理名称',
authenticatedAgentName: '认证代理名称', authenticatedAgentName: '认证代理名称',
registeredLegalPersonName: '注册法人姓名', registeredLegalPersonName: '注册法人姓名',

661
src/views/business/agentVerification/index.vue
View File

@ -49,11 +49,8 @@
<el-table v-loading="loading" :data="merchantVerificationList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="merchantVerificationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.agent.agentVerification.userAccount')" align="center" prop="userAccount" /> <el-table-column :label="$t('business.agent.agentVerification.userAccount')" align="center" prop="userAccount" />
<el-table-column :label="$t('business.agent.agentVerification.agentName')" align="center" prop="agentName"/> <el-table-column :label="$t('business.agent.agentVerification.agentName')" align="center" prop="agentInfoName" />
<el-table-column :label="$t('business.agent.agentVerification.businessLicenseNumber')" align="center" prop="businessLicenseNumber"/> <el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center" prop="legalPersonExpirationTime" />
<el-table-column :label="$t('business.agent.agentVerification.legalPersonInfoName')" align="center" prop="legalPersonInfoName"/>
<el-table-column :label="$t('business.agent.agentVerification.legalPersonIdCard')" align="center" prop="legalPersonIdCard"/>
<el-table-column :label="$t('business.agent.agentVerification.certificateExpirationDate')" align="center" prop="legalPersonExpirationTime"/>
<el-table-column :label="$t('business.agent.agentVerification.status')" align="center" prop="status"> <el-table-column :label="$t('business.agent.agentVerification.status')" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.agent.agentVerification.statusOption.unverified') }}</el-tag> <el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.agent.agentVerification.statusOption.unverified') }}</el-tag>
@ -62,8 +59,12 @@
<el-tag type="danger" v-if="scope.row.status == '3'">{{ $t('business.agent.agentVerification.statusOption.verificationFailed') }}</el-tag> <el-tag type="danger" v-if="scope.row.status == '3'">{{ $t('business.agent.agentVerification.statusOption.verificationFailed') }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('business.agent.agentVerification.authenticationDate')" align="center" prop="authenticationDate" width="180"/> <el-table-column :label="$t('business.agent.agentVerification.authenticationDate')" align="center"
<el-table-column :label="$t('business.agent.agentVerification.failureReason')" align="center" prop="failureReason"/> prop="authenticationDate" width="180" />
<el-table-column :label="$t('business.merchant.userInfoBus.operatingAddress')" align="center"
prop="operateAddressShow" width="180" />
<el-table-column :label="$t('business.agent.agentVerification.failureReason')" align="center"
prop="failureReason" />
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="(scope.row.status == null || scope.row.status == 0 || scope.row.status == 3)" <el-button v-if="(scope.row.status == null || scope.row.status == 0 || scope.row.status == 3)"
@ -99,66 +100,218 @@
<!-- 添加或修改商户认证信息对话框 --> <!-- 添加或修改商户认证信息对话框 -->
<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.agent.agentVerification.agentName')" prop="agentName"> <!-- 是否有营业执照：1-有，2-无 -->
<el-input v-model="form.agentName" :placeholder="$t('business.agent.agentVerification.placeholder.agentNamePlaceholder')"/> <el-form-item :label="$t('business.merchant.merchantVerification.businessLicense')" prop="hasLicense">
</el-form-item> <el-radio-group v-model="form.hasLicense">
<el-form-item :label="$t('business.agent.agentVerification.businessLicenseNumber')" prop="businessLicenseNumber"> <el-radio :label="1">{{ $t('business.merchant.merchantVerification.yes') }}</el-radio>
<el-input v-model="form.businessLicenseNumber" :placeholder="$t('business.agent.agentVerification.businessLicenseNumber')"/> <el-radio :label="0">{{ $t('business.merchant.merchantVerification.no') }}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item :label="$t('business.agent.agentVerification.legalPersonName')" prop="legalPersonName"> </el-form-item>
<el-input v-model="form.legalPersonName" :placeholder="$t('business.agent.agentVerification.legalPersonName')"/> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicenseNumber')"
</el-form-item> prop="businessLicenseNumber">
<el-form-item :label="$t('business.agent.agentVerification.legalPersonIdCard')" prop="legalPersonIdCard"> <el-input v-model="form.businessLicenseNumber"
<el-input v-model="form.legalPersonIdCard" :placeholder="$t('business.agent.agentVerification.placeholder.legalPersonIdCardPlaceholder')"/> :placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')" prop="idCardFrontImagePath"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicense')"
<el-upload prop="businessLicenseImage">
class="upload-demo" <el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_businessLicenseImage" :limit="1"
:action="uploadUrl" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
:on-success="handleSuccess_idCardFrontImagePath" <el-button size="small" type="primary">点击上传</el-button>
:limit="1" <div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件，且不超过5M</div>
:accept="'image/jpg,image/png'" </el-upload>
:file-list="fileList" </el-form-item>
list-type="picture"> <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 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 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 v-if="form.hasLicense == '1'" :label="$t('business.userManager.userInfo.detailAddr')" prop="operateAddressDetail">
<el-input v-model="form.operateAddressDetail " :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="idCardFrontImagePath">
<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="idCardBackImagePath">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :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.idCardHolding')"
prop="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">
<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 == '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="operateAddressDetail">
<el-input v-model="form.operateAddressDetail " :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> <el-button size="small" type="primary">点击上传</el-button>
<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.idCardBack')" prop="idCardBackImagePath"> <el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')"
<el-upload prop="shopkeeperIdCardBackImagePath">
class="upload-demo" <el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperIdCardBackImagePath" :limit="1"
:action="uploadUrl" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
:on-success="handleSuccess_idCardBackImagePath"
:limit="1"
:accept="'image/jpg,image/png'"
:file-list="fileList"
list-type="picture">
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">点击上传</el-button>
<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')" prop="userWithIdCardImagePath"> <el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')"
<el-upload prop="shopkeeperWithIdCardImagePath">
class="upload-demo" <el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperWithIdCardImagePath"
:action="uploadUrl" :limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture">
:on-success="handleSuccess_userWithIdCardImagePath"
:limit="1"
:accept="'image/jpg,image/png'"
:file-list="fileList"
list-type="picture">
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">点击上传</el-button>
<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.agent.agentVerification.electronicContract')" prop="electronicContract"> <!-- 无营业执照的认证方式护照上传 -->
<el-input v-model="form.electronicContract" :placeholder="$t('business.agent.agentVerification.electronicContract')"/> <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-item>
<el-form-item :label="$t('business.agent.agentVerification.earnestMoney')" prop="earnestMoney"> <!-- 保证金缴纳证明上传 -->
<el-input v-model="form.earnestMoney" :placeholder="$t('business.agent.agentVerification.earnestMoney')"/> <el-form-item :label="$t('business.agent.agentVerification.earnestMoney')"
prop="earnestMoney">
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_earnestMoney"
: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>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button> <el-button :loading="buttonLoading" type="primary"
@click="submitForm">{{ $t('common.button.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> <el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -166,39 +319,104 @@
<!-- 认证审核 --> <!-- 认证审核 -->
<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.agent.agentVerification.registeredAgentName') + '：'">
{{auditForm.agentInfoName}}
</el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.authenticatedAgentName') + '：'"> <el-form-item :label="$t('business.agent.agentVerification.authenticatedAgentName') + '：'">
{{auditForm.agentName}} {{auditForm.agentName}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.registeredLegalPersonName') + '：'"> <el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicenseNumber') + '：'">
{{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.agent.agentVerification.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.agent.agentVerification.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 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>
<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') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.idCardFrontImagePath" :preview-src-list="[auditForm.idCardFrontImagePath]"/> {{auditForm.legalPersonDateOfIssue}}
</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.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.idCardBackImagePath" :preview-src-list="[auditForm.idCardBackImagePath]"/> {{auditForm.legalPersonExpirationTime}}
</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.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.userWithIdCardImagePath" :preview-src-list="[auditForm.userWithIdCardImagePath]"/> {{auditForm.operateAddressShow}}
</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 == '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' && 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' && 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' && 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 :label="$t('business.agent.agentVerification.businessLicense') + '：'"> <!-- 无营业执照的店主审核信息 -->
{{auditForm.businessLicenseNumber}} <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>
<el-form-item :label="$t('business.agent.agentVerification.authenticationFailureReason') + '：'" prop="failureReason"> <el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
<el-input v-model="auditForm.failureReason" :placeholder="$t('business.agent.agentVerification.authenticationFailureReason')" /> {{auditForm.shopkeeperExpirationTime}}
</el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{auditForm.operateAddressShow}}
</el-form-item>
<el-form-item v-if="auditForm.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.agent.agentVerification.earnestMoney') + '：'">
<el-image style="width: 90px; height: 30px" :src="auditForm.earnestMoney"
:preview-src-list="[auditForm.earnestMoney]" />
</el-form-item>
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationFailureReason') + '：'"
prop="failureReason">
<el-input v-model="auditForm.failureReason"
: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">
@ -214,40 +432,100 @@
<el-form-item :label="$t('business.agent.agentVerification.agentName') + '：'"> <el-form-item :label="$t('business.agent.agentVerification.agentName') + '：'">
{{ form.agentName }} {{ form.agentName }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.businessLicenseNumber') + '：'"> <el-form-item v-if="form.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicenseNumber') + '：'">
{{form.businessLicenseNumber}} {{form.businessLicenseNumber}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.legalPersonName') + '：'"> <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 v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName') + '：'">
{{form.legalPersonName}} {{form.legalPersonName}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.legalPersonIdCard') + '：'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + '：'">
{{form.contactPersonPhone}}
</el-form-item>
<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.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + '：'">
{{form.legalPersonIdCard}} {{form.legalPersonIdCard}}
</el-form-item> </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.userManager.userVerification.certificateStartDate') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.idCardFrontImagePath" :preview-src-list="[form.idCardFrontImagePath]"/> {{form.legalPersonDateOfIssue}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1" :label="$t('business.userManager.userVerification.idCardBack') + '：'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.idCardBackImagePath" :preview-src-list="[form.idCardBackImagePath]"/> {{form.legalPersonExpirationTime}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1" :label="$t('business.userManager.userVerification.idCardHolding') + '：'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.userWithIdCardImagePath" :preview-src-list="[form.userWithIdCardImagePath]"/> {{form.operateAddressShow}}
</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 ==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]" />
</el-form-item>
<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]" />
</el-form-item>
<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]" />
</el-form-item>
<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>
<el-form-item :label="$t('business.agent.agentVerification.electronicContract') + '：'"> <!-- 无营业执照的店主信息详情 -->
{{ form.electronicContract }} <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'">
{{form.shopkeeperName}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.earnestMoney') + '：'"> <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone') + '：'">
{{ form.earnestMoney }} {{form.contactPersonPhone}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentVerification.authenticationDate') + '：'" prop="authenticationDate"> <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail') + '：'">
{{ form.authenticationDate }} {{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.operateAddressShow}}
</el-form-item>
<el-form-item v-if="form.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.shopkeeperLicenseType == '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.agent.agentVerification.earnestMoney') + '：'">
<el-image style="width: 90px; height: 30px" :src="form.earnestMoney"
:preview-src-list="[form.earnestMoney]" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel">{{$t('common.button.cancel')}}</el-button> <el-button @click="cancel">{{$t('common.button.close')}}</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -291,6 +569,8 @@ export default {
detailOpen: false, detailOpen: false,
// 是否显示详情弹出层 // 是否显示详情弹出层
auditOpen: false, auditOpen: false,
//地址选择列表
options_addr:[],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -324,6 +604,9 @@ export default {
legalPersonName: [ legalPersonName: [
{ required: true, message: this.$t('business.agent.agentVerification.legalPersonNameRequired'), trigger: "blur" } { required: true, message: this.$t('business.agent.agentVerification.legalPersonNameRequired'), trigger: "blur" }
], ],
shopkeeperName: [
{ required: true, message: this.$t('business.merchant.merchantVerification.shopKeeperNamePlaceholder'), trigger: "blur" }
],
idCardFrontImagePath: [ idCardFrontImagePath: [
{ required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" } { required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" }
], ],
@ -333,6 +616,11 @@ export default {
userWithIdCardImagePath: [ userWithIdCardImagePath: [
{ required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" } { required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" }
], ],
passportImagePath: [{
required: true,
message: this.$t('business.userManager.userVerification.passportRequired'),
trigger: "blur"
}],
electronicContract: [ electronicContract: [
{ required: true, message: this.$t('business.agent.agentVerification.electronicContractRequired'), trigger: "blur" } { required: true, message: this.$t('business.agent.agentVerification.electronicContractRequired'), trigger: "blur" }
], ],
@ -342,14 +630,94 @@ export default {
legalPersonIdCard: [ legalPersonIdCard: [
{ required: true,pattern: /^\d+$/, message: this.$t('business.agent.agentVerification.legalPersonIdCardPattern'), trigger: "blur" } { required: true,pattern: /^\d+$/, message: this.$t('business.agent.agentVerification.legalPersonIdCardPattern'), 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"
}],
operateAddressDetail: [{
required: true,
message: this.$t('business.userManager.userInfo.addrPlaceholder'),
trigger: "blur"
}],
shopkeeperIdCard: [{
required: true,
pattern: /^\d+$/,
message: this.$t('business.merchant.merchantVerification.shopKeeperIdCardPlaceholder'),
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"
}],
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
@ -364,6 +732,12 @@ export default {
/** 查询商户认证信息列表 */ /** 查询商户认证信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
const languageMap = {
'zh': 1,
'en': 2,
'la': 3
};
this.queryParams.language = languageMap[this.$i18n.locale] || null;
listAgentVerification(this.queryParams).then(response => { listAgentVerification(this.queryParams).then(response => {
this.merchantVerificationList = response.rows; this.merchantVerificationList = response.rows;
this.total = response.total; this.total = response.total;
@ -399,7 +773,9 @@ export default {
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");
}, },
@ -422,11 +798,40 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd(row) { handleAdd(row) {
this.reset() this.reset()
this.form.agentName = row.agentInfoName;
if (row.id != null){ if (row.id != null){
this.form = row; this.form = row;
this.form.idCardFrontImagePath = null; // 处理地址回显
this.form.idCardBackImagePath = null; const addrValue = this.form.operateAddress ;
this.form.userWithIdCardImagePath = null; if (addrValue) {
const addrArray = addrValue.split(',');
const provinceValue = addrArray[0];
const cityValue = addrArray[1];
const province = this.options_addr.find(item => item.value === provinceValue);
if (province) {
if (cityValue) {
const city = province.children.find(item => item.value === cityValue);
if (city) {
this.form.operateAddress = [provinceValue, cityValue];
console.log(this.form);
}
} else {
this.form.operateAddress = [provinceValue];
}
}
}
this.form.businessLicenseImage = undefined;
this.form.shopDoorImagePath = undefined;
this.form.idCardFrontImagePath = undefined;
this.form.idCardBackImagePath = undefined;
this.form.userWithIdCardImagePath = undefined;
this.form.passportImagePath = undefined;
this.form.shopkeeperIdCardFrontImagePath = undefined;
this.form.shopkeeperIdCardBackImagePath = undefined;
this.form.shopkeeperWithIdCardImagePath = undefined;
this.form.shopkeeperPassportImagePath = undefined;
this.form.earnestMoney = undefined;
this.open = true; this.open = true;
this.title = this.$t('business.agent.agentVerification.authenticateTitle'); this.title = this.$t('business.agent.agentVerification.authenticateTitle');
}else { }else {
@ -466,6 +871,9 @@ export default {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
this.buttonLoading = true; this.buttonLoading = true;
this.form.operateAddress = this.form.operateAddress + "," + this.form.operateAddressDetail;
if (this.form.electronicContract == null || this.form.electronicContract == '')
this.form.electronicContract = 1;
if (this.form.id != null) { if (this.form.id != null) {
updateAgentVerification(this.form).then(response => { updateAgentVerification(this.form).then(response => {
this.$modal.msgSuccess(this.$t('business.agent.agentVerification.updateSuccess')); this.$modal.msgSuccess(this.$t('business.agent.agentVerification.updateSuccess'));
@ -543,23 +951,82 @@ export default {
}); });
}) })
}, },
//身份证正面上传成功 //身份证正面上传成功-法人
handleSuccess_idCardFrontImagePath(response) { handleSuccess_idCardFrontImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.idCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 this.form.idCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
} }
}, },
//身份证反面上传成功 //身份证反面上传成功-法人
handleSuccess_idCardBackImagePath(response) { handleSuccess_idCardBackImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.idCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 this.form.idCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
} }
}, },
//身份证手持上传成功 //身份证手持上传成功-法人
handleSuccess_userWithIdCardImagePath(response) { handleSuccess_userWithIdCardImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.userWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 this.form.userWithIdCardImagePath = 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 到表单
}
},
//保证金照片
handleSuccess_earnestMoney(response) {
if (response.code === 200) {
this.form.earnestMoney = 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;
} }
} }
}; };

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

@ -56,6 +56,8 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('business.merchant.merchantVerification.authenticationDate')" align="center" <el-table-column :label="$t('business.merchant.merchantVerification.authenticationDate')" align="center"
prop="authenticationDate" width="180" /> prop="authenticationDate" width="180" />
<el-table-column :label="$t('business.merchant.userInfoBus.operatingAddress')" align="center"
prop="operateAddressShow" width="180" />
<el-table-column :label="$t('business.merchant.merchantVerification.failureReason')" align="center" <el-table-column :label="$t('business.merchant.merchantVerification.failureReason')" align="center"
prop="failureReason" /> prop="failureReason" />
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200"
@ -154,8 +156,8 @@
:options="options_addr" :options="options_addr"
@change="handleChange"></el-cascader> @change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userInfo.detailAddr')" prop="operateAddressDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" /> <el-input v-model="form.operateAddressDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item> </el-form-item>
<!-- 有营业执照的认证方式身份证上传 --> <!-- 有营业执照的认证方式身份证上传 -->
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')" <el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')"
@ -240,8 +242,8 @@
:options="options_addr" :options="options_addr"
@change="handleChange"></el-cascader> @change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail"> <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userInfo.detailAddr')" prop="operateAddressDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" /> <el-input v-model="form.operateAddressDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item> </el-form-item>
<!-- 无营业执照的认证方式身份证上传 --> <!-- 无营业执照的认证方式身份证上传 -->
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')" <el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')"
@ -322,7 +324,7 @@
{{auditForm.legalPersonExpirationTime}} {{auditForm.legalPersonExpirationTime}}
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'"> <el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{auditForm.operateAddress}} {{auditForm.operateAddressShow}}
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardFront')"> <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"
@ -340,7 +342,7 @@
<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') + '：'"> <el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'">
{{auditForm.shopkeeperName}} {{auditForm.shopkeeperName}}
</el-form-item> </el-form-item>
@ -360,21 +362,21 @@
{{auditForm.shopkeeperExpirationTime}} {{auditForm.shopkeeperExpirationTime}}
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'"> <el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{auditForm.operateAddress}} {{auditForm.operateAddressShow}}
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')"> <el-form-item v-if="auditForm.shopkeeperLicenseType == '1' && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardFrontImagePath" <el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardFrontImagePath"
:preview-src-list="[auditForm.shopkeeperIdCardFrontImagePath]" /> :preview-src-list="[auditForm.shopkeeperIdCardFrontImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')"> <el-form-item v-if="auditForm.shopkeeperLicenseType == '1' && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardBackImagePath" <el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperIdCardBackImagePath"
:preview-src-list="[auditForm.shopkeeperIdCardBackImagePath]" /> :preview-src-list="[auditForm.shopkeeperIdCardBackImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')"> <el-form-item v-if="auditForm.shopkeeperLicenseType == '1' && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperWithIdCardImagePath" <el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperWithIdCardImagePath"
:preview-src-list="[auditForm.shopkeeperWithIdCardImagePath]" /> :preview-src-list="[auditForm.shopkeeperWithIdCardImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="auditForm.licenseType == 0 && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')"> <el-form-item v-if="auditForm.shopkeeperLicenseType == '0' && auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperPassportImagePath" <el-image style="width: 90px; height: 30px" :src="auditForm.shopkeeperPassportImagePath"
:preview-src-list="[auditForm.shopkeeperPassportImagePath]" /> :preview-src-list="[auditForm.shopkeeperPassportImagePath]" />
</el-form-item> </el-form-item>
@ -430,7 +432,7 @@
{{form.legalPersonExpirationTime}} {{form.legalPersonExpirationTime}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'"> <el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{form.operateAddress}} {{form.operateAddressShow}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardFront')"> <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"
@ -448,7 +450,7 @@
<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>
<!-- 法营业执照的店主审核信息详情 --> <!-- 无营业执照的店主审核信息详情 -->
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'"> <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + '：'">
{{form.shopkeeperName}} {{form.shopkeeperName}}
</el-form-item> </el-form-item>
@ -468,21 +470,21 @@
{{form.shopkeeperExpirationTime}} {{form.shopkeeperExpirationTime}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'"> <el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + '：'">
{{form.operateAddress}} {{form.operateAddressShow}}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')"> <el-form-item v-if="form.shopkeeperLicenseType == '1' && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardFrontImagePath" <el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardFrontImagePath"
:preview-src-list="[form.shopkeeperIdCardFrontImagePath]" /> :preview-src-list="[form.shopkeeperIdCardFrontImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')"> <el-form-item v-if="form.shopkeeperLicenseType == '1' && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardBack')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardBackImagePath" <el-image style="width: 90px; height: 30px" :src="form.shopkeeperIdCardBackImagePath"
:preview-src-list="[form.shopkeeperIdCardBackImagePath]" /> :preview-src-list="[form.shopkeeperIdCardBackImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType ==1 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')"> <el-form-item v-if="form.shopkeeperLicenseType == '1' && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.idCardHolding')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperWithIdCardImagePath" <el-image style="width: 90px; height: 30px" :src="form.shopkeeperWithIdCardImagePath"
:preview-src-list="[form.shopkeeperWithIdCardImagePath]" /> :preview-src-list="[form.shopkeeperWithIdCardImagePath]" />
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType == 0 && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')"> <el-form-item v-if="form.shopkeeperLicenseType == '0' && form.hasLicense == '0'" :label="$t('business.userManager.userVerification.license')">
<el-image style="width: 90px; height: 30px" :src="form.shopkeeperPassportImagePath" <el-image style="width: 90px; height: 30px" :src="form.shopkeeperPassportImagePath"
:preview-src-list="[form.shopkeeperPassportImagePath]" /> :preview-src-list="[form.shopkeeperPassportImagePath]" />
</el-form-item> </el-form-item>
@ -628,7 +630,7 @@
message: this.$t('business.userManager.userInfo.addrPlaceholder'), message: this.$t('business.userManager.userInfo.addrPlaceholder'),
trigger: "blur" trigger: "blur"
}], }],
addrDetail: [{ operateAddressDetail: [{
required: true, required: true,
message: this.$t('business.userManager.userInfo.addrPlaceholder'), message: this.$t('business.userManager.userInfo.addrPlaceholder'),
trigger: "blur" trigger: "blur"
@ -774,9 +776,37 @@
this.reset(); this.reset();
if (row.id != null) { if (row.id != null) {
this.form = row; this.form = row;
this.form.legalPersonIdCardFrontImagePath = null; // 处理地址回显
this.form.legalPersonIdCardBackImagePath = null; const addrValue = this.form.operateAddress ;
this.form.legalPersonUserWithIdCardImagePath = null; if (addrValue) {
const addrArray = addrValue.split(',');
const provinceValue = addrArray[0];
const cityValue = addrArray[1];
const province = this.options_addr.find(item => item.value === provinceValue);
if (province) {
if (cityValue) {
const city = province.children.find(item => item.value === cityValue);
if (city) {
this.form.operateAddress = [provinceValue, cityValue];
console.log(this.form);
}
} else {
this.form.operateAddress = [provinceValue];
}
}
}
this.form.businessLicenseImage = undefined;
this.form.shopDoorImagePath = undefined;
this.form.idCardFrontImagePath = undefined;
this.form.idCardBackImagePath = undefined;
this.form.userWithIdCardImagePath = undefined;
this.form.passportImagePath = undefined;
this.form.shopkeeperIdCardFrontImagePath = undefined;
this.form.shopkeeperIdCardBackImagePath = undefined;
this.form.shopkeeperWithIdCardImagePath = undefined;
this.form.shopkeeperPassportImagePath = undefined;
this.form.earnestMoney = undefined;
this.open = true; this.open = true;
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); this.title = this.$t('business.merchant.merchantVerification.authenticateTitle');
} else { } else {
@ -816,7 +846,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.form.operateAddress = this.form.operateAddress + "," + this.form.operateAddressDetail;
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 => {
@ -920,7 +950,7 @@
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单
} }
}, },
//身份证手持上传成功-法人 //护照上传成功-法人
handleSuccess_passportImagePath(response) { handleSuccess_passportImagePath(response) {
if (response.code === 200) { if (response.code === 200) {
this.form.passportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 this.form.passportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单

189
src/views/business/userInfoAgent/index.vue
View File

@ -29,13 +29,13 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.agent.userInfoAgent.account')" align="center" prop="account" /> <el-table-column :label="$t('business.agent.userInfoAgent.account')" align="center" prop="account" />
<el-table-column :label="$t('business.agent.userInfoAgent.agentName')" align="center" prop="agentName" /> <el-table-column :label="$t('business.agent.userInfoAgent.agentName')" align="center" prop="agentName" />
<el-table-column :label="$t('business.agent.userInfoAgent.license')" align="center" prop="license" /> <el-table-column :label="$t('business.userManager.userInfo.email')" align="center" prop="email" />
<el-table-column :label="$t('business.agent.userInfoAgent.licenseOther')" align="center" prop="licenseOther" /> <el-table-column :label="$t('business.merchant.indexBus.operateTypeLabel')" align="center">
<el-table-column :label="$t('business.agent.userInfoAgent.legalPerson')" align="center" prop="legalPerson" /> <template slot-scope="scope">
<el-table-column :label="$t('business.agent.userInfoAgent.operateStatus')" align="center" prop="operateStatus" /> {{getOperateType(scope.row.operateType)}}
<el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center" </template>
prop="contactAddress" /> </el-table-column>
<el-table-column :label="$t('business.agent.userInfoAgent.operateAddr')" align="center" prop="operateAddr" /> <el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center" prop="contactAddress" />
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200"
class-name="small-padding fixed-width"> class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
@ -51,27 +51,32 @@
<!-- 添加或修改代理商信息对话框 --> <!-- 添加或修改代理商信息对话框 -->
<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.agent.userInfoAgent.agentName')" prop="agentName"> <el-form-item :label="$t('business.agent.agentRegister.agentName')" prop="agentName">
<el-input v-model="form.agentName" :placeholder="$t('business.agent.userInfoAgent.placeholder.agentName')" /> <el-input v-model="form.agentName"
:placeholder="$t('business.agent.agentRegister.placeholder.agentName')"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.userInfoAgent.license')" prop="license"> <el-form-item :label="$t('business.userManager.userInfo.email')" prop="email">
<el-input v-model="form.license" :placeholder="$t('business.agent.userInfoAgent.placeholder.license')" /> <el-input v-model="form.email" :placeholder="$t('business.userManager.userInfo.emailPlaceholder')"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.userInfoAgent.licenseOther')" prop="licenseOther"> <el-form-item :label="$t('business.merchant.indexBus.operateTypeLabel')" prop="operateType">
<el-input v-model="form.licenseOther" <el-select v-model="form.operateType"
:placeholder="$t('business.agent.userInfoAgent.placeholder.licenseOther')" /> :placeholder="$t('business.merchant.indexBus.operateTypePlaceholder')">
<el-option
v-for="item in options_operateType"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.userInfoAgent.legalPerson')" prop="legalPerson"> <el-form-item :label="$t('business.merchant.indexBus.addr')" prop="contactAddress">
<el-input v-model="form.legalPerson" <el-cascader
:placeholder="$t('business.agent.userInfoAgent.placeholder.legalPerson')" /> v-model="form.contactAddress"
:options="options_addr"
@change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.userInfoAgent.contactAddress')" prop="contactAddress"> <el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail">
<el-input v-model="form.contactAddress" <el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
:placeholder="$t('business.agent.userInfoAgent.placeholder.contactAddress')" />
</el-form-item>
<el-form-item :label="$t('business.agent.userInfoAgent.operateAddr')" prop="operateAddr">
<el-input v-model="form.operateAddr"
:placeholder="$t('business.agent.userInfoAgent.placeholder.operateAddr')" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -92,6 +97,7 @@
addUserInfoAgent, addUserInfoAgent,
updateUserInfoAgent updateUserInfoAgent
} from "@/api/business/userInfoAgent"; } from "@/api/business/userInfoAgent";
import {getAddress} from "@/api/business/userRegister";
export default { export default {
name: "UserInfoAgent", name: "UserInfoAgent",
@ -132,6 +138,64 @@
}, },
// 表单参数 // 表单参数
form: {}, form: {},
//地址选择列表
options_addr:[],
//经营类别
options_operateType: [{
value: '0',
label: this.$t('common.operateType.type0')
}, {
value: '1',
label: this.$t('common.operateType.type1')
},{
value: '2',
label: this.$t('common.operateType.type2')
},{
value: '3',
label: this.$t('common.operateType.type3')
},{
value: '4',
label: this.$t('common.operateType.type4')
},{
value: '5',
label: this.$t('common.operateType.type5')
},{
value: '6',
label: this.$t('common.operateType.type6')
},{
value: '7',
label: this.$t('common.operateType.type7')
},{
value: '8',
label: this.$t('common.operateType.type8')
},{
value: '9',
label: this.$t('common.operateType.type9')
},{
value: '10',
label: this.$t('common.operateType.type10')
},{
value: '11',
label: this.$t('common.operateType.type11')
},{
value: '12',
label: this.$t('common.operateType.type12')
},{
value: '13',
label: this.$t('common.operateType.type13')
},{
value: '14',
label: this.$t('common.operateType.type14')
},{
value: '15',
label: this.$t('common.operateType.type15')
},{
value: '16',
label: this.$t('common.operateType.type16')
},{
value: '17',
label: this.$t('common.operateType.type17')
},],
// 表单校验 // 表单校验
rules: { rules: {
id: [{ id: [{
@ -139,11 +203,15 @@
message: this.$t('business.agent.userInfoAgent.rule.idRequired'), message: this.$t('business.agent.userInfoAgent.rule.idRequired'),
trigger: "blur" trigger: "blur"
}], }],
/* userId: [{ operateType: [
required: true, {required: true, message: this.$t('business.merchant.indexBus.operateTypeRequired'), trigger: "change"}
message: this.$t('business.agent.userInfoAgent.rule.userIdRequired'), ],
trigger: "blur" email: [
}], */ { required: true, pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,}(?:\.[a-zA-Z]{2,})?$/, message: this.$t('business.userManager.userInfo.emailRequired'), trigger: "blur" }
],
addrDetail: [
{required: true, message: this.$t('business.merchant.indexBus.contactAddressRequired'), trigger: "blur"}
],
agentName: [{ agentName: [{
required: true, required: true,
message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'), message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'),
@ -184,11 +252,18 @@
}, },
created() { created() {
this.getList(); this.getList();
this.getAddress();
}, },
methods: { methods: {
/** 查询代理商信息列表 */ /** 查询代理商信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
const languageMap = {
'zh': 1,
'en': 2,
'la': 3
};
this.queryParams.language = languageMap[this.$i18n.locale] || null;
listUserInfoAgent(this.queryParams).then(response => { listUserInfoAgent(this.queryParams).then(response => {
this.userInfoAgentList = response.rows; this.userInfoAgentList = response.rows;
this.total = response.total; this.total = response.total;
@ -250,6 +325,27 @@
getUserInfoAgent(id).then(response => { getUserInfoAgent(id).then(response => {
this.loading = false; this.loading = false;
this.form = response.data; this.form = response.data;
// 处理地址回显
const addrValue = this.form.contactAddress;
if (addrValue) {
const addrArray = addrValue.split(',');
const provinceValue = addrArray[0];
const cityValue = addrArray[1];
const province = this.options_addr.find(item => item.value === provinceValue);
if (province) {
if (cityValue) {
const city = province.children.find(item => item.value === cityValue);
if (city) {
this.form.contactAddress = [provinceValue, cityValue];
console.log(this.form);
}
} else {
this.form.contactAddress = [provinceValue];
}
}
}
this.open = true; this.open = true;
this.title = this.$t('business.agent.userInfoAgent.editTitle'); this.title = this.$t('business.agent.userInfoAgent.editTitle');
}); });
@ -258,6 +354,7 @@
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
this.form.contactAddress = this.form.contactAddress + "," + this.form.addrDetail;
this.buttonLoading = true; this.buttonLoading = true;
if (this.form.id != null) { if (this.form.id != null) {
updateUserInfoAgent(this.form).then(response => { updateUserInfoAgent(this.form).then(response => {
@ -300,6 +397,40 @@
this.download('business/userInfoAgent/export', { this.download('business/userInfoAgent/export', {
...this.queryParams ...this.queryParams
}, `userInfoAgent_${new Date().getTime()}.xlsx`) }, `userInfoAgent_${new Date().getTime()}.xlsx`)
},
getOperateType(type){
const typeMap = {
'0': this.$t('common.operateType.type0'),
'1': this.$t('common.operateType.type1'),
'2': this.$t('common.operateType.type2'),
'3': this.$t('common.operateType.type3'),
'4': this.$t('common.operateType.type4'),
'5': this.$t('common.operateType.type5'),
'6': this.$t('common.operateType.type6'),
'7': this.$t('common.operateType.type7'),
'8': this.$t('common.operateType.type8'),
'9': this.$t('common.operateType.type9'),
'10': this.$t('common.operateType.type10'),
'11': this.$t('common.operateType.type11'),
'12': this.$t('common.operateType.type12'),
'13': this.$t('common.operateType.type13'),
'14': this.$t('common.operateType.type14'),
'15': this.$t('common.operateType.type15'),
'16': this.$t('common.operateType.type16'),
'17': this.$t('common.operateType.type17')
};
return typeMap[type] || null;
},
/** 获取地址列表 */
getAddress() {
this.loading = true;
getAddress(this.$i18n.locale).then(response => {
this.options_addr = response.data;
});
},
/** 地址联动事件 **/
handleChange(value) {
this.formInfo.addr = value;
} }
} }
}; };

25
src/views/business/userInfoBus/index.vue
View File

@ -118,7 +118,8 @@
<el-cascader <el-cascader
v-model="form.contactAddress" v-model="form.contactAddress"
:options="options_addr" :options="options_addr"
@change="handleChange"></el-cascader> @change="handleChange"
clearable></el-cascader>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail"> <el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" /> <el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
@ -368,6 +369,27 @@ export default {
getUserInfoBus(id).then(response => { getUserInfoBus(id).then(response => {
this.loading = false; this.loading = false;
this.form = response.data; this.form = response.data;
// 处理地址回显
const addrValue = this.form.contactAddress;
if (addrValue) {
const addrArray = addrValue.split(',');
const provinceValue = addrArray[0];
const cityValue = addrArray[1];
const province = this.options_addr.find(item => item.value === provinceValue);
if (province) {
if (cityValue) {
const city = province.children.find(item => item.value === cityValue);
if (city) {
this.form.contactAddress = [provinceValue, cityValue];
console.log(this.form);
}
} else {
this.form.contactAddress = [provinceValue];
}
}
}
this.open = true; this.open = true;
this.title = this.$t('business.merchant.userInfoBus.editUserInfoBus'); this.title = this.$t('business.merchant.userInfoBus.editUserInfoBus');
}); });
@ -430,6 +452,7 @@ export default {
...this.queryParams ...this.queryParams
}, `${this.$t('business.merchant.userInfoBus.userInfoBus')}_${new Date().getTime()}.xlsx`) }, `${this.$t('business.merchant.userInfoBus.userInfoBus')}_${new Date().getTime()}.xlsx`)
}, },
//经营类型
getOperateType(type){ getOperateType(type){
const typeMap = { const typeMap = {
'0': this.$t('common.operateType.type0'), '0': this.$t('common.operateType.type0'),

160
src/views/business/userRegister/indexAgent.vue
View File

@ -254,43 +254,35 @@
</div> </div>
</el-dialog> </el-dialog>
<!-- 添加或修改用户信息-商户扩展对话框 --> <!-- 添加或修改代理商信息 -->
<el-dialog :title="title" :visible.sync="openInfoAgent" width="700px" append-to-body> <el-dialog :title="title" :visible.sync="openInfoAgent" width="700px" append-to-body>
<el-form ref="formInfoAgent" :model="formInfoAgent" :rules="rules" label-width="auto"> <el-form ref="formInfoAgent" :model="formInfoAgent" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.agent.agentRegister.agentName')" prop="agentName"> <el-form-item :label="$t('business.agent.agentRegister.agentName')" prop="agentName">
<el-input v-model="formInfoAgent.agentName" <el-input v-model="formInfoAgent.agentName"
:placeholder="$t('business.agent.agentRegister.placeholder.agentName')"/> :placeholder="$t('business.agent.agentRegister.placeholder.agentName')"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.license')" prop="license"> <el-form-item :label="$t('business.userManager.userInfo.email')" prop="email">
<el-input v-model="formInfoAgent.license" <el-input v-model="formInfoAgent.email" :placeholder="$t('business.userManager.userInfo.emailPlaceholder')"/>
:placeholder="$t('business.agent.agentRegister.placeholder.license')"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.licenseOther')" prop="licenseOther"> <el-form-item :label="$t('business.merchant.indexBus.operateTypeLabel')" prop="operateType">
<el-input v-model="formInfoAgent.licenseOther" <el-select v-model="formInfoAgent.operateType"
:placeholder="$t('business.agent.agentRegister.placeholder.licenseOther')"/> :placeholder="$t('business.merchant.indexBus.operateTypePlaceholder')">
</el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.legalPerson')" prop="legalPerson">
<el-input v-model="formInfoAgent.legalPerson"
:placeholder="$t('business.agent.agentRegister.placeholder.legalPerson')"/>
</el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.operateStatus')" prop="operateStatus">
<el-select v-model="formInfoAgent.operateStatus"
:placeholder="$t('business.agent.agentRegister.placeholder.operateStatus')">
<el-option <el-option
v-for="item in options_operateStatus" v-for="item in options_operateType"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.operateAddr')" prop="operateAddr"> <el-form-item :label="$t('business.merchant.indexBus.addr')" prop="contactAddress">
<el-input v-model="formInfoAgent.operateAddr" <el-cascader
:placeholder="$t('business.agent.agentRegister.placeholder.operateAddr')"/> v-model="formInfoAgent.contactAddress"
:options="options_addr"
@change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.contactAddress')" prop="contactAddress"> <el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="detail">
<el-input v-model="formInfoAgent.contactAddress" <el-input v-model="formInfoAgent.detail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
:placeholder="$t('business.agent.agentRegister.placeholder.contactAddress')"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -305,28 +297,26 @@
<!-- 用户注册详情-代理商--> <!-- 用户注册详情-代理商-->
<el-dialog :title="title" :visible.sync="detailOpenAgent" width="700px" append-to-body> <el-dialog :title="title" :visible.sync="detailOpenAgent" width="700px" append-to-body>
<el-form ref="formDetailAgent" :model="formDetailAgent" label-width="auto"> <el-form ref="formDetailAgent" :model="formDetailAgent" label-width="auto">
<el-form-item :label="$t('business.agent.agentRegister.account') + '：'"> <el-form-item :label="$t('business.agent.agentRegister.account')">
{{ formDetailAgent.account }} {{ formDetailAgent.account }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.agentName') + '：'"> <el-form-item :label="$t('business.agent.agentRegister.agentName')">
{{ formDetailAgent.userInfoAgentVo.agentName }} {{ formDetailAgent.userInfoAgentVo.agentName }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.license') + '：'"> <el-form-item :label="$t('business.userManager.userInfo.email')">
{{ formDetailAgent.userInfoAgentVo.license }} {{ formDetailAgent.userInfoAgentVo.email}}
</el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.licenseOther') + '：'">
{{ formDetailAgent.userInfoAgentVo.licenseOther }}
</el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.legalPerson') + '：'">
{{ formDetailAgent.userInfoAgentVo.legalPerson }}
</el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.operateStatus') + '：'">
{{ formDetailAgent.userInfoAgentVo.operateStatus }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.operateAddr') + '：'"> <el-form-item :label="$t('business.merchant.indexBus.operateTypeLabel')">
{{ formDetailAgent.userInfoAgentVo.operateAddr }} <el-select v-model="formDetailAgent.userInfoAgentVo.operateType" disabled="disabled">
<el-option
v-for="item in options_operateType"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.agent.agentRegister.contactAddress') + '：'"> <el-form-item :label="$t('business.merchant.indexBus.contactAddress')">
{{ formDetailAgent.userInfoAgentVo.contactAddress }} {{ formDetailAgent.userInfoAgentVo.contactAddress }}
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -343,12 +333,9 @@ import {
delUserRegister, delUserRegister,
addUserRegister, addUserRegister,
updateUserRegister, updateUserRegister,
addUserInfo,
addUserInfoBus,
resetUserPassword, resetUserPassword,
accountLock, accountLock,
listUserRegisterBus, listUserRegisterAgent, addUserInfoAgen, getAddress
listUserRegisterAgent, addUserInfoAgen
} from "@/api/business/userRegister"; } from "@/api/business/userRegister";
export default { export default {
@ -381,6 +368,64 @@ export default {
openInfoAgent: false, openInfoAgent: false,
// 是否展示用户信息弹窗层-商企 // 是否展示用户信息弹窗层-商企
openInfoBus: false, openInfoBus: false,
//地址选择列表
options_addr:[],
//经营类别
options_operateType: [{
value: '0',
label: this.$t('common.operateType.type0')
}, {
value: '1',
label: this.$t('common.operateType.type1')
},{
value: '2',
label: this.$t('common.operateType.type2')
},{
value: '3',
label: this.$t('common.operateType.type3')
},{
value: '4',
label: this.$t('common.operateType.type4')
},{
value: '5',
label: this.$t('common.operateType.type5')
},{
value: '6',
label: this.$t('common.operateType.type6')
},{
value: '7',
label: this.$t('common.operateType.type7')
},{
value: '8',
label: this.$t('common.operateType.type8')
},{
value: '9',
label: this.$t('common.operateType.type9')
},{
value: '10',
label: this.$t('common.operateType.type10')
},{
value: '11',
label: this.$t('common.operateType.type11')
},{
value: '12',
label: this.$t('common.operateType.type12')
},{
value: '13',
label: this.$t('common.operateType.type13')
},{
value: '14',
label: this.$t('common.operateType.type14')
},{
value: '15',
label: this.$t('common.operateType.type15')
},{
value: '16',
label: this.$t('common.operateType.type16')
},{
value: '17',
label: this.$t('common.operateType.type17')
},],
options_operateStatus: [{ options_operateStatus: [{
value: '存续', value: '存续',
label: this.$t('business.agent.agentRegister.operateStatusOption.continued') label: this.$t('business.agent.agentRegister.operateStatusOption.continued')
@ -425,6 +470,15 @@ export default {
legalPerson: [ legalPerson: [
{required: true, message: this.$t('business.agent.agentRegister.rule.legalPersonRequired'), trigger: "blur"} {required: true, message: this.$t('business.agent.agentRegister.rule.legalPersonRequired'), trigger: "blur"}
], ],
operateType: [
{required: true, message: this.$t('business.merchant.indexBus.operateTypeRequired'), trigger: "change"}
],
email: [
{ required: true, pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,}(?:\.[a-zA-Z]{2,})?$/, message: this.$t('business.userManager.userInfo.emailRequired'), trigger: "blur" }
],
detail: [
{required: true, message: this.$t('business.merchant.indexBus.contactAddressRequired'), trigger: "blur"}
],
operateStatus: [ operateStatus: [
{ {
required: true, required: true,
@ -469,9 +523,6 @@ export default {
trigger: "blur" trigger: "blur"
} }
], ],
merchantName: [
{required: true, message: this.$t('business.agent.agentRegister.rule.merchantNameRequired'), trigger: "blur"}
],
}, },
options_userType: [{ options_userType: [{
value: '2', value: '2',
@ -491,11 +542,18 @@ export default {
}, },
created() { created() {
this.getList(); this.getList();
this.getAddress();
}, },
methods: { methods: {
/** 查询用户注册列表 */ /** 查询用户注册列表 */
getList() { getList() {
this.loading = true; this.loading = true;
const languageMap = {
'zh': 1,
'en': 2,
'la': 3
};
this.queryParams.language = languageMap[this.$i18n.locale] || null;
listUserRegisterAgent(this.queryParams).then(response => { listUserRegisterAgent(this.queryParams).then(response => {
this.userRegisterList = response.rows; this.userRegisterList = response.rows;
this.total = response.total; this.total = response.total;
@ -602,6 +660,7 @@ export default {
submitFormInfoAgent() { submitFormInfoAgent() {
this.$refs["formInfoAgent"].validate(valid => { this.$refs["formInfoAgent"].validate(valid => {
if (valid) { if (valid) {
this.formInfoAgent.contactAddress = this.formInfoAgent.contactAddress + "," + this.formInfoAgent.detail;
addUserInfoAgen(this.formInfoAgent).then(response => { addUserInfoAgen(this.formInfoAgent).then(response => {
this.$modal.msgSuccess(this.$t('common.addSuccess')); this.$modal.msgSuccess(this.$t('common.addSuccess'));
this.openInfoAgent = false; this.openInfoAgent = false;
@ -697,6 +756,17 @@ export default {
}).finally(() => { }).finally(() => {
this.loading = false; this.loading = false;
}); });
},
/** 获取地址列表 */
getAddress() {
this.loading = true;
getAddress(this.$i18n.locale).then(response => {
this.options_addr = response.data;
});
},
/** 地址联动事件 **/
handleChange(value) {
this.formInfo.addr = value;
} }
} }
}; };

14
src/views/business/userRegister/indexBus.vue
View File

@ -667,20 +667,6 @@ export default {
} }
}); });
}, },
/** 用户信息-提交按钮-个人 */
submitFormInfo() {
this.$refs["formInfo"].validate(valid => {
if (valid) {
addUserInfo(this.formInfo).then(response => {
this.$modal.msgSuccess(this.$t('common.promptMsg.addSuccess'));
this.openInfo = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
});
},
/** 用户信息-提交按钮-商企 */ /** 用户信息-提交按钮-商企 */
submitFormInfoBus() { submitFormInfoBus() {
this.$refs["formInfoBus"].validate(valid => { this.$refs["formInfoBus"].validate(valid => {

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

@ -87,6 +87,9 @@
<el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center" <el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center"
prop="authenticationDate" width="180"> prop="authenticationDate" width="180">
</el-table-column> </el-table-column>
<el-table-column :label="$t('business.userManager.userVerification.contactAddress')" align="center"
prop="commonContactAddressShow" width="180">
</el-table-column>
<el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center" <el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center"
prop="failureReason"/> prop="failureReason"/>
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200"
@ -159,8 +162,8 @@
:options="options_addr" :options="options_addr"
@change="handleChange"></el-cascader> @change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="addrDetail"> <el-form-item :label="$t('business.userManager.userInfo.detailAddr')" prop="commonContactAddressDetail">
<el-input v-model="form.addrDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" /> <el-input v-model="form.commonContactAddressDetail" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.verifiedType')" prop="gender"> <el-form-item :label="$t('business.userManager.userVerification.verifiedType')" prop="gender">
<el-radio-group v-model="form.licenseType"> <el-radio-group v-model="form.licenseType">
@ -168,7 +171,7 @@
<el-radio :label="0">{{ $t('business.userManager.userVerification.license') }}</el-radio> <el-radio :label="0">{{ $t('business.userManager.userVerification.license') }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-show="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')" prop="idCardFrontImagePath"> <el-form-item v-if="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardFront')" prop="idCardFrontImagePath">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:action="uploadUrl" :action="uploadUrl"
@ -181,7 +184,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 v-show="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')" prop="idCardBackImagePath"> <el-form-item v-if="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')" prop="idCardBackImagePath">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:action="uploadUrl" :action="uploadUrl"
@ -194,7 +197,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 v-show="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')" prop="userWithIdCardImagePath"> <el-form-item v-if="form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')" prop="userWithIdCardImagePath">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:action="uploadUrl" :action="uploadUrl"
@ -207,7 +210,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 v-show="form.licenseType == '0'" :label="$t('business.userManager.userVerification.license')" prop="passportImagePath"> <el-form-item v-if="form.licenseType == '0'" :label="$t('business.userManager.userVerification.license')" prop="passportImagePath">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:action="uploadUrl" :action="uploadUrl"
@ -246,7 +249,7 @@
{{ auditForm.expirationTime }} {{ auditForm.expirationTime }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.contactAddress')"> <el-form-item :label="$t('business.userManager.userVerification.contactAddress')">
{{ auditForm.commonContactAddress }} {{ auditForm.commonContactAddressShow }}
</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.licenseType ==1" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="auditForm.idCardFrontImagePath" <el-image style="width: 90px; height: 30px" :src="auditForm.idCardFrontImagePath"
@ -295,7 +298,7 @@
{{ form.expirationTime }} {{ form.expirationTime }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.contactAddress')"> <el-form-item :label="$t('business.userManager.userVerification.contactAddress')">
{{ form.commonContactAddress }} {{ form.commonContactAddressShow }}
</el-form-item> </el-form-item>
<el-form-item v-if="form.licenseType == 1" :label="$t('business.userManager.userVerification.idCardFront')"> <el-form-item v-if="form.licenseType == 1" :label="$t('business.userManager.userVerification.idCardFront')">
<el-image style="width: 90px; height: 30px" :src="form.idCardFrontImagePath" <el-image style="width: 90px; height: 30px" :src="form.idCardFrontImagePath"
@ -423,7 +426,7 @@ export default {
trigger: "blur" trigger: "blur"
} }
], ],
addrDetail: [ commonContactAddressDetail: [
{ {
required: true, required: true,
message: this.$t('business.userManager.userInfo.addrRequired'), message: this.$t('business.userManager.userInfo.addrRequired'),
@ -544,9 +547,30 @@ export default {
this.reset(); this.reset();
if (row.id != null) { if (row.id != null) {
this.form = row; this.form = row;
this.form.idCardFrontImagePath = null; // 处理地址回显
this.form.idCardBackImagePath = null; const addrValue = this.form.commonContactAddress ;
this.form.userWithIdCardImagePath = null; if (addrValue) {
const addrArray = addrValue.split(',');
const provinceValue = addrArray[0];
const cityValue = addrArray[1];
const province = this.options_addr.find(item => item.value === provinceValue);
if (province) {
if (cityValue) {
const city = province.children.find(item => item.value === cityValue);
if (city) {
this.form.commonContactAddress = [provinceValue, cityValue];
console.log(this.form);
}
} else {
this.form.commonContactAddress = [provinceValue];
}
}
}
this.form.idCardFrontImagePath = undefined;
this.form.idCardBackImagePath = undefined;
this.form.userWithIdCardImagePath = undefined;
this.form.passportImagePath = undefined;
this.open = true; this.open = true;
this.title = this.$t("business.userManager.userVerification.verification"); this.title = this.$t("business.userManager.userVerification.verification");
} else { } else {
@ -584,7 +608,7 @@ export default {
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
this.form.commonContactAddress = this.form.commonContactAddress + "," + this.form.addrDetail; this.form.commonContactAddress = this.form.commonContactAddress + "," + this.form.commonContactAddressDetail;
this.buttonLoading = true; this.buttonLoading = true;
if (this.form.id != null) { if (this.form.id != null) {
updateUserVerification(this.form).then(response => { updateUserVerification(this.form).then(response => {

Write Preview
Loading…
Cancel
Save