|
|
|
@ -1,157 +1,288 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-if="showSearch" label-width="68px"> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.account')" prop="account"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.account" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.merchantName" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.legalPersonIdCard" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
<el-input v-model="queryParams.account" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" clearable |
|
|
|
@keyup.enter.native="handleQuery" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName" |
|
|
|
label-width="auto"> |
|
|
|
<el-input v-model="queryParams.merchantName" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" clearable |
|
|
|
@keyup.enter.native="handleQuery" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard" |
|
|
|
label-width="auto"> |
|
|
|
<el-input v-model="queryParams.legalPersonIdCard" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" clearable |
|
|
|
@keyup.enter.native="handleQuery" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" |
|
|
|
@click="handleQuery">{{ $t('common.button.search') }}</el-button> |
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="warning" |
|
|
|
plain |
|
|
|
icon="el-icon-download" |
|
|
|
size="mini" |
|
|
|
@click="handleExport" |
|
|
|
v-hasPermi="['business:merchantVerification:export']" |
|
|
|
>{{ $t('common.button.export') }}</el-button> |
|
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
|
|
v-hasPermi="['business:merchantVerification:export']">{{ $t('common.button.export') }}</el-button> |
|
|
|
</el-col> |
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="merchantVerificationList" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center" prop="userAccount"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.merchantInfoName')" align="center" prop="merchantInfoName"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" align="center" prop="businessLicenseNumber"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonInfoName')" align="center" prop="legalPersonInfoName"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" align="center" prop="legalPersonIdCard"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center" |
|
|
|
prop="userAccount" /> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.merchantName')" align="center" |
|
|
|
prop="merchantInfoName" /> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center" |
|
|
|
prop="legalPersonExpirationTime" /> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.status')" align="center" prop="status"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.merchant.merchantVerification.statusOption.unverified') }}</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.status == '1'">{{ $t('business.merchant.merchantVerification.statusOption.pendingReview') }}</el-tag> |
|
|
|
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('business.merchant.merchantVerification.statusOption.verified') }}</el-tag> |
|
|
|
<el-tag type="danger" v-if="scope.row.status == '3'">{{ $t('business.merchant.merchantVerification.statusOption.verificationFailed') }}</el-tag> |
|
|
|
<el-tag type="primary" |
|
|
|
v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.merchant.merchantVerification.statusOption.unverified') }}</el-tag> |
|
|
|
<el-tag type="warning" |
|
|
|
v-if="scope.row.status == '1'">{{ $t('business.merchant.merchantVerification.statusOption.pendingReview') }}</el-tag> |
|
|
|
<el-tag type="success" |
|
|
|
v-if="scope.row.status == '2'">{{ $t('business.merchant.merchantVerification.statusOption.verified') }}</el-tag> |
|
|
|
<el-tag type="danger" |
|
|
|
v-if="scope.row.status == '3'">{{ $t('business.merchant.merchantVerification.statusOption.verificationFailed') }}</el-tag> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.authenticationDate')" align="center" prop="authenticationDate" width="180"/> |
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.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('business.merchant.merchantVerification.authenticationDate')" align="center" |
|
|
|
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" |
|
|
|
prop="failureReason" /> |
|
|
|
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" |
|
|
|
class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="(scope.row.status == null || scope.row.status == 0 || scope.row.status == 3)" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-document-add" |
|
|
|
@click="handleAdd(scope.row)" |
|
|
|
>{{ $t('business.merchant.merchantVerification.authenticate') }}</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 2)" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
>{{ $t('common.button.detail') }}</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 1)" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleAudit(scope.row)" |
|
|
|
>{{ $t('business.merchant.merchantVerification.audit') }}</el-button> |
|
|
|
<el-button v-if="(scope.row.status == null || scope.row.status == 0 || scope.row.status == 3)" size="mini" |
|
|
|
type="text" icon="el-icon-document-add" |
|
|
|
@click="handleAdd(scope.row)">{{ $t('business.merchant.merchantVerification.authenticate') }}</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 2)" size="mini" type="text" icon="el-icon-view" |
|
|
|
@click="handleDetail(scope.row)">{{ $t('common.button.detail') }}</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 1)" size="mini" type="text" icon="el-icon-view" |
|
|
|
@click="handleAudit(scope.row)">{{ $t('business.merchant.merchantVerification.audit') }}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<pagination |
|
|
|
v-show="total>0" |
|
|
|
:total="total" |
|
|
|
:page.sync="queryParams.pageNum" |
|
|
|
:limit.sync="queryParams.pageSize" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
<pagination v-if="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
|
|
@pagination="getList" /> |
|
|
|
|
|
|
|
<!-- 添加或修改商户认证信息对话框 --> |
|
|
|
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName"> |
|
|
|
<el-input v-model="form.merchantName" :placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" prop="businessLicenseNumber"> |
|
|
|
<el-input v-model="form.businessLicenseNumber" :placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName"> |
|
|
|
<el-input v-model="form.legalPersonName" :placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard"> |
|
|
|
<el-input v-model="form.legalPersonIdCard" :placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')" prop="legalPersonIdCardFrontImagePath"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUrl" |
|
|
|
:on-success="handleSuccess_idCardFrontImagePath" |
|
|
|
:limit="1" |
|
|
|
:accept="'image/jpg,image/png'" |
|
|
|
:file-list="fileList" |
|
|
|
list-type="picture"> |
|
|
|
<!-- 是否有营业执照:1-有,2-无 --> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense')" prop="hasLicense"> |
|
|
|
<el-radio-group v-model="form.hasLicense"> |
|
|
|
<el-radio :label="1">{{ $t('business.merchant.merchantVerification.yes') }}</el-radio> |
|
|
|
<el-radio :label="0">{{ $t('business.merchant.merchantVerification.no') }}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" |
|
|
|
prop="businessLicenseNumber"> |
|
|
|
<el-input v-model="form.businessLicenseNumber" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.businessLicense')" |
|
|
|
prop="businessLicenseImage"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_businessLicenseImage" :limit="1" |
|
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.doorPhoto')" |
|
|
|
prop="shopDoorImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopDoorImagePath" :limit="1" |
|
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<!-- 有营业执照的认证方式:1-身份证,2-护照 --> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.verifiedType')" prop="licenseType"> |
|
|
|
<el-radio-group v-model="form.licenseType"> |
|
|
|
<el-radio :label="1">{{ $t('business.userManager.userVerification.idCardVerification') }}</el-radio> |
|
|
|
<el-radio :label="0">{{ $t('business.userManager.userVerification.license') }}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<!-- 有营业执照的认证方式认证基础字段 --> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName"> |
|
|
|
<el-input v-model="form.legalPersonName" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item 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="legalPersonIdCardFrontImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardFrontImagePath" :limit="1" |
|
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '1' && form.licenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')" |
|
|
|
prop="legalPersonIdCardBackImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :limit="1" |
|
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<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="legalPersonUserWithIdCardImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_userWithIdCardImagePath" |
|
|
|
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<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> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')" prop="legalPersonIdCardBackImagePath"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUrl" |
|
|
|
:on-success="handleSuccess_idCardBackImagePath" |
|
|
|
:limit="1" |
|
|
|
:accept="'image/jpg,image/png'" |
|
|
|
:file-list="fileList" |
|
|
|
list-type="picture"> |
|
|
|
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardBack')" |
|
|
|
prop="shopkeeperIdCardBackImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperIdCardBackImagePath" :limit="1" |
|
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')" prop="legalPersonUserWithIdCardImagePath"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUrl" |
|
|
|
:on-success="handleSuccess_userWithIdCardImagePath" |
|
|
|
:limit="1" |
|
|
|
:accept="'image/jpg,image/png'" |
|
|
|
:file-list="fileList" |
|
|
|
list-type="picture"> |
|
|
|
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '1'" :label="$t('business.userManager.userVerification.idCardHolding')" |
|
|
|
prop="shopkeeperWithIdCardImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperWithIdCardImagePath" |
|
|
|
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<!-- 无营业执照的认证方式护照上传 --> |
|
|
|
<el-form-item v-if="form.hasLicense == '0' && form.shopkeeperLicenseType == '0'" :label="$t('business.userManager.userVerification.license')" |
|
|
|
prop="shopkeeperPassportImagePath"> |
|
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_shopkeeperPassportImagePath" |
|
|
|
:limit="1" :accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
|
<el-button size="small" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">只能上传JPG/PNG文件,且不超过5M</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button :loading="buttonLoading" type="primary" @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> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -159,40 +290,107 @@ |
|
|
|
<!-- 认证审核 --> |
|
|
|
<el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body> |
|
|
|
<el-form ref="auditForm" :model="auditForm" :rules="rules" label-width="auto"> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.registeredMerchantName') + ':'"> |
|
|
|
{{auditForm.merchantInfoName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.authenticatedMerchantName') + ':'"> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + ':'"> |
|
|
|
{{auditForm.merchantName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.registeredLegalPersonName') + ':'"> |
|
|
|
{{auditForm.legalPersonInfoName}} |
|
|
|
<el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
|
{{auditForm.businessLicenseNumber}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.businessLicenseImage" |
|
|
|
:preview-src-list="[auditForm.businessLicenseImage]" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense ==0" :label="$t('business.merchant.merchantVerification.doorPhoto') + ':'"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.shopDoorImagePath" |
|
|
|
:preview-src-list="[auditForm.shopDoorImagePath]" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.authenticatedLegalPersonName') + ':'"> |
|
|
|
<!-- 有营业执照的法人审核信息 --> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonName') + ':'"> |
|
|
|
{{auditForm.legalPersonName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCardNumber') + ':'"> |
|
|
|
{{auditForm.legalPersonIdCardShow}} |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonPhone') + ':'"> |
|
|
|
{{auditForm.contactPersonPhone}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
|
{{auditForm.businessLicenseNumber}} |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonEmail') + ':'"> |
|
|
|
{{auditForm.contactPersonEmail}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'"> |
|
|
|
{{auditForm.legalPersonIdCard}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate') + ':'"> |
|
|
|
{{auditForm.legalPersonDateOfIssue}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + ':'"> |
|
|
|
{{auditForm.legalPersonExpirationTime}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + ':'"> |
|
|
|
{{auditForm.operateAddressShow}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.licenseType ==1 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardFrontImagePath" |
|
|
|
:preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.licenseType ==1 && 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 :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardFrontImagePath" :preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]"/> |
|
|
|
<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 :label="$t('business.userManager.userVerification.idCardBack')"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardBackImagePath" :preview-src-list="[auditForm.legalPersonIdCardBackImagePath]"/> |
|
|
|
<el-form-item v-if="auditForm.licenseType == 0 && auditForm.hasLicense == '1'" :label="$t('business.userManager.userVerification.license')"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.passportImagePath" |
|
|
|
:preview-src-list="[auditForm.passportImagePath]" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonUserWithIdCardImagePath" :preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]"/> |
|
|
|
<!-- 无营业执照的店主审核信息 --> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + ':'"> |
|
|
|
{{auditForm.shopkeeperName}} |
|
|
|
</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 v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone') + ':'"> |
|
|
|
{{auditForm.contactPersonPhone}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail') + ':'"> |
|
|
|
{{auditForm.contactPersonEmail}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperIdCardNumber') + ':'"> |
|
|
|
{{auditForm.shopkeeperIdCard}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateStartDate') + ':'"> |
|
|
|
{{auditForm.shopkeeperDateOfIssue}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate') + ':'"> |
|
|
|
{{auditForm.shopkeeperExpirationTime}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="auditForm.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + ':'"> |
|
|
|
{{auditForm.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.merchant.merchantVerification.authenticationFailureReason') + ':'" |
|
|
|
prop="failureReason"> |
|
|
|
<el-input v-model="auditForm.failureReason" |
|
|
|
:placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button :loading="buttonLoading" type="success" @click="submitPass">{{ $t('business.merchant.merchantVerification.pass') }}</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse">{{ $t('business.merchant.merchantVerification.reject') }}</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="success" |
|
|
|
@click="submitPass">{{ $t('business.merchant.merchantVerification.pass') }}</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="danger" |
|
|
|
@click="submitRefuse">{{ $t('business.merchant.merchantVerification.reject') }}</el-button> |
|
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -203,25 +401,95 @@ |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName') + ':'"> |
|
|
|
{{form.merchantName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber') + ':'"> |
|
|
|
<el-form-item v-if="form.hasLicense ==1" :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
|
{{form.businessLicenseNumber}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName') + ':'"> |
|
|
|
<el-form-item v-if="form.hasLicense ==1" :label="$t('business.merchant.merchantVerification.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}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'"> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.merchantVerification.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}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront') + ':'"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardFrontImagePath" :preview-src-list="[form.legalPersonIdCardFrontImagePath]"/> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateStartDate') + ':'"> |
|
|
|
{{form.legalPersonDateOfIssue}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.userManager.userVerification.certificateEndDate') + ':'"> |
|
|
|
{{form.legalPersonExpirationTime}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '1'" :label="$t('business.merchant.userInfoBus.operatingAddress') + ':'"> |
|
|
|
{{form.operateAddressShow}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardBack') + ':'"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardBackImagePath" :preview-src-list="[form.legalPersonIdCardBackImagePath]"/> |
|
|
|
<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 :label="$t('business.userManager.userVerification.idCardHolding') + ':'"> |
|
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonUserWithIdCardImagePath" :preview-src-list="[form.legalPersonUserWithIdCardImagePath]"/> |
|
|
|
<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 :label="$t('business.merchant.merchantVerification.authenticationDate') + ':'" prop="authenticationDate"> |
|
|
|
<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" |
|
|
|
:preview-src-list="[form.passportImagePath]" /> |
|
|
|
</el-form-item> |
|
|
|
<!-- 无营业执照的店主审核信息详情 --> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperName') + ':'"> |
|
|
|
{{form.shopkeeperName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperPhone') + ':'"> |
|
|
|
{{form.contactPersonPhone}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperEmail') + ':'"> |
|
|
|
{{form.contactPersonEmail}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.merchantVerification.shopKeeperIdCardNumber') + ':'"> |
|
|
|
{{form.shopkeeperIdCard}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateStartDate') + ':'"> |
|
|
|
{{form.shopkeeperDateOfIssue}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.userManager.userVerification.certificateEndDate') + ':'"> |
|
|
|
{{form.shopkeeperExpirationTime}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="form.hasLicense == '0'" :label="$t('business.merchant.userInfoBus.operatingAddress') + ':'"> |
|
|
|
{{form.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.merchant.merchantVerification.authenticationDate') + ':'" |
|
|
|
prop="authenticationDate"> |
|
|
|
{{ form.authenticationDate }} |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
@ -241,6 +509,7 @@ import { |
|
|
|
updateMerchantVerification, |
|
|
|
merchantAudit |
|
|
|
} from "@/api/business/merchantVerification"; |
|
|
|
import {getAddress} from "@/api/business/userVerification"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "MerchantVerification", |
|
|
|
@ -291,38 +560,138 @@ export default { |
|
|
|
}, |
|
|
|
// 表单参数 |
|
|
|
form: {}, |
|
|
|
//地址选择列表 |
|
|
|
options_addr:[], |
|
|
|
//审核参数 |
|
|
|
auditForm: {}, |
|
|
|
// 上传文件列表 |
|
|
|
fileList: [], |
|
|
|
// 表单校验 |
|
|
|
rules: { |
|
|
|
merchantName: [ |
|
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.merchantNameRequired'), trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonName: [ |
|
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'), trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonIdCardFrontImagePath: [ |
|
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonIdCardBackImagePath: [ |
|
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardBackRequired'), trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonUserWithIdCardImagePath: [ |
|
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonIdCard: [ |
|
|
|
{ required: true,pattern: /^\d+$/, message: this.$t('business.merchant.merchantVerification.legalPersonIdCardPattern'), trigger: "blur" } |
|
|
|
], |
|
|
|
failureReason: [ |
|
|
|
{ } |
|
|
|
], |
|
|
|
legalPersonName: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonIdCardFrontImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardFrontRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonIdCardBackImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardBackRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonUserWithIdCardImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
passportImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.passportRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonIdCard: [{ |
|
|
|
required: true, |
|
|
|
pattern: /^\d+$/, |
|
|
|
message: this.$t('business.merchant.merchantVerification.legalPersonIdCardPattern'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
failureReason: [{}], |
|
|
|
businessLicenseNumber: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
businessLicenseImage: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.businessLicensePhotoPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopDoorImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.doorPhotoPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonDateOfIssue: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.expirationTimeRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
legalPersonExpirationTime: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.expirationTimeRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
operateAddress: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userInfo.addrPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
operateAddressDetail: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userInfo.addrPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperName: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.shopKeeperNamePlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
contactPersonPhone: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.shopKeeperPhonePlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
contactPersonEmail: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.shopKeeperEmailPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperIdCard: [{ |
|
|
|
required: true, |
|
|
|
pattern: /^\d+$/, |
|
|
|
message: this.$t('business.merchant.merchantVerification.shopKeeperIdCardPlaceholder'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperIdCardFrontImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardFrontRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperIdCardBackImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardBackRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperWithIdCardImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperPassportImagePath: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.passportRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperDateOfIssue: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.expirationTimeRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
shopkeeperExpirationTime: [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.userManager.userVerification.expirationTimeRequired'), |
|
|
|
trigger: "blur" |
|
|
|
}], |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getList(); |
|
|
|
this.getAddress(); |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
// 计算属性:动态生成上传URL |
|
|
|
@ -337,6 +706,12 @@ export default { |
|
|
|
/** 查询商户认证信息列表 */ |
|
|
|
getList() { |
|
|
|
this.loading = true; |
|
|
|
const languageMap = { |
|
|
|
'zh': 1, |
|
|
|
'en': 2, |
|
|
|
'la': 3 |
|
|
|
}; |
|
|
|
this.queryParams.language = languageMap[this.$i18n.locale] || null; |
|
|
|
listMerchantVerification(this.queryParams).then(response => { |
|
|
|
this.merchantVerificationList = response.rows; |
|
|
|
this.total = response.total; |
|
|
|
@ -374,7 +749,9 @@ export default { |
|
|
|
updateTime: undefined, |
|
|
|
createBy: undefined, |
|
|
|
updateBy: undefined, |
|
|
|
delFlag: undefined |
|
|
|
delFlag: undefined, |
|
|
|
hasLicense: 1, |
|
|
|
licenseType: 1 |
|
|
|
}; |
|
|
|
this.resetForm("form"); |
|
|
|
}, |
|
|
|
@ -399,13 +776,42 @@ export default { |
|
|
|
this.reset(); |
|
|
|
if (row.id != null) { |
|
|
|
this.form = row; |
|
|
|
this.form.legalPersonIdCardFrontImagePath = null; |
|
|
|
this.form.legalPersonIdCardBackImagePath = null; |
|
|
|
this.form.legalPersonUserWithIdCardImagePath = null; |
|
|
|
// 处理地址回显 |
|
|
|
const addrValue = this.form.operateAddress ; |
|
|
|
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.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
} else { |
|
|
|
this.form.userId = row.userId; |
|
|
|
this.form.merchantName = row.merchantInfoName; |
|
|
|
this.open = true; |
|
|
|
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
} |
|
|
|
@ -440,6 +846,7 @@ export default { |
|
|
|
submitForm() { |
|
|
|
this.$refs["form"].validate(valid => { |
|
|
|
if (valid) { |
|
|
|
this.form.operateAddress = this.form.operateAddress + "," + this.form.operateAddressDetail; |
|
|
|
this.buttonLoading = true; |
|
|
|
if (this.form.id != null) { |
|
|
|
updateMerchantVerification(this.form).then(response => { |
|
|
|
@ -464,15 +871,16 @@ export default { |
|
|
|
/** 删除按钮操作 */ |
|
|
|
handleDelete(row) { |
|
|
|
const ids = row.id || this.ids; |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.deleteConfirm', { ids: ids })).then(() => { |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.deleteConfirm', { |
|
|
|
ids: ids |
|
|
|
})).then(() => { |
|
|
|
this.loading = true; |
|
|
|
return delMerchantVerification(ids); |
|
|
|
}).then(() => { |
|
|
|
this.loading = false; |
|
|
|
this.getList(); |
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.deleteSuccess')); |
|
|
|
}).catch(() => { |
|
|
|
}).finally(() => { |
|
|
|
}).catch(() => {}).finally(() => { |
|
|
|
this.loading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
@ -484,12 +892,16 @@ export default { |
|
|
|
}, |
|
|
|
/** 审核拒绝*/ |
|
|
|
submitRefuse() { |
|
|
|
this.rules.failureReason = [ |
|
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.failureReasonRequired'), trigger: 'blur' } |
|
|
|
]; |
|
|
|
this.rules.failureReason = [{ |
|
|
|
required: true, |
|
|
|
message: this.$t('business.merchant.merchantVerification.failureReasonRequired'), |
|
|
|
trigger: 'blur' |
|
|
|
}]; |
|
|
|
this.$refs["auditForm"].validate(valid => { |
|
|
|
if (valid) { |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.rejectConfirm', { merchantName: this.auditForm.merchantName })).then(() => { |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.rejectConfirm', { |
|
|
|
merchantName: this.auditForm.merchantName |
|
|
|
})).then(() => { |
|
|
|
this.buttonLoading = true; |
|
|
|
this.auditForm.status = "3"; |
|
|
|
merchantAudit(this.auditForm).then(response => { |
|
|
|
@ -508,7 +920,9 @@ export default { |
|
|
|
this.buttonLoading = true; |
|
|
|
this.auditForm.status = "2"; |
|
|
|
this.$refs["auditForm"].clearValidate("failureReason"); |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.passConfirm', { merchantName: this.auditForm.merchantName })).then(() => { |
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.passConfirm', { |
|
|
|
merchantName: this.auditForm.merchantName |
|
|
|
})).then(() => { |
|
|
|
merchantAudit(this.auditForm).then(response => { |
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.auditResultPass')); |
|
|
|
this.auditOpen = false; |
|
|
|
@ -518,24 +932,76 @@ export default { |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
//身份证正面上传成功 |
|
|
|
//身份证正面上传成功-法人 |
|
|
|
handleSuccess_idCardFrontImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//身份证反面上传成功 |
|
|
|
//身份证反面上传成功-法人 |
|
|
|
handleSuccess_idCardBackImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//身份证手持上传成功 |
|
|
|
//身份证手持上传成功-法人 |
|
|
|
handleSuccess_userWithIdCardImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//护照上传成功-法人 |
|
|
|
handleSuccess_passportImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.passportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//身份证正面上传成功-店主 |
|
|
|
handleSuccess_shopkeeperIdCardFrontImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.shopkeeperIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//身份证反面上传成功-店主 |
|
|
|
handleSuccess_shopkeeperIdCardBackImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.shopkeeperIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//身份证手持上传成功-店主 |
|
|
|
handleSuccess_shopkeeperWithIdCardImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.shopkeeperWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
handleSuccess_shopkeeperPassportImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.shopkeeperPassportImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//门头照片 |
|
|
|
handleSuccess_shopDoorImagePath(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.shopDoorImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
//营业执照照片 |
|
|
|
handleSuccess_businessLicenseImage(response) { |
|
|
|
if (response.code === 200) { |
|
|
|
this.form.businessLicenseImage = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 获取地址列表 */ |
|
|
|
getAddress() { |
|
|
|
this.loading = true; |
|
|
|
getAddress(this.$i18n.locale).then(response => { |
|
|
|
this.options_addr = response.data; |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 地址联动事件 **/ |
|
|
|
handleChange(value) { |
|
|
|
this.form.operateAddress = value; |
|
|
|
}, |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|