|
@ -26,7 +26,10 @@ |
|
|
/> |
|
|
/> |
|
|
</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> |
|
@ -40,7 +43,8 @@ |
|
|
size="mini" |
|
|
size="mini" |
|
|
@click="handleExport" |
|
|
@click="handleExport" |
|
|
v-hasPermi="['business:userVerification:export']" |
|
|
v-hasPermi="['business:userVerification:export']" |
|
|
>{{ $t('common.button.export') }}</el-button> |
|
|
>{{ $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> |
|
@ -50,44 +54,64 @@ |
|
|
<el-table-column :label="$t('business.userManager.userVerification.account')" align="center" prop="userAccount"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.account')" align="center" prop="userAccount"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.name')" align="center" prop="userInfoName"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.name')" align="center" prop="userInfoName"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.idCard')" align="center" prop="idCard"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.idCard')" align="center" prop="idCard"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.nationality')" align="center" prop="nationality" /> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.nationality')" align="center" |
|
|
|
|
|
prop="nationality"/> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.biometrics')" align="center" prop="status"> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.biometrics')" align="center" prop="status"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-tag type="danger" v-if="scope.row.biometrics == '0'">{{ $t('business.userManager.userVerification.biometricsUnverified') }}</el-tag> |
|
|
<el-tag type="danger" v-if="scope.row.biometrics == '0'"> |
|
|
<el-tag type="success" v-if="scope.row.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag> |
|
|
{{ $t('business.userManager.userVerification.biometricsUnverified') }} |
|
|
|
|
|
</el-tag> |
|
|
|
|
|
<el-tag type="success" v-if="scope.row.biometrics == '1'"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.biometricsVerified') }} |
|
|
|
|
|
</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.idCardVerification')" align="center" prop="status" > |
|
|
<el-table-column :label="$t('business.userManager.userVerification.idCardVerification')" 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.userManager.userVerification.statusUnverified') }}</el-tag> |
|
|
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null"> |
|
|
<el-tag type="success" v-if="scope.row.status == '1'">{{ $t('business.userManager.userVerification.statusVerified') }}</el-tag> |
|
|
{{ $t('business.userManager.userVerification.statusUnverified') }} |
|
|
<el-tag type="danger" v-if="scope.row.status == '2'">{{ $t('business.userManager.userVerification.statusFailed') }}</el-tag> |
|
|
</el-tag> |
|
|
<el-tag type="warning" v-if="scope.row.status == '3'">{{ $t('business.userManager.userVerification.statusPending') }}</el-tag> |
|
|
<el-tag type="success" v-if="scope.row.status == '1'"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.statusPending') }} |
|
|
|
|
|
</el-tag> |
|
|
|
|
|
<el-tag type="danger" v-if="scope.row.status == '2'"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.statusVerified') }} |
|
|
|
|
|
</el-tag> |
|
|
|
|
|
<el-tag type="warning" v-if="scope.row.status == '3'"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.statusFailed') }} |
|
|
|
|
|
</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center" prop="authenticationDate" width="180"> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.verificationTime')" align="center" |
|
|
|
|
|
prop="authenticationDate" width="180"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center" prop="failureReason" /> |
|
|
<el-table-column :label="$t('business.userManager.userVerification.failureReason')" align="center" |
|
|
<el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
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 == '2')" |
|
|
<el-button v-if="(scope.row.status == null || scope.row.status == 0)" |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-document-add" |
|
|
icon="el-icon-document-add" |
|
|
@click="handleAdd(scope.row)" |
|
|
@click="handleAdd(scope.row)" |
|
|
>{{ $t('business.userManager.userVerification.verify') }}</el-button> |
|
|
>{{ $t('business.userManager.userVerification.verify') }} |
|
|
<el-button v-if="(scope.row.status == 1)" |
|
|
</el-button> |
|
|
|
|
|
<el-button v-if="(scope.row.status == 2)" |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-view" |
|
|
icon="el-icon-view" |
|
|
@click="handleDetail(scope.row)" |
|
|
@click="handleDetail(scope.row)" |
|
|
>{{ $t('common.button.detail') }}</el-button> |
|
|
>{{ $t('common.button.detail') }} |
|
|
<el-button v-if="(scope.row.status == 3)" |
|
|
</el-button> |
|
|
|
|
|
<el-button v-if="(scope.row.status == 1)" |
|
|
size="mini" |
|
|
size="mini" |
|
|
type="text" |
|
|
type="text" |
|
|
icon="el-icon-view" |
|
|
icon="el-icon-view" |
|
|
@click="handleAudit(scope.row)" |
|
|
@click="handleAudit(scope.row)" |
|
|
>{{ $t('business.userManager.userVerification.audit') }}</el-button> |
|
|
>{{ $t('business.userManager.userVerification.audit') }} |
|
|
|
|
|
</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
@ -107,10 +131,12 @@ |
|
|
<el-input v-model="form.fullName" :placeholder="$t('business.userManager.userVerification.namePlaceholder')"/> |
|
|
<el-input v-model="form.fullName" :placeholder="$t('business.userManager.userVerification.namePlaceholder')"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCard')" prop="idCardNumber"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCard')" prop="idCardNumber"> |
|
|
<el-input v-model="form.idCardNumber" :placeholder="$t('business.userManager.userVerification.idCardPlaceholder')" /> |
|
|
<el-input v-model="form.idCardNumber" |
|
|
|
|
|
:placeholder="$t('business.userManager.userVerification.idCardPlaceholder')"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.nationality')" prop="nationality"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.nationality')" prop="nationality"> |
|
|
<el-input v-model="form.nationality" :placeholder="$t('business.userManager.userVerification.nationalityPlaceholder')" /> |
|
|
<el-input v-model="form.nationality" |
|
|
|
|
|
:placeholder="$t('business.userManager.userVerification.nationalityPlaceholder')"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')" prop="birthDate"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')" prop="birthDate"> |
|
|
<el-date-picker clearable |
|
|
<el-date-picker clearable |
|
@ -165,7 +191,10 @@ |
|
|
</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> |
|
@ -189,9 +218,7 @@ |
|
|
{{ auditForm.nationality }} |
|
|
{{ auditForm.nationality }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')"> |
|
|
<template slot-scope="scope"> |
|
|
{{ auditForm.birthDate }} |
|
|
<span>{{ parseTime(auditForm.birthDate, '{y}-{m}-{d}') }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
{{ auditForm.idCardFrontImagePath }} |
|
|
{{ auditForm.idCardFrontImagePath }} |
|
@ -203,12 +230,17 @@ |
|
|
{{ auditForm.userWithIdCardImagePath }} |
|
|
{{ auditForm.userWithIdCardImagePath }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.failureReason')" prop="failureReason"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.failureReason')" prop="failureReason"> |
|
|
<el-input v-model="auditForm.failureReason" :placeholder="$t('business.userManager.userVerification.failureReasonPlaceholder')" /> |
|
|
<el-input v-model="auditForm.failureReason" |
|
|
|
|
|
:placeholder="$t('business.userManager.userVerification.failureReasonPlaceholder')"/> |
|
|
</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.userManager.userVerification.pass') }}</el-button> |
|
|
<el-button :loading="buttonLoading" type="success" @click="submitPass"> |
|
|
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse">{{ $t('business.userManager.userVerification.refuse') }}</el-button> |
|
|
{{ $t('business.userManager.userVerification.pass') }} |
|
|
|
|
|
</el-button> |
|
|
|
|
|
<el-button :loading="buttonLoading" type="danger" @click="submitRefuse"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.refuse') }} |
|
|
|
|
|
</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> |
|
@ -225,9 +257,7 @@ |
|
|
{{ form.nationality }} |
|
|
{{ form.nationality }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.birthDate')"> |
|
|
<template slot-scope="scope"> |
|
|
{{ form.birthDate }} |
|
|
<span>{{ parseTime(form.birthDate, '{y}-{m}-{d}') }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')"> |
|
|
{{ form.idCardFrontImagePath }} |
|
|
{{ form.idCardFrontImagePath }} |
|
@ -239,8 +269,12 @@ |
|
|
{{ form.userWithIdCardImagePath }} |
|
|
{{ form.userWithIdCardImagePath }} |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.biometrics')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.biometrics')"> |
|
|
<el-tag type="danger" v-if="form.biometrics == '0'">{{ $t('business.userManager.userVerification.biometricsUnverified') }}</el-tag> |
|
|
<el-tag type="danger" v-if="form.biometrics == '0'"> |
|
|
<el-tag type="success" v-if="form.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag> |
|
|
{{ $t('business.userManager.userVerification.biometricsUnverified') }} |
|
|
|
|
|
</el-tag> |
|
|
|
|
|
<el-tag type="success" v-if="form.biometrics == '1'"> |
|
|
|
|
|
{{ $t('business.userManager.userVerification.biometricsVerified') }} |
|
|
|
|
|
</el-tag> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.verificationTime')"> |
|
|
<el-form-item :label="$t('business.userManager.userVerification.verificationTime')"> |
|
|
{{ form.authenticationDate }} |
|
|
{{ form.authenticationDate }} |
|
@ -254,7 +288,14 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { listUserVerification, getUserVerification, delUserVerification, addUserVerification, updateUserVerification, userVerificationAudit } from "@/api/business/userVerification"; |
|
|
import { |
|
|
|
|
|
listUserVerification, |
|
|
|
|
|
getUserVerification, |
|
|
|
|
|
delUserVerification, |
|
|
|
|
|
addUserVerification, |
|
|
|
|
|
updateUserVerification, |
|
|
|
|
|
userVerificationAudit |
|
|
|
|
|
} from "@/api/business/userVerification"; |
|
|
import {merchantAudit} from "@/api/business/merchantVerification"; |
|
|
import {merchantAudit} from "@/api/business/merchantVerification"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
@ -311,7 +352,12 @@ export default { |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
idCardNumber: [ |
|
|
idCardNumber: [ |
|
|
{ required: true, pattern: /^\d+$/, message: this.$t('business.userManager.userVerification.idCardDigitOnly'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
pattern: /^\d+$/, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.idCardDigitOnly'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
fullName: [ |
|
|
fullName: [ |
|
|
{required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur"} |
|
|
{required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur"} |
|
@ -320,19 +366,39 @@ export default { |
|
|
{required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur"} |
|
|
{required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur"} |
|
|
], |
|
|
], |
|
|
nationality: [ |
|
|
nationality: [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.nationalityRequired'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.nationalityRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
idCardFrontImagePath: [ |
|
|
idCardFrontImagePath: [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.idCardFrontRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
idCardBackImagePath: [ |
|
|
idCardBackImagePath: [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardBackRequired'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.idCardBackRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
userWithIdCardImagePath: [ |
|
|
userWithIdCardImagePath: [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
failureReason: [ |
|
|
failureReason: [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.failureReasonRequired'), trigger: "blur" } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.failureReasonRequired'), |
|
|
|
|
|
trigger: "blur" |
|
|
|
|
|
} |
|
|
], |
|
|
], |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
@ -422,7 +488,8 @@ export default { |
|
|
this.reset(); |
|
|
this.reset(); |
|
|
this.form = row; |
|
|
this.form = row; |
|
|
this.detailOpen = true; |
|
|
this.detailOpen = true; |
|
|
audit }, |
|
|
audit |
|
|
|
|
|
}, |
|
|
/** 审核按钮操作 */ |
|
|
/** 审核按钮操作 */ |
|
|
handleAudit(row) { |
|
|
handleAudit(row) { |
|
|
this.reset(); |
|
|
this.reset(); |
|
@ -491,7 +558,11 @@ export default { |
|
|
/** 审核拒绝*/ |
|
|
/** 审核拒绝*/ |
|
|
submitRefuse() { |
|
|
submitRefuse() { |
|
|
this.rules.failureReason = [ |
|
|
this.rules.failureReason = [ |
|
|
{ required: true, message: this.$t('business.userManager.userVerification.failureReasonRequired'), trigger: 'blur' } |
|
|
{ |
|
|
|
|
|
required: true, |
|
|
|
|
|
message: this.$t('business.userManager.userVerification.failureReasonRequired'), |
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
} |
|
|
]; |
|
|
]; |
|
|
this.$refs["auditForm"].validate(valid => { |
|
|
this.$refs["auditForm"].validate(valid => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|