|
@ -2,157 +2,133 @@ |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.account')" prop="account"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.account')" prop="account"> |
|
|
<el-input |
|
|
<el-input v-model="queryParams.account" |
|
|
v-model="queryParams.account" |
|
|
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" clearable |
|
|
:placeholder="$t('business.merchant.merchantVerification.accountPlaceholder')" |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
clearable |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName" label-width="auto"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName" |
|
|
<el-input |
|
|
label-width="auto"> |
|
|
v-model="queryParams.merchantName" |
|
|
<el-input v-model="queryParams.merchantName" |
|
|
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" |
|
|
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" clearable |
|
|
clearable |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard" label-width="auto"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard" |
|
|
<el-input |
|
|
label-width="auto"> |
|
|
v-model="queryParams.legalPersonIdCard" |
|
|
<el-input v-model="queryParams.legalPersonIdCard" |
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" |
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" clearable |
|
|
clearable |
|
|
@keyup.enter.native="handleQuery" /> |
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<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-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-row :gutter="10" class="mb8"> |
|
|
<el-col :span="1.5"> |
|
|
<el-col :span="1.5"> |
|
|
<el-button |
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
|
type="warning" |
|
|
v-hasPermi="['business:merchantVerification:export']">{{ $t('common.button.export') }}</el-button> |
|
|
plain |
|
|
|
|
|
icon="el-icon-download" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
@click="handleExport" |
|
|
|
|
|
v-hasPermi="['business:merchantVerification:export']" |
|
|
|
|
|
>{{ $t('common.button.export') }}</el-button> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
|
|
|
<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.merchant.merchantVerification.userAccount')" align="center" prop="userAccount"/> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.userAccount')" align="center" |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.merchantInfoName')" align="center" prop="merchantInfoName"/> |
|
|
prop="userAccount" /> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" align="center" prop="businessLicenseNumber"/> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.merchantInfoName')" align="center" |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonInfoName')" align="center" prop="legalPersonInfoName"/> |
|
|
prop="merchantInfoName" /> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" align="center" prop="legalPersonIdCard"/> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" align="center" |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center" prop="legalPersonExpirationTime"/> |
|
|
prop="businessLicenseNumber" /> |
|
|
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonInfoName')" align="center" |
|
|
|
|
|
prop="legalPersonInfoName" /> |
|
|
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" align="center" |
|
|
|
|
|
prop="legalPersonIdCard" /> |
|
|
|
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.certificateExpirationDate')" align="center" |
|
|
|
|
|
prop="legalPersonExpirationTime" /> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.status')" align="center" prop="status"> |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.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.merchant.merchantVerification.statusOption.unverified') }}</el-tag> |
|
|
<el-tag type="primary" |
|
|
<el-tag type="warning" v-if="scope.row.status == '1'">{{ $t('business.merchant.merchantVerification.statusOption.pendingReview') }}</el-tag> |
|
|
v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.merchant.merchantVerification.statusOption.unverified') }}</el-tag> |
|
|
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('business.merchant.merchantVerification.statusOption.verified') }}</el-tag> |
|
|
<el-tag type="warning" |
|
|
<el-tag type="danger" v-if="scope.row.status == '3'">{{ $t('business.merchant.merchantVerification.statusOption.verificationFailed') }}</el-tag> |
|
|
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> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</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.authenticationDate')" align="center" |
|
|
<el-table-column :label="$t('business.merchant.merchantVerification.failureReason')" align="center" prop="failureReason"/> |
|
|
prop="authenticationDate" width="180" /> |
|
|
<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.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"> |
|
|
<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)" size="mini" |
|
|
size="mini" |
|
|
type="text" icon="el-icon-document-add" |
|
|
type="text" |
|
|
@click="handleAdd(scope.row)">{{ $t('business.merchant.merchantVerification.authenticate') }}</el-button> |
|
|
icon="el-icon-document-add" |
|
|
<el-button v-if="(scope.row.status == 2)" size="mini" type="text" icon="el-icon-view" |
|
|
@click="handleAdd(scope.row)" |
|
|
@click="handleDetail(scope.row)">{{ $t('common.button.detail') }}</el-button> |
|
|
>{{ $t('business.merchant.merchantVerification.authenticate') }}</el-button> |
|
|
<el-button v-if="(scope.row.status == 1)" size="mini" type="text" icon="el-icon-view" |
|
|
<el-button v-if="(scope.row.status == 2)" |
|
|
@click="handleAudit(scope.row)">{{ $t('business.merchant.merchantVerification.audit') }}</el-button> |
|
|
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> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<pagination |
|
|
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
|
|
v-show="total>0" |
|
|
@pagination="getList" /> |
|
|
: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-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.merchantName')" prop="merchantName"> |
|
|
<el-input v-model="form.merchantName" :placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')"/> |
|
|
<el-input v-model="form.merchantName" |
|
|
|
|
|
:placeholder="$t('business.merchant.merchantVerification.merchantNamePlaceholder')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" prop="businessLicenseNumber"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicenseNumber')" |
|
|
<el-input v-model="form.businessLicenseNumber" :placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')"/> |
|
|
prop="businessLicenseNumber"> |
|
|
|
|
|
<el-input v-model="form.businessLicenseNumber" |
|
|
|
|
|
:placeholder="$t('business.merchant.merchantVerification.businessLicenseNumberPlaceholder')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonName')" prop="legalPersonName"> |
|
|
<el-input v-model="form.legalPersonName" :placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')"/> |
|
|
<el-input v-model="form.legalPersonName" |
|
|
|
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonNamePlaceholder')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard')" prop="legalPersonIdCard"> |
|
|
<el-input v-model="form.legalPersonIdCard" :placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')"/> |
|
|
<el-input v-model="form.legalPersonIdCard" |
|
|
|
|
|
:placeholder="$t('business.merchant.merchantVerification.legalPersonIdCardPlaceholder')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')" prop="legalPersonIdCardFrontImagePath"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')" |
|
|
<el-upload |
|
|
prop="legalPersonIdCardFrontImagePath"> |
|
|
class="upload-demo" |
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardFrontImagePath" :limit="1" |
|
|
:action="uploadUrl" |
|
|
:accept="'image/jpg,image/png'" :file-list="fileList" list-type="picture"> |
|
|
: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> |
|
|
<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="legalPersonIdCardBackImagePath"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')" |
|
|
<el-upload |
|
|
prop="legalPersonIdCardBackImagePath"> |
|
|
class="upload-demo" |
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_idCardBackImagePath" :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="legalPersonUserWithIdCardImagePath"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')" |
|
|
<el-upload |
|
|
prop="legalPersonUserWithIdCardImagePath"> |
|
|
class="upload-demo" |
|
|
<el-upload class="upload-demo" :action="uploadUrl" :on-success="handleSuccess_userWithIdCardImagePath" |
|
|
: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> |
|
|
</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> |
|
@ -178,22 +154,33 @@ |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.businessLicense') + ':'"> |
|
|
{{auditForm.businessLicenseNumber}} |
|
|
{{auditForm.businessLicenseNumber}} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :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.legalPersonIdCardFrontImagePath" :preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]"/> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardFrontImagePath" |
|
|
|
|
|
:preview-src-list="[auditForm.legalPersonIdCardFrontImagePath]" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')"> |
|
|
<el-form-item v-if="auditForm.licenseType ==1" :label="$t('business.userManager.userVerification.idCardBack')"> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardBackImagePath" :preview-src-list="[auditForm.legalPersonIdCardBackImagePath]"/> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonIdCardBackImagePath" |
|
|
|
|
|
:preview-src-list="[auditForm.legalPersonIdCardBackImagePath]" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')"> |
|
|
<el-form-item v-if="auditForm.licenseType ==1" :label="$t('business.userManager.userVerification.idCardHolding')"> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonUserWithIdCardImagePath" :preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]"/> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.legalPersonUserWithIdCardImagePath" |
|
|
|
|
|
:preview-src-list="[auditForm.legalPersonUserWithIdCardImagePath]" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationFailureReason') + ':'" prop="failureReason"> |
|
|
<el-form-item v-if="auditForm.licenseType == 0" :label="$t('business.userManager.userVerification.license')"> |
|
|
<el-input v-model="auditForm.failureReason" :placeholder="$t('business.merchant.merchantVerification.authenticationFailureReasonPlaceholder')" /> |
|
|
<el-image style="width: 90px; height: 30px" :src="auditForm.passportImagePath" |
|
|
|
|
|
:preview-src-list="[auditForm.passportImagePath]" /> |
|
|
|
|
|
</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"> |
|
|
<el-button :loading="buttonLoading" type="success" @click="submitPass">{{ $t('business.merchant.merchantVerification.pass') }}</el-button> |
|
|
<el-button :loading="buttonLoading" type="success" |
|
|
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse">{{ $t('business.merchant.merchantVerification.reject') }}</el-button> |
|
|
@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> |
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
@ -213,16 +200,27 @@ |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.legalPersonIdCard') + ':'"> |
|
|
{{ form.legalPersonIdCard }} |
|
|
{{ form.legalPersonIdCard }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront') + ':'"> |
|
|
<el-form-item v-if="form.licenseType ==1" |
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardFrontImagePath" :preview-src-list="[form.legalPersonIdCardFrontImagePath]"/> |
|
|
: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" |
|
|
|
|
|
: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> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardBack') + ':'"> |
|
|
<el-form-item v-if="form.licenseType ==1" |
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonIdCardBackImagePath" :preview-src-list="[form.legalPersonIdCardBackImagePath]"/> |
|
|
: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> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding') + ':'"> |
|
|
<el-form-item v-if="form.licenseType == 0" :label="$t('business.userManager.userVerification.license')"> |
|
|
<el-image style="width: 90px; height: 30px" :src="form.legalPersonUserWithIdCardImagePath" :preview-src-list="[form.legalPersonUserWithIdCardImagePath]"/> |
|
|
<el-image style="width: 90px; height: 30px" :src="form.passportImagePath" |
|
|
|
|
|
:preview-src-list="[form.passportImagePath]" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + ':'" prop="authenticationDate"> |
|
|
<el-form-item :label="$t('business.merchant.merchantVerification.authenticationDate') + ':'" |
|
|
|
|
|
prop="authenticationDate"> |
|
|
{{ form.authenticationDate }} |
|
|
{{ form.authenticationDate }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
@ -234,263 +232,279 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { |
|
|
import { |
|
|
listMerchantVerification, |
|
|
listMerchantVerification, |
|
|
getMerchantVerification, |
|
|
getMerchantVerification, |
|
|
delMerchantVerification, |
|
|
delMerchantVerification, |
|
|
addMerchantVerification, |
|
|
addMerchantVerification, |
|
|
updateMerchantVerification, |
|
|
updateMerchantVerification, |
|
|
merchantAudit |
|
|
merchantAudit |
|
|
} from "@/api/business/merchantVerification"; |
|
|
} from "@/api/business/merchantVerification"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "MerchantVerification", |
|
|
name: "MerchantVerification", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
// 按钮loading |
|
|
// 按钮loading |
|
|
buttonLoading: false, |
|
|
buttonLoading: false, |
|
|
// 遮罩层 |
|
|
// 遮罩层 |
|
|
loading: true, |
|
|
loading: true, |
|
|
// 选中数组 |
|
|
// 选中数组 |
|
|
ids: [], |
|
|
ids: [], |
|
|
// 非单个禁用 |
|
|
// 非单个禁用 |
|
|
single: true, |
|
|
single: true, |
|
|
// 非多个禁用 |
|
|
// 非多个禁用 |
|
|
multiple: true, |
|
|
multiple: true, |
|
|
// 显示搜索条件 |
|
|
// 显示搜索条件 |
|
|
showSearch: true, |
|
|
showSearch: true, |
|
|
// 总条数 |
|
|
// 总条数 |
|
|
total: 0, |
|
|
total: 0, |
|
|
// 商户认证信息表格数据 |
|
|
// 商户认证信息表格数据 |
|
|
merchantVerificationList: [], |
|
|
merchantVerificationList: [], |
|
|
// 弹出层标题 |
|
|
// 弹出层标题 |
|
|
title: "", |
|
|
title: "", |
|
|
// 是否显示弹出层 |
|
|
// 是否显示弹出层 |
|
|
open: false, |
|
|
open: false, |
|
|
// 是否显示详情弹出层 |
|
|
// 是否显示详情弹出层 |
|
|
detailOpen: false, |
|
|
detailOpen: false, |
|
|
// 是否显示详情弹出层 |
|
|
// 是否显示详情弹出层 |
|
|
auditOpen: false, |
|
|
auditOpen: false, |
|
|
// 查询参数 |
|
|
// 查询参数 |
|
|
queryParams: { |
|
|
queryParams: { |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
merchantName: undefined, |
|
|
merchantName: undefined, |
|
|
businessLicenseNumber: undefined, |
|
|
businessLicenseNumber: undefined, |
|
|
legalPersonName: undefined, |
|
|
legalPersonName: undefined, |
|
|
legalPersonIdCard: undefined, |
|
|
legalPersonIdCard: undefined, |
|
|
contactPersonName: undefined, |
|
|
contactPersonName: undefined, |
|
|
contactPersonPhone: undefined, |
|
|
contactPersonPhone: undefined, |
|
|
contactPersonEmail: undefined, |
|
|
contactPersonEmail: undefined, |
|
|
businessLicenseImage: undefined, |
|
|
businessLicenseImage: undefined, |
|
|
legalPersonIdCardImage: undefined, |
|
|
legalPersonIdCardImage: undefined, |
|
|
bankAccountNumber: undefined, |
|
|
bankAccountNumber: undefined, |
|
|
bankName: undefined, |
|
|
bankName: undefined, |
|
|
status: undefined, |
|
|
status: undefined, |
|
|
authenticationDate: undefined, |
|
|
authenticationDate: undefined, |
|
|
failureReason: undefined, |
|
|
failureReason: undefined, |
|
|
}, |
|
|
}, |
|
|
// 表单参数 |
|
|
// 表单参数 |
|
|
form: {}, |
|
|
form: {}, |
|
|
//审核参数 |
|
|
//审核参数 |
|
|
auditForm: {}, |
|
|
auditForm: {}, |
|
|
// 上传文件列表 |
|
|
// 上传文件列表 |
|
|
fileList: [], |
|
|
fileList: [], |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
merchantName: [ |
|
|
merchantName: [{ |
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.merchantNameRequired'), trigger: "blur" } |
|
|
required: true, |
|
|
], |
|
|
message: this.$t('business.merchant.merchantVerification.merchantNameRequired'), |
|
|
legalPersonName: [ |
|
|
trigger: "blur" |
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'), trigger: "blur" } |
|
|
}], |
|
|
], |
|
|
legalPersonName: [{ |
|
|
legalPersonIdCardFrontImagePath: [ |
|
|
required: true, |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" } |
|
|
message: this.$t('business.merchant.merchantVerification.legalPersonNameRequired'), |
|
|
], |
|
|
trigger: "blur" |
|
|
legalPersonIdCardBackImagePath: [ |
|
|
}], |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardBackRequired'), trigger: "blur" } |
|
|
legalPersonIdCardFrontImagePath: [{ |
|
|
], |
|
|
required: true, |
|
|
legalPersonUserWithIdCardImagePath: [ |
|
|
message: this.$t('business.userManager.userVerification.idCardFrontRequired'), |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" } |
|
|
trigger: "blur" |
|
|
], |
|
|
}], |
|
|
legalPersonIdCard: [ |
|
|
legalPersonIdCardBackImagePath: [{ |
|
|
{ required: true,pattern: /^\d+$/, message: this.$t('business.merchant.merchantVerification.legalPersonIdCardPattern'), trigger: "blur" } |
|
|
required: true, |
|
|
], |
|
|
message: this.$t('business.userManager.userVerification.idCardBackRequired'), |
|
|
failureReason: [ |
|
|
trigger: "blur" |
|
|
{ } |
|
|
}], |
|
|
], |
|
|
legalPersonUserWithIdCardImagePath: [{ |
|
|
} |
|
|
required: true, |
|
|
}; |
|
|
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), |
|
|
}, |
|
|
trigger: "blur" |
|
|
created() { |
|
|
}], |
|
|
this.getList(); |
|
|
legalPersonIdCard: [{ |
|
|
}, |
|
|
required: true, |
|
|
computed: { |
|
|
pattern: /^\d+$/, |
|
|
// 计算属性:动态生成上传URL |
|
|
message: this.$t('business.merchant.merchantVerification.legalPersonIdCardPattern'), |
|
|
uploadUrl() { |
|
|
trigger: "blur" |
|
|
return `${process.env.VUE_APP_BASE_API}/commonFile/upload`; |
|
|
}], |
|
|
}, |
|
|
failureReason: [{}], |
|
|
getImgUrl(){ |
|
|
} |
|
|
return "http://app.lfpaylaos.com/file/"; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
/** 查询商户认证信息列表 */ |
|
|
|
|
|
getList() { |
|
|
|
|
|
this.loading = true; |
|
|
|
|
|
listMerchantVerification(this.queryParams).then(response => { |
|
|
|
|
|
this.merchantVerificationList = response.rows; |
|
|
|
|
|
this.total = response.total; |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
// 取消按钮 |
|
|
|
|
|
cancel() { |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.detailOpen = false; |
|
|
|
|
|
this.auditOpen = false; |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
}, |
|
|
|
|
|
// 表单重置 |
|
|
|
|
|
reset() { |
|
|
|
|
|
this.form = { |
|
|
|
|
|
id: undefined, |
|
|
|
|
|
merchantName: undefined, |
|
|
|
|
|
businessLicenseNumber: undefined, |
|
|
|
|
|
legalPersonName: undefined, |
|
|
|
|
|
legalPersonIdCard: undefined, |
|
|
|
|
|
contactPersonName: undefined, |
|
|
|
|
|
contactPersonPhone: undefined, |
|
|
|
|
|
contactPersonEmail: undefined, |
|
|
|
|
|
businessLicenseImage: undefined, |
|
|
|
|
|
idCardFrontImagePath: undefined, |
|
|
|
|
|
idCardBackImagePath: undefined, |
|
|
|
|
|
userWithIdCardImagePath: undefined, |
|
|
|
|
|
bankAccountNumber: undefined, |
|
|
|
|
|
bankName: undefined, |
|
|
|
|
|
status: undefined, |
|
|
|
|
|
authenticationDate: undefined, |
|
|
|
|
|
failureReason: undefined, |
|
|
|
|
|
createTime: undefined, |
|
|
|
|
|
updateTime: undefined, |
|
|
|
|
|
createBy: undefined, |
|
|
|
|
|
updateBy: undefined, |
|
|
|
|
|
delFlag: undefined |
|
|
|
|
|
}; |
|
|
}; |
|
|
this.resetForm("form"); |
|
|
|
|
|
}, |
|
|
}, |
|
|
/** 搜索按钮操作 */ |
|
|
created() { |
|
|
handleQuery() { |
|
|
|
|
|
this.queryParams.pageNum = 1; |
|
|
|
|
|
this.getList(); |
|
|
this.getList(); |
|
|
}, |
|
|
}, |
|
|
/** 重置按钮操作 */ |
|
|
computed: { |
|
|
resetQuery() { |
|
|
// 计算属性:动态生成上传URL |
|
|
this.resetForm("queryForm"); |
|
|
uploadUrl() { |
|
|
this.handleQuery(); |
|
|
return `${process.env.VUE_APP_BASE_API}/commonFile/upload`; |
|
|
}, |
|
|
}, |
|
|
// 多选框选中数据 |
|
|
getImgUrl() { |
|
|
handleSelectionChange(selection) { |
|
|
return "http://app.lfpaylaos.com/file/"; |
|
|
this.ids = selection.map(item => item.id) |
|
|
|
|
|
this.single = selection.length !== 1 |
|
|
|
|
|
this.multiple = !selection.length |
|
|
|
|
|
}, |
|
|
|
|
|
/** 新增按钮操作 */ |
|
|
|
|
|
handleAdd(row) { |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
if (row.id != null){ |
|
|
|
|
|
this.form = row; |
|
|
|
|
|
this.form.legalPersonIdCardFrontImagePath = null; |
|
|
|
|
|
this.form.legalPersonIdCardBackImagePath = null; |
|
|
|
|
|
this.form.legalPersonUserWithIdCardImagePath = null; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
|
|
}else { |
|
|
|
|
|
this.form.userId = row.userId; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
/** 详情按钮操作 */ |
|
|
methods: { |
|
|
handleDetail(row) { |
|
|
/** 查询商户认证信息列表 */ |
|
|
this.reset(); |
|
|
getList() { |
|
|
this.form = row; |
|
|
|
|
|
this.detailOpen = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.detailTitle'); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 审核按钮操作 */ |
|
|
|
|
|
handleAudit(row){ |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
this.auditForm = row; |
|
|
|
|
|
this.auditOpen = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.auditTitle'); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 修改按钮操作 */ |
|
|
|
|
|
handleUpdate(row) { |
|
|
|
|
|
this.loading = true; |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
const id = row.id || this.ids |
|
|
|
|
|
getMerchantVerification(id).then(response => { |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
this.form = response.data; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.editTitle'); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 提交按钮 */ |
|
|
|
|
|
submitForm() { |
|
|
|
|
|
this.$refs["form"].validate(valid => { |
|
|
|
|
|
if (valid) { |
|
|
|
|
|
this.buttonLoading = true; |
|
|
|
|
|
if (this.form.id != null) { |
|
|
|
|
|
updateMerchantVerification(this.form).then(response => { |
|
|
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.updateSuccess')); |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
this.buttonLoading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} else { |
|
|
|
|
|
addMerchantVerification(this.form).then(response => { |
|
|
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.addSuccess')); |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
this.buttonLoading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 删除按钮操作 */ |
|
|
|
|
|
handleDelete(row) { |
|
|
|
|
|
const ids = row.id || this.ids; |
|
|
|
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.deleteConfirm', { ids: ids })).then(() => { |
|
|
|
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
return delMerchantVerification(ids); |
|
|
listMerchantVerification(this.queryParams).then(response => { |
|
|
}).then(() => { |
|
|
this.merchantVerificationList = response.rows; |
|
|
this.loading = false; |
|
|
this.total = response.total; |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
// 取消按钮 |
|
|
|
|
|
cancel() { |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.detailOpen = false; |
|
|
|
|
|
this.auditOpen = false; |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
}, |
|
|
|
|
|
// 表单重置 |
|
|
|
|
|
reset() { |
|
|
|
|
|
this.form = { |
|
|
|
|
|
id: undefined, |
|
|
|
|
|
merchantName: undefined, |
|
|
|
|
|
businessLicenseNumber: undefined, |
|
|
|
|
|
legalPersonName: undefined, |
|
|
|
|
|
legalPersonIdCard: undefined, |
|
|
|
|
|
contactPersonName: undefined, |
|
|
|
|
|
contactPersonPhone: undefined, |
|
|
|
|
|
contactPersonEmail: undefined, |
|
|
|
|
|
businessLicenseImage: undefined, |
|
|
|
|
|
idCardFrontImagePath: undefined, |
|
|
|
|
|
idCardBackImagePath: undefined, |
|
|
|
|
|
userWithIdCardImagePath: undefined, |
|
|
|
|
|
bankAccountNumber: undefined, |
|
|
|
|
|
bankName: undefined, |
|
|
|
|
|
status: undefined, |
|
|
|
|
|
authenticationDate: undefined, |
|
|
|
|
|
failureReason: undefined, |
|
|
|
|
|
createTime: undefined, |
|
|
|
|
|
updateTime: undefined, |
|
|
|
|
|
createBy: undefined, |
|
|
|
|
|
updateBy: undefined, |
|
|
|
|
|
delFlag: undefined |
|
|
|
|
|
}; |
|
|
|
|
|
this.resetForm("form"); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 搜索按钮操作 */ |
|
|
|
|
|
handleQuery() { |
|
|
|
|
|
this.queryParams.pageNum = 1; |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.deleteSuccess')); |
|
|
}, |
|
|
}).catch(() => { |
|
|
/** 重置按钮操作 */ |
|
|
}).finally(() => { |
|
|
resetQuery() { |
|
|
this.loading = false; |
|
|
this.resetForm("queryForm"); |
|
|
}); |
|
|
this.handleQuery(); |
|
|
}, |
|
|
}, |
|
|
/** 导出按钮操作 */ |
|
|
// 多选框选中数据 |
|
|
handleExport() { |
|
|
handleSelectionChange(selection) { |
|
|
this.download('business/merchantVerification/export', { |
|
|
this.ids = selection.map(item => item.id) |
|
|
...this.queryParams |
|
|
this.single = selection.length !== 1 |
|
|
}, `merchantVerification_${new Date().getTime()}.xlsx`) |
|
|
this.multiple = !selection.length |
|
|
}, |
|
|
}, |
|
|
/** 审核拒绝*/ |
|
|
/** 新增按钮操作 */ |
|
|
submitRefuse() { |
|
|
handleAdd(row) { |
|
|
this.rules.failureReason = [ |
|
|
this.reset(); |
|
|
{ required: true, message: this.$t('business.merchant.merchantVerification.failureReasonRequired'), trigger: 'blur' } |
|
|
if (row.id != null) { |
|
|
]; |
|
|
this.form = row; |
|
|
this.$refs["auditForm"].validate(valid => { |
|
|
this.form.legalPersonIdCardFrontImagePath = null; |
|
|
if (valid) { |
|
|
this.form.legalPersonIdCardBackImagePath = null; |
|
|
this.$modal.confirm(this.$t('business.merchant.merchantVerification.rejectConfirm', { merchantName: this.auditForm.merchantName })).then(() => { |
|
|
this.form.legalPersonUserWithIdCardImagePath = null; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.form.userId = row.userId; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.authenticateTitle'); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
/** 详情按钮操作 */ |
|
|
|
|
|
handleDetail(row) { |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
this.form = row; |
|
|
|
|
|
this.detailOpen = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.detailTitle'); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 审核按钮操作 */ |
|
|
|
|
|
handleAudit(row) { |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
this.auditForm = row; |
|
|
|
|
|
this.auditOpen = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.auditTitle'); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 修改按钮操作 */ |
|
|
|
|
|
handleUpdate(row) { |
|
|
|
|
|
this.loading = true; |
|
|
|
|
|
this.reset(); |
|
|
|
|
|
const id = row.id || this.ids |
|
|
|
|
|
getMerchantVerification(id).then(response => { |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
this.form = response.data; |
|
|
|
|
|
this.open = true; |
|
|
|
|
|
this.title = this.$t('business.merchant.merchantVerification.editTitle'); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 提交按钮 */ |
|
|
|
|
|
submitForm() { |
|
|
|
|
|
this.$refs["form"].validate(valid => { |
|
|
|
|
|
if (valid) { |
|
|
|
|
|
this.buttonLoading = true; |
|
|
|
|
|
if (this.form.id != null) { |
|
|
|
|
|
updateMerchantVerification(this.form).then(response => { |
|
|
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.updateSuccess')); |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
this.buttonLoading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} else { |
|
|
|
|
|
addMerchantVerification(this.form).then(response => { |
|
|
|
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.addSuccess')); |
|
|
|
|
|
this.open = false; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
this.buttonLoading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 删除按钮操作 */ |
|
|
|
|
|
handleDelete(row) { |
|
|
|
|
|
const ids = row.id || this.ids; |
|
|
|
|
|
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(() => { |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
/** 导出按钮操作 */ |
|
|
|
|
|
handleExport() { |
|
|
|
|
|
this.download('business/merchantVerification/export', { |
|
|
|
|
|
...this.queryParams |
|
|
|
|
|
}, `merchantVerification_${new Date().getTime()}.xlsx`) |
|
|
|
|
|
}, |
|
|
|
|
|
/** 审核拒绝*/ |
|
|
|
|
|
submitRefuse() { |
|
|
|
|
|
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.buttonLoading = true; |
|
|
this.buttonLoading = true; |
|
|
this.auditForm.status = "3"; |
|
|
this.auditForm.status = "3"; |
|
|
merchantAudit(this.auditForm).then(response => { |
|
|
merchantAudit(this.auditForm).then(response => { |
|
@ -500,16 +514,18 @@ export default { |
|
|
}).finally(() => { |
|
|
}).finally(() => { |
|
|
this.buttonLoading = false; |
|
|
this.buttonLoading = false; |
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
/** 审核通过*/ |
|
|
/** 审核通过*/ |
|
|
submitPass() { |
|
|
submitPass() { |
|
|
this.buttonLoading = true; |
|
|
this.buttonLoading = true; |
|
|
this.auditForm.status = "2"; |
|
|
this.auditForm.status = "2"; |
|
|
this.$refs["auditForm"].clearValidate("failureReason"); |
|
|
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 => { |
|
|
merchantAudit(this.auditForm).then(response => { |
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.auditResultPass')); |
|
|
this.$modal.msgSuccess(this.$t('business.merchant.merchantVerification.auditResultPass')); |
|
|
this.auditOpen = false; |
|
|
this.auditOpen = false; |
|
@ -517,26 +533,26 @@ export default { |
|
|
}).finally(() => { |
|
|
}).finally(() => { |
|
|
this.buttonLoading = false; |
|
|
this.buttonLoading = false; |
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
//身份证正面上传成功 |
|
|
//身份证正面上传成功 |
|
|
handleSuccess_idCardFrontImagePath(response) { |
|
|
handleSuccess_idCardFrontImagePath(response) { |
|
|
if (response.code === 200) { |
|
|
if (response.code === 200) { |
|
|
this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
this.form.legalPersonIdCardFrontImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
//身份证反面上传成功 |
|
|
//身份证反面上传成功 |
|
|
handleSuccess_idCardBackImagePath(response) { |
|
|
handleSuccess_idCardBackImagePath(response) { |
|
|
if (response.code === 200) { |
|
|
if (response.code === 200) { |
|
|
this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
this.form.legalPersonIdCardBackImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
//身份证手持上传成功 |
|
|
//身份证手持上传成功 |
|
|
handleSuccess_userWithIdCardImagePath(response) { |
|
|
handleSuccess_userWithIdCardImagePath(response) { |
|
|
if (response.code === 200) { |
|
|
if (response.code === 200) { |
|
|
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
this.form.legalPersonUserWithIdCardImagePath = this.getImgUrl + response.data; // 保存 URL 到表单 |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
</script> |
|
|
</script> |
|
|