|
|
|
@ -1,78 +1,31 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
|
<el-form-item label="商户名称" prop="merchantName"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.merchantName" |
|
|
|
placeholder="请输入商户名称" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="营业执照" prop="businessLicenseNumber"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.businessLicenseNumber" |
|
|
|
placeholder="请输入营业执照号" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法人姓名" prop="legalPersonName"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.legalPersonName" |
|
|
|
placeholder="请输入法人姓名" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人" prop="contactPersonName"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.contactPersonName" |
|
|
|
placeholder="请输入联系人姓名" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" prop="contactPersonPhone"> |
|
|
|
<el-form-item label="登录账号" prop="account"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.contactPersonPhone" |
|
|
|
placeholder="请输入联系人电话" |
|
|
|
v-model="queryParams.account" |
|
|
|
placeholder="请输入登录账号" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系邮箱" prop="contactPersonEmail"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.contactPersonEmail" |
|
|
|
placeholder="请输入联系人电子邮箱" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="银行账户" prop="bankAccountNumber"> |
|
|
|
<el-form-item label="商户名称" prop="merchantName"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.bankAccountNumber" |
|
|
|
placeholder="请输入商户银行账户" |
|
|
|
v-model="queryParams.merchantName" |
|
|
|
placeholder="请输入商户名称" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开户银行" prop="bankName"> |
|
|
|
<el-form-item label="身份证号" prop="legalPersonIdCard"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.bankName" |
|
|
|
placeholder="请输入开户银行" |
|
|
|
v-model="queryParams.legalPersonIdCard" |
|
|
|
placeholder="请输入法人身份证号" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="认证时间" prop="authenticationDate"> |
|
|
|
<el-date-picker clearable |
|
|
|
v-model="queryParams.authenticationDate" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="请选择认证时间"> |
|
|
|
</el-date-picker> |
|
|
|
</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 icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
|
@ -80,38 +33,6 @@ |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
plain |
|
|
|
icon="el-icon-plus" |
|
|
|
size="mini" |
|
|
|
@click="handleAdd" |
|
|
|
v-hasPermi="['business:merchantVerification:add']" |
|
|
|
>{{ $t('common.button.add') }}</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="success" |
|
|
|
plain |
|
|
|
icon="el-icon-edit" |
|
|
|
size="mini" |
|
|
|
:disabled="single" |
|
|
|
@click="handleUpdate" |
|
|
|
v-hasPermi="['business:merchantVerification:edit']" |
|
|
|
>{{ $t('common.button.edit') }}</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="danger" |
|
|
|
plain |
|
|
|
icon="el-icon-delete" |
|
|
|
size="mini" |
|
|
|
:disabled="multiple" |
|
|
|
@click="handleDelete" |
|
|
|
v-hasPermi="['business:merchantVerification:remove']" |
|
|
|
>{{ $t('common.button.delete') }}</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="warning" |
|
|
|
@ -127,27 +48,19 @@ |
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="merchantVerificationList" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="55" align="center"/> |
|
|
|
<el-table-column label="id" align="center" prop="id" v-if="true"/> |
|
|
|
<el-table-column label="商户名称" align="center" prop="merchantName"/> |
|
|
|
<el-table-column label="登录账号" align="center" prop="userAccount"/> |
|
|
|
<el-table-column label="商户名称" align="center" prop="merchantInfoName"/> |
|
|
|
<el-table-column label="营业执照" align="center" prop="businessLicenseNumber"/> |
|
|
|
<el-table-column label="法人姓名" align="center" prop="legalPersonName"/> |
|
|
|
<el-table-column label="身份证" align="center" prop="legalPersonIdCard"/> |
|
|
|
<el-table-column label="联系姓名" align="center" prop="contactPersonName"/> |
|
|
|
<el-table-column label="联系电话" align="center" prop="contactPersonPhone"/> |
|
|
|
<el-table-column label="联系邮箱" align="center" prop="contactPersonEmail"/> |
|
|
|
<el-table-column label="营业执照照片" align="center" prop="businessLicenseImage" width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<image-preview :src="scope.row.businessLicenseImage" :width="50" :height="50"/> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="身份证照片" align="center" prop="legalPersonIdCardImage" width="100"> |
|
|
|
<el-table-column label="法人姓名" align="center" prop="legalPersonInfoName"/> |
|
|
|
<el-table-column label="法人身份证" align="center" prop="legalPersonIdCard"/> |
|
|
|
<el-table-column label="认证状态" align="center" prop="status"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<image-preview :src="scope.row.legalPersonIdCardImage" :width="50" :height="50"/> |
|
|
|
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">未认证</el-tag> |
|
|
|
<el-tag type="success" v-if="scope.row.status == '1'">认证通过</el-tag> |
|
|
|
<el-tag type="danger" v-if="scope.row.status == '2'">认证失败</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="银行账户" align="center" prop="bankAccountNumber"/> |
|
|
|
<el-table-column label="开户银行" align="center" prop="bankName"/> |
|
|
|
<el-table-column label="认证状态" align="center" prop="status"/> |
|
|
|
<el-table-column label="认证时间" align="center" prop="authenticationDate" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ parseTime(scope.row.authenticationDate, '{y}-{m}-{d}') }}</span> |
|
|
|
@ -156,26 +69,24 @@ |
|
|
|
<el-table-column label="失败原因" align="center" prop="failureReason"/> |
|
|
|
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
<el-button v-if="(scope.row.status == null || scope.row.status == '2')" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
>{{ $t('common.button.detail') }}</el-button> |
|
|
|
<el-button |
|
|
|
icon="el-icon-document-add" |
|
|
|
@click="handleAdd(scope.row)" |
|
|
|
>认证</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 1)" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
v-hasPermi="['business:merchantVerification:edit']" |
|
|
|
>{{ $t('common.button.edit') }}</el-button> |
|
|
|
<el-button |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
>详情</el-button> |
|
|
|
<el-button v-if="(scope.row.status == 3)" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
v-hasPermi="['business:merchantVerification:remove']" |
|
|
|
>{{ $t('common.button.delete') }}</el-button> |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleAudit(scope.row)" |
|
|
|
>审核</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -203,42 +114,53 @@ |
|
|
|
<el-form-item label="身份证" prop="legalPersonIdCard"> |
|
|
|
<el-input v-model="form.legalPersonIdCard" placeholder="请输入法人身份证"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人姓名" prop="contactPersonName"> |
|
|
|
<el-input v-model="form.contactPersonName" placeholder="请输入联系人姓名"/> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<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> |
|
|
|
|
|
|
|
<!-- 认证审核 --> |
|
|
|
<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="注册姓名："> |
|
|
|
{{auditForm.userInfoName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人电话、" prop="contactPersonPhone"> |
|
|
|
<el-input v-model="form.contactPersonPhone" placeholder="请输入联系人电话、"/> |
|
|
|
<el-form-item label="认证姓名："> |
|
|
|
{{auditForm.fullName}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人邮箱" prop="contactPersonEmail"> |
|
|
|
<el-input v-model="form.contactPersonEmail" placeholder="请输入联系人电子邮箱"/> |
|
|
|
<el-form-item label="注册身份证号："> |
|
|
|
{{auditForm.idCardShow}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="营业执照照片" prop="businessLicenseImage"> |
|
|
|
<image-upload v-model="form.businessLicenseImage"/> |
|
|
|
<el-form-item label="认证身份证号："> |
|
|
|
{{auditForm.idCardNumber}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证照片" prop="legalPersonIdCardImage"> |
|
|
|
<image-upload v-model="form.legalPersonIdCardImage"/> |
|
|
|
<el-form-item label="国籍简码："> |
|
|
|
{{auditForm.nationality}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="银行账户" prop="bankAccountNumber"> |
|
|
|
<el-input v-model="form.bankAccountNumber" placeholder="请输入商户银行账户"/> |
|
|
|
<el-form-item label="出生日期："> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ parseTime(auditForm.birthDate, '{y}-{m}-{d}') }}</span> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开户银行" prop="bankName"> |
|
|
|
<el-input v-model="form.bankName" placeholder="请输入开户银行"/> |
|
|
|
<el-form-item label="身份证正面照："> |
|
|
|
{{auditForm.idCardFrontImagePath}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="认证时间" prop="authenticationDate"> |
|
|
|
<el-date-picker clearable |
|
|
|
v-model="form.authenticationDate" |
|
|
|
type="datetime" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
placeholder="请选择认证时间"> |
|
|
|
</el-date-picker> |
|
|
|
<el-form-item label="身份证反面照："> |
|
|
|
{{auditForm.idCardBackImagePath}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手持身份证照："> |
|
|
|
{{auditForm.userWithIdCardImagePath}} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="认证失败原因" prop="failureReason"> |
|
|
|
<el-input v-model="form.failureReason" placeholder="请输入认证失败原因"/> |
|
|
|
<el-form-item label="认证失败原因：" prop="failureReason"> |
|
|
|
<el-input v-model="auditForm.failureReason" placeholder="请输入认证失败原因" /> |
|
|
|
</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 @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="success" @click="submitPass">通 过</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse">拒 绝</el-button> |
|
|
|
<el-button @click="cancel">取 消</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
@ -332,6 +254,8 @@ export default { |
|
|
|
open: false, |
|
|
|
// 是否显示详情弹出层 |
|
|
|
detailOpen: false, |
|
|
|
// 是否显示详情弹出层 |
|
|
|
auditOpen: false, |
|
|
|
// 查询参数 |
|
|
|
queryParams: { |
|
|
|
pageNum: 1, |
|
|
|
@ -353,8 +277,20 @@ export default { |
|
|
|
}, |
|
|
|
// 表单参数 |
|
|
|
form: {}, |
|
|
|
//审核参数 |
|
|
|
auditForm: {}, |
|
|
|
// 表单校验 |
|
|
|
rules: {} |
|
|
|
rules: { |
|
|
|
merchantName: [ |
|
|
|
{ required: true, message: "商户名称不能为空", trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonName: [ |
|
|
|
{ required: true, message: "法人姓名不能为空", trigger: "blur" } |
|
|
|
], |
|
|
|
legalPersonIdCard: [ |
|
|
|
{ required: true, message: "法人身份证号不能为空", trigger: "blur" } |
|
|
|
], |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -419,10 +355,16 @@ export default { |
|
|
|
this.multiple = !selection.length |
|
|
|
}, |
|
|
|
/** 新增按钮操作 */ |
|
|
|
handleAdd() { |
|
|
|
this.reset(); |
|
|
|
handleAdd(row) { |
|
|
|
if (row.id != null){ |
|
|
|
this.form = row; |
|
|
|
this.open = true; |
|
|
|
this.title = "商户认证"; |
|
|
|
}else { |
|
|
|
this.form.userId = row.userId; |
|
|
|
this.open = true; |
|
|
|
this.title = "添加商户认证信息"; |
|
|
|
this.title = "商户认证"; |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 详情按钮操作 */ |
|
|
|
handleDetail(row) { |
|
|
|
@ -431,6 +373,13 @@ export default { |
|
|
|
this.detailOpen = true; |
|
|
|
this.title = "商户认证信息"; |
|
|
|
}, |
|
|
|
/** 审核按钮操作 */ |
|
|
|
handleAudit(row){ |
|
|
|
this.reset(); |
|
|
|
this.auditForm = row; |
|
|
|
this.auditOpen = true; |
|
|
|
this.title = "商户认证审核"; |
|
|
|
}, |
|
|
|
/** 修改按钮操作 */ |
|
|
|
handleUpdate(row) { |
|
|
|
this.loading = true; |
|
|
|
@ -488,6 +437,32 @@ export default { |
|
|
|
this.download('business/merchantVerification/export', { |
|
|
|
...this.queryParams |
|
|
|
}, `merchantVerification_${new Date().getTime()}.xlsx`) |
|
|
|
}, |
|
|
|
/** 审核拒绝*/ |
|
|
|
submitRefuse() { |
|
|
|
this.$refs["auditForm"].validate(valid => { |
|
|
|
if (valid) { |
|
|
|
this.buttonLoading = true; |
|
|
|
auditBusRefuse(this.auditForm).then(response => { |
|
|
|
this.$modal.msgSuccess("审核结果：拒绝"); |
|
|
|
this.auditOpen = false; |
|
|
|
this.getList(); |
|
|
|
}).finally(() => { |
|
|
|
this.buttonLoading = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 审核通过*/ |
|
|
|
submitPass() { |
|
|
|
this.buttonLoading = true; |
|
|
|
auditBusPass(this.auditForm).then(response => { |
|
|
|
this.$modal.msgSuccess("审核结果：通过"); |
|
|
|
this.auditOpen = false; |
|
|
|
this.getList(); |
|
|
|
}).finally(() => { |
|
|
|
this.buttonLoading = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
|
TonyStark
2 months ago