Browse Source

认证状态修改

main
GhubCy 1 month ago
parent
commit
953b38c28a
  1. 211
      src/views/business/userVerification/index.vue

211
src/views/business/userVerification/index.vue

@ -26,7 +26,10 @@
/>
</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>
@ -40,54 +43,75 @@
size="mini"
@click="handleExport"
v-hasPermi="['business:userVerification:export']"
>{{ $t('common.button.export') }}</el-button>
>{{ $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="userVerificationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<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.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.biometrics')" align="center" prop="status" >
<el-table-column type="selection" width="55" align="center"/>
<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.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.biometrics')" align="center" prop="status">
<template slot-scope="scope">
<el-tag type="danger" v-if="scope.row.biometrics == '0'">{{ $t('business.userManager.userVerification.biometricsUnverified') }}</el-tag>
<el-tag type="success" v-if="scope.row.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag>
<el-tag type="danger" v-if="scope.row.biometrics == '0'">
{{ $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>
</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">
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">{{ $t('business.userManager.userVerification.statusUnverified') }}</el-tag>
<el-tag type="success" v-if="scope.row.status == '1'">{{ $t('business.userManager.userVerification.statusVerified') }}</el-tag>
<el-tag type="danger" v-if="scope.row.status == '2'">{{ $t('business.userManager.userVerification.statusFailed') }}</el-tag>
<el-tag type="warning" v-if="scope.row.status == '3'">{{ $t('business.userManager.userVerification.statusPending') }}</el-tag>
<el-tag type="primary" v-if="scope.row.status == '0' || scope.row.status == null">
{{ $t('business.userManager.userVerification.statusUnverified') }}
</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>
</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 :label="$t('business.userManager.userVerification.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.userManager.userVerification.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 == '2')"
<el-button v-if="(scope.row.status == null || scope.row.status == 0)"
size="mini"
type="text"
icon="el-icon-document-add"
@click="handleAdd(scope.row)"
>{{ $t('business.userManager.userVerification.verify') }}</el-button>
<el-button v-if="(scope.row.status == 1)"
>{{ $t('business.userManager.userVerification.verify') }}
</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 == 3)"
>{{ $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.userManager.userVerification.audit') }}</el-button>
>{{ $t('business.userManager.userVerification.audit') }}
</el-button>
</template>
</el-table-column>
</el-table>
@ -104,13 +128,15 @@
<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.userManager.userVerification.name')" prop="fullName">
<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 :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 :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 :label="$t('business.userManager.userVerification.birthDate')" prop="birthDate">
<el-date-picker clearable
@ -165,7 +191,10 @@
</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>
@ -174,41 +203,44 @@
<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.userManager.userVerification.registerName')">
{{auditForm.userInfoName}}
{{ auditForm.userInfoName }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.verifyName')">
{{auditForm.fullName}}
{{ auditForm.fullName }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.registerIdCard')">
{{auditForm.idCardShow}}
{{ auditForm.idCardShow }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.verifyIdCard')">
{{auditForm.idCardNumber}}
{{ auditForm.idCardNumber }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.nationality')">
{{auditForm.nationality}}
{{ auditForm.nationality }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.birthDate')">
<template slot-scope="scope">
<span>{{ parseTime(auditForm.birthDate, '{y}-{m}-{d}') }}</span>
</template>
{{ auditForm.birthDate }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
{{auditForm.idCardFrontImagePath}}
{{ auditForm.idCardFrontImagePath }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
{{auditForm.idCardBackImagePath}}
{{ auditForm.idCardBackImagePath }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
{{auditForm.userWithIdCardImagePath}}
{{ auditForm.userWithIdCardImagePath }}
</el-form-item>
<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>
<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="danger" @click="submitRefuse">{{ $t('business.userManager.userVerification.refuse') }}</el-button>
<el-button :loading="buttonLoading" type="success" @click="submitPass">
{{ $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>
</div>
</el-dialog>
@ -216,34 +248,36 @@
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.userManager.userVerification.name')">
{{form.fullName}}
{{ form.fullName }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCard')">
{{form.idCard}}
{{ form.idCard }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.nationality')">
{{form.nationality}}
{{ form.nationality }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.birthDate')">
<template slot-scope="scope">
<span>{{ parseTime(form.birthDate, '{y}-{m}-{d}') }}</span>
</template>
{{ form.birthDate }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardFront')">
{{form.idCardFrontImagePath}}
{{ form.idCardFrontImagePath }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
{{form.idCardBackImagePath}}
{{ form.idCardBackImagePath }}
</el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
{{form.userWithIdCardImagePath}}
{{ form.userWithIdCardImagePath }}
</el-form-item>
<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="success" v-if="form.biometrics == '1'">{{ $t('business.userManager.userVerification.biometricsVerified') }}</el-tag>
<el-tag type="danger" v-if="form.biometrics == '0'">
{{ $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 :label="$t('business.userManager.userVerification.verificationTime')">
{{ form.authenticationDate}}
{{ form.authenticationDate }}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -254,7 +288,14 @@
</template>
<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";
export default {
@ -311,28 +352,53 @@ export default {
//
rules: {
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: [
{ required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur" }
{required: true, message: this.$t('business.userManager.userVerification.nameRequired'), trigger: "blur"}
],
birthDate: [
{ required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur" }
{required: true, message: this.$t('business.userManager.userVerification.birthDateRequired'), trigger: "blur"}
],
nationality: [
{ required: true, message: this.$t('business.userManager.userVerification.nationalityRequired'), trigger: "blur" }
{
required: true,
message: this.$t('business.userManager.userVerification.nationalityRequired'),
trigger: "blur"
}
],
idCardFrontImagePath: [
{ required: true, message: this.$t('business.userManager.userVerification.idCardFrontRequired'), trigger: "blur" }
{
required: true,
message: this.$t('business.userManager.userVerification.idCardFrontRequired'),
trigger: "blur"
}
],
idCardBackImagePath: [
{ required: true, message: this.$t('business.userManager.userVerification.idCardBackRequired'), trigger: "blur" }
{
required: true,
message: this.$t('business.userManager.userVerification.idCardBackRequired'),
trigger: "blur"
}
],
userWithIdCardImagePath: [
{ required: true, message: this.$t('business.userManager.userVerification.idCardHoldingRequired'), trigger: "blur" }
{
required: true,
message: this.$t('business.userManager.userVerification.idCardHoldingRequired'),
trigger: "blur"
}
],
failureReason: [
{ required: true, message: this.$t('business.userManager.userVerification.failureReasonRequired'), trigger: "blur" }
{
required: true,
message: this.$t('business.userManager.userVerification.failureReasonRequired'),
trigger: "blur"
}
],
}
};
@ -401,30 +467,31 @@ export default {
//
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd(row) {
this.reset();
if (row.id != null){
if (row.id != null) {
this.form = row;
this.open = true;
this.title = this.$t("business.userManager.userVerification.verification");
}else {
} else {
this.form.userId = row.userId;
this.open = true;
this.title = this.$t("business.userManager.userVerification.verification");
}
},
/** 详情按钮操作 */
handleDetail(row){
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
audit },
audit
},
/** 审核按钮操作 */
handleAudit(row){
handleAudit(row) {
this.reset();
this.auditForm = row;
this.auditOpen = true;
@ -491,7 +558,11 @@ export default {
/** 审核拒绝*/
submitRefuse() {
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 => {
if (valid) {

Loading…
Cancel
Save