Browse Source

完善商企认证功能,本次提交内容为,认证审核、重审,及页面布局、弹窗的逻辑合理性修改

main
TonyStark 2 months ago
parent
commit
3f0e76780f
  1. 13
      src/api/business/merchantVerification.js
  2. 15
      src/api/business/userVerification.js
  3. 60
      src/views/business/merchantVerification/index.vue
  4. 18
      src/views/business/userInfoBus/index.vue
  5. 17
      src/views/business/userVerification/index.vue

13
src/api/business/merchantVerification.js

@ -44,18 +44,9 @@ export function delMerchantVerification(id) {
} }
// 实名认证不通过 // 实名认证不通过
export function auditBusRefuse(data) { export function merchantAudit(data) {
return request({ return request({
url: '/business/userVerification/auditRefuse' , url: '/business/merchantVerification/merchantVerificationAudit' ,
method: 'post',
data:data
})
}
// 实名认证通过
export function auditBusPass(data) {
return request({
url: '/business/userVerification/auditPass' ,
method: 'post', method: 'post',
data:data data:data
}) })

15
src/api/business/userVerification.js

@ -43,19 +43,10 @@ export function delUserVerification(id) {
}) })
} }
// 实名认证不通过 // 实名认证审核
export function auditRefuse(data) { export function userVerificationAudit(data) {
return request({ return request({
url: '/business/userVerification/auditRefuse' , url: '/business/userVerification/userVerificationAudit' ,
method: 'post',
data:data
})
}
// 实名认证通过
export function auditPass(data) {
return request({
url: '/business/userVerification/auditPass' ,
method: 'post', method: 'post',
data:data data:data
}) })

60
src/views/business/merchantVerification/index.vue

@ -61,11 +61,7 @@
<el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag> <el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="认证时间" align="center" prop="authenticationDate" width="180"> <el-table-column label="审核时间" align="center" prop="authenticationDate" width="180"/>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.authenticationDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="失败原因" align="center" prop="failureReason"/> <el-table-column label="失败原因" align="center" prop="failureReason"/>
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
@ -124,34 +120,23 @@
<!-- 认证审核 --> <!-- 认证审核 -->
<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="注册姓名:"> <el-form-item label="注册商企名称:">
{{auditForm.userInfoName}} {{auditForm.merchantInfoName}}
</el-form-item>
<el-form-item label="认证姓名:">
{{auditForm.fullName}}
</el-form-item>
<el-form-item label="注册身份证号:">
{{auditForm.idCardShow}}
</el-form-item> </el-form-item>
<el-form-item label="认证身份证号:"> <el-form-item label="认证商企名称:">
{{auditForm.idCardNumber}} {{auditForm.merchantName}}
</el-form-item> </el-form-item>
<el-form-item label="国籍简码:"> <el-form-item label="注册法人名称:">
{{auditForm.nationality}} {{auditForm.legalPersonInfoName}}
</el-form-item> </el-form-item>
<el-form-item label="出生日期:"> <el-form-item label="认证法人名称:">
<template slot-scope="scope"> {{auditForm.legalPersonName}}
<span>{{ parseTime(auditForm.birthDate, '{y}-{m}-{d}') }}</span>
</template>
</el-form-item>
<el-form-item label="身份证正面照:">
{{auditForm.idCardFrontImagePath}}
</el-form-item> </el-form-item>
<el-form-item label="身份证反面照:"> <el-form-item label="法人身份证号:">
{{auditForm.idCardBackImagePath}} {{auditForm.legalPersonIdCardShow}}
</el-form-item> </el-form-item>
<el-form-item label="手持身份证照:"> <el-form-item label="营业执照:">
{{auditForm.userWithIdCardImagePath}} {{auditForm.businessLicenseNumber}}
</el-form-item> </el-form-item>
<el-form-item label="认证失败原因:" prop="failureReason"> <el-form-item label="认证失败原因:" prop="failureReason">
<el-input v-model="auditForm.failureReason" placeholder="请输入认证失败原因" /> <el-input v-model="auditForm.failureReason" placeholder="请输入认证失败原因" />
@ -200,7 +185,7 @@
<el-form-item label="开户银行:"> <el-form-item label="开户银行:">
{{ form.bankName }} {{ form.bankName }}
</el-form-item> </el-form-item>
<el-form-item label="认证时间" prop="authenticationDate"> <el-form-item label="审核时间" prop="authenticationDate">
<el-date-picker clearable <el-date-picker clearable
v-model="form.authenticationDate" v-model="form.authenticationDate"
type="datetime" type="datetime"
@ -225,7 +210,8 @@ import {
getMerchantVerification, getMerchantVerification,
delMerchantVerification, delMerchantVerification,
addMerchantVerification, addMerchantVerification,
updateMerchantVerification updateMerchantVerification,
merchantAudit
} from "@/api/business/merchantVerification"; } from "@/api/business/merchantVerification";
export default { export default {
@ -290,6 +276,9 @@ export default {
legalPersonIdCard: [ legalPersonIdCard: [
{ required: true, message: "法人身份证号不能为空", trigger: "blur" } { required: true, message: "法人身份证号不能为空", trigger: "blur" }
], ],
failureReason: [
{ required: true, message: "审核失败原因不能为空", trigger: "blur" }
],
} }
}; };
}, },
@ -310,6 +299,7 @@ export default {
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false; this.detailOpen = false;
this.auditOpen = false;
this.reset(); this.reset();
}, },
// //
@ -442,27 +432,33 @@ export default {
submitRefuse() { submitRefuse() {
this.$refs["auditForm"].validate(valid => { this.$refs["auditForm"].validate(valid => {
if (valid) { if (valid) {
this.$modal.confirm('是否【拒绝】商户"' + this.auditForm.merchantName + '"的认证申请?').then(() => {
this.buttonLoading = true; this.buttonLoading = true;
auditBusRefuse(this.auditForm).then(response => { this.auditForm.status = "2";
merchantAudit(this.auditForm).then(response => {
this.$modal.msgSuccess("审核结果:拒绝"); this.$modal.msgSuccess("审核结果:拒绝");
this.auditOpen = false; this.auditOpen = false;
this.getList(); this.getList();
}).finally(() => { }).finally(() => {
this.buttonLoading = false; this.buttonLoading = false;
}); });
})
} }
}); });
}, },
/** 审核通过*/ /** 审核通过*/
submitPass() { submitPass() {
this.buttonLoading = true; this.buttonLoading = true;
auditBusPass(this.auditForm).then(response => { this.auditForm.status = "1";
this.$modal.confirm('是否【通过】商户"' + this.auditForm.merchantName + '"的认证申请?').then(() => {
merchantAudit(this.auditForm).then(response => {
this.$modal.msgSuccess("审核结果:通过"); this.$modal.msgSuccess("审核结果:通过");
this.auditOpen = false; this.auditOpen = false;
this.getList(); this.getList();
}).finally(() => { }).finally(() => {
this.buttonLoading = false; this.buttonLoading = false;
}); });
})
} }
} }
}; };

18
src/views/business/userInfoBus/index.vue

@ -49,17 +49,6 @@
v-hasPermi="['business:userInfoBus:edit']" v-hasPermi="['business:userInfoBus:edit']"
>{{ $t('common.button.edit') }}</el-button> >{{ $t('common.button.edit') }}</el-button>
</el-col> </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:userInfoBus:remove']"
>{{ $t('common.button.delete') }}</el-button>
</el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
@ -91,13 +80,6 @@
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userInfoBus:edit']" v-hasPermi="['business:userInfoBus:edit']"
>{{ $t('common.button.edit') }}</el-button> >{{ $t('common.button.edit') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userInfoBus:remove']"
>{{ $t('common.button.delete') }}</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

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

@ -65,7 +65,7 @@
<el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag> <el-tag type="warning" v-if="scope.row.status == '3'">待审核</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="认证时间" align="center" prop="authenticationDate" width="180"> <el-table-column label="审核时间" align="center" prop="authenticationDate" width="180">
</el-table-column> </el-table-column>
<el-table-column label="失败原因" align="center" prop="failureReason" /> <el-table-column label="失败原因" align="center" prop="failureReason" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
@ -208,7 +208,7 @@
<el-tag type="danger" v-if="form.biometrics == '0'">未认证</el-tag> <el-tag type="danger" v-if="form.biometrics == '0'">未认证</el-tag>
<el-tag type="success" v-if="form.biometrics == '1'">已认证</el-tag> <el-tag type="success" v-if="form.biometrics == '1'">已认证</el-tag>
</el-form-item> </el-form-item>
<el-form-item label="认证时间:"> <el-form-item label="审核时间:">
{{ form.authenticationDate}} {{ form.authenticationDate}}
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -220,7 +220,8 @@
</template> </template>
<script> <script>
import { listUserVerification, getUserVerification, delUserVerification, addUserVerification, updateUserVerification, auditRefuse, auditPass } from "@/api/business/userVerification"; import { listUserVerification, getUserVerification, delUserVerification, addUserVerification, updateUserVerification, userVerificationAudit } from "@/api/business/userVerification";
import {merchantAudit} from "@/api/business/merchantVerification";
export default { export default {
name: "UserVerification", name: "UserVerification",
@ -451,27 +452,33 @@ export default {
submitRefuse() { submitRefuse() {
this.$refs["auditForm"].validate(valid => { this.$refs["auditForm"].validate(valid => {
if (valid) { if (valid) {
this.$modal.confirm('是否【拒绝】用户"' + this.auditForm.userInfoName + '"的认证申请?').then(() => {
this.buttonLoading = true; this.buttonLoading = true;
auditRefuse(this.auditForm).then(response => { this.auditForm.status = "2";
userVerificationAudit(this.auditForm).then(response => {
this.$modal.msgSuccess("审核结果:拒绝"); this.$modal.msgSuccess("审核结果:拒绝");
this.auditOpen = false; this.auditOpen = false;
this.getList(); this.getList();
}).finally(() => { }).finally(() => {
this.buttonLoading = false; this.buttonLoading = false;
}); });
})
} }
}); });
}, },
/** 审核通过*/ /** 审核通过*/
submitPass() { submitPass() {
this.$modal.confirm('是否【通过】用户"' + this.auditForm.userInfoName + '"的认证申请?').then(() => {
this.buttonLoading = true; this.buttonLoading = true;
auditPass(this.auditForm).then(response => { this.auditForm.status = "1";
userVerificationAudit(this.auditForm).then(response => {
this.$modal.msgSuccess("审核结果:通过"); this.$modal.msgSuccess("审核结果:通过");
this.auditOpen = false; this.auditOpen = false;
this.getList(); this.getList();
}).finally(() => { }).finally(() => {
this.buttonLoading = false; this.buttonLoading = false;
}); });
})
}, },
} }
}; };

Loading…
Cancel
Save