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-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,54 +43,75 @@
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>
<el-table v-loading="loading" :data="userVerificationList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userVerificationList" @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.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"
<el-table-column :label="$t('business.userManager.userVerification.biometrics')" align="center" prop="status" > prop="nationality"/>
<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>
@ -104,13 +128,15 @@
<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.userManager.userVerification.name')" prop="fullName"> <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>
<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>
@ -174,41 +203,44 @@
<el-dialog :title="title" :visible.sync="auditOpen" width="700px" append-to-body> <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 ref="auditForm" :model="auditForm" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.userManager.userVerification.registerName')"> <el-form-item :label="$t('business.userManager.userVerification.registerName')">
{{auditForm.userInfoName}} {{ auditForm.userInfoName }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.verifyName')"> <el-form-item :label="$t('business.userManager.userVerification.verifyName')">
{{auditForm.fullName}} {{ auditForm.fullName }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.registerIdCard')"> <el-form-item :label="$t('business.userManager.userVerification.registerIdCard')">
{{auditForm.idCardShow}} {{ auditForm.idCardShow }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.verifyIdCard')"> <el-form-item :label="$t('business.userManager.userVerification.verifyIdCard')">
{{auditForm.idCardNumber}} {{ auditForm.idCardNumber }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.nationality')"> <el-form-item :label="$t('business.userManager.userVerification.nationality')">
{{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 }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')"> <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
{{auditForm.idCardBackImagePath}} {{ auditForm.idCardBackImagePath }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')"> <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
{{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>
@ -216,34 +248,36 @@
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> <el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto"> <el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.userManager.userVerification.name')"> <el-form-item :label="$t('business.userManager.userVerification.name')">
{{form.fullName}} {{ form.fullName }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCard')"> <el-form-item :label="$t('business.userManager.userVerification.idCard')">
{{form.idCard}} {{ form.idCard }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.nationality')"> <el-form-item :label="$t('business.userManager.userVerification.nationality')">
{{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 }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardBack')"> <el-form-item :label="$t('business.userManager.userVerification.idCardBack')">
{{form.idCardBackImagePath}} {{ form.idCardBackImagePath }}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.userManager.userVerification.idCardHolding')"> <el-form-item :label="$t('business.userManager.userVerification.idCardHolding')">
{{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 }}
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -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,28 +352,53 @@ 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"}
], ],
birthDate: [ birthDate: [
{ 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"
}
], ],
} }
}; };
@ -401,30 +467,31 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd(row) { handleAdd(row) {
this.reset(); this.reset();
if (row.id != null){ if (row.id != null) {
this.form = row; this.form = row;
this.open = true; this.open = true;
this.title = this.$t("business.userManager.userVerification.verification"); this.title = this.$t("business.userManager.userVerification.verification");
}else { } else {
this.form.userId = row.userId; this.form.userId = row.userId;
this.open = true; this.open = true;
this.title = this.$t("business.userManager.userVerification.verification"); this.title = this.$t("business.userManager.userVerification.verification");
} }
}, },
/** 详情按钮操作 */ /** 详情按钮操作 */
handleDetail(row){ handleDetail(row) {
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();
this.auditForm = row; this.auditForm = row;
this.auditOpen = true; this.auditOpen = true;
@ -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) {

Loading…
Cancel
Save