Browse Source

认证状态修改

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

155
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,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) {

Loading…
Cancel
Save