liwei
loveflow 7 months ago
parent 71e24906ea
commit 8843bdb1db

@ -26,7 +26,7 @@ export function get_personback_item_data_person(params) {
}
// 人员背景审查子页个人详情
export function getList(id) {
export function getDetail(id) {
return request({
url: "/prepare/verification/" + id,
method: "get",

@ -5,13 +5,14 @@
<div class="searchWrap">
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
<el-form-item label="企业名称">
<el-input v-model="queryParam.name" placeholder="请输入"></el-input>
<el-input
v-model="queryParam.companyName"
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="searchQuery"></el-button>
<el-button type="primary" plain @click="searchReset"
>重置</el-button
>
<el-button type="primary" plain @click="reset"></el-button>
</el-form-item>
</el-form>
</div>
@ -22,12 +23,20 @@
<el-col :span="6" v-for="item in dataSource" :key="item.id">
<div class="enterWrap">
<div class="enterTop">
{{ item.cmy }}
{{ item.companyName }}
</div>
<div class="enterBtm">
<div class="item">
<div class="label">咨询主题</div>
<div class="value">{{ item.general1 }}</div>
</div>
<div class="item">
<div class="label">咨询类型</div>
<div class="value">{{ item.general2 }}</div>
</div>
<div class="item">
<div class="label">咨询内容</div>
<div class="value">{{ item.name }}</div>
<div class="value">{{ item.general3 }}</div>
</div>
<div class="item">
<div class="label">回复内容</div>
@ -35,7 +44,10 @@
</div>
<div class="item">
<div class="label">状态</div>
<div class="value">{{ item.phone }}</div>
<div class="value">
<span v-if="item.auditState == '1'"></span>
<span v-else> </span>
</div>
</div>
</div>
<div class="opt">
@ -80,7 +92,7 @@ export default {
{
type: "textarea",
itemAttrs: {
label: "回复意见",
label: "回复意见",
span: 22,
},
attrs: {
@ -106,6 +118,12 @@ export default {
checkDetail(obj) {
this.$refs.formDialog.openDialog("detail", obj);
},
reset() {
this.queryParam = {};
this.queryParam.verificationType = 3;
this.searchQuery();
},
formSubmit(obj) {},
},
};
</script>

@ -810,4 +810,10 @@ export default {
}
}
}
.examineDialogPanel {
.tableWrap {
height: calc(100% - 96px);
}
}
</style>

@ -0,0 +1,134 @@
<template>
<el-dialog
title="人员背景审核结果"
:visible.sync="dialogVisible"
width="80%"
:before-close="handleClose"
:close-on-click-modal="false"
>
<div class="ahsqDialogPanel">
<div class="msgDetailTop">
<div class="msgDetailLine">
<div class="msgDetailItem">
<div class="msgDetailLabel">企业名称</div>
<div class="msgDetailValue">{{ dataInfo.companyName }}</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">申请时间</div>
<div class="msgDetailValue">{{ dataInfo.createTime }}</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">审查人数</div>
<div class="msgDetailValue">
{{
dataInfo.detailsByAuditResultTrue.length +
dataInfo.detailsByAuditResultFalse.length
}}
</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">审查结果</div>
<div class="msgDetailValue">
{{ dataInfo.detailsByAuditResultTrue.length }}人正常{{
dataInfo.detailsByAuditResultFalse.length
}}人异常
</div>
</div>
</div>
</div>
<div class="tableWrap">
<gMainTable
border
stripe
ref="gMainTable"
:tableData="tableList"
:columns="columns"
rowKey="id"
:pagination="{}"
>
<template v-slot:resultSlot="{ scope }">
<span v-if="scope.row.auditResult == '0'"></span>
<span v-if="scope.row.auditResult == '1'"></span>
</template>
<template v-slot:optSlot="{ scope }">
<el-image
v-if="scope.row.picUrl"
style="width: 60px; height: 68px"
:src="scope.row.picUrl"
:preview-src-list="[scope.row.picUrl]"
>
</el-image>
</template>
</gMainTable>
</div>
</div>
</el-dialog>
</template>
<script>
import { getDetail } from "@/api/applySupermarket/personBack";
export default {
data() {
return {
dialogVisible: false,
columns: [
{
prop: "username",
label: "姓名",
attrs: {
width: 100,
},
},
{
prop: "photo",
label: "照片",
slot: "optSlot",
attrs: {
width: 160,
},
},
{
prop: "cardId",
label: "身份证号",
},
{
prop: "auditReason",
label: "审查原因",
},
{
slot: "resultSlot",
prop: "auditResult",
label: "审查结果",
},
],
dataInfo: {},
tableList: [],
};
},
methods: {
openDialog(obj) {
this.dialogVisible = true;
console.log(obj);
this.dataInfo = obj;
this.tableList = obj.detailsByAuditResultFalse.concat(
obj.detailsByAuditResultTrue
);
/* getDetail(obj.id).then((res) => {
if (res.code == 200) {
this.tableList = res.data.details || [];
this.dataInfo = res.data;
}
}); */
},
handleClose() {
this.dialogVisible = false;
},
},
};
</script>

@ -0,0 +1,127 @@
<template>
<el-dialog
title="人员背景审核结果"
:visible.sync="dialogVisible"
width="80%"
:before-close="handleClose"
:close-on-click-modal="false"
>
<div class="examineDialogPanel">
<div class="msgDetailTop">
<div class="msgDetailLine">
<div class="msgDetailItem">
<div class="msgDetailLabel">企业名称</div>
<div class="msgDetailValue">{{ dataInfo.companyName }}</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">申请时间</div>
<div class="msgDetailValue">{{ dataInfo.createTime }}</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">审查人数</div>
<div class="msgDetailValue">
{{ (dataInfo.details && dataInfo.details.length) || 0 }}
</div>
</div>
</div>
</div>
<div class="tableWrap">
<gMainTable
border
stripe
ref="gMainTable"
:tableData="tableList"
:columns="columns"
rowKey="id"
:pagination="{}"
>
<template v-slot:photoSlot="{ scope }">
<el-image
v-if="scope.row.picUrl"
style="width: 60px; height: 68px"
:src="scope.row.picUrl"
:preview-src-list="[scope.row.picUrl]"
>
</el-image>
</template>
<template v-slot:optSlot="{ scope }">
<el-radio v-model="scope.row.auditResult" label="正常"
>正常</el-radio
>
<el-radio v-model="scope.row.auditResult" label="异常"
>异常</el-radio
>
</template>
</gMainTable>
</div>
<div class="flex-end">
<el-button type="primary" @click="sureExamine"></el-button>
</div>
</div>
</el-dialog>
</template>
<script>
import { getDetail, modifyPerson } from "@/api/applySupermarket/personBack";
export default {
data() {
return {
dialogVisible: false,
columns: [
{
prop: "username",
label: "姓名",
attrs: {
width: 100,
},
},
{
prop: "photo",
label: "照片",
slot: "photoSlot",
attrs: {
width: 160,
},
},
{
prop: "card",
label: "身份证号",
},
{
prop: "reason",
label: "审查原因",
},
{
prop: "auditResult",
label: "审核处理",
slot: "optSlot",
attrs: {
width: 200,
},
},
],
dataInfo: {},
tableList: [],
};
},
methods: {
openDialog(obj) {
this.dialogVisible = true;
getDetail(obj.id).then((res) => {
if (res.code == 200) {
this.tableList = res.data.details || [];
this.dataInfo = res.data;
}
});
},
sureExamine() {},
handleClose() {
this.dialogVisible = false;
},
},
};
</script>

@ -5,13 +5,14 @@
<div class="searchWrap">
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
<el-form-item label="企业名称">
<el-input v-model="queryParam.name" placeholder="请输入"></el-input>
<el-input
v-model="queryParam.companyName"
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="searchQuery"></el-button>
<el-button type="primary" plain @click="searchReset"
>重置</el-button
>
<el-button type="primary" plain @click="reset"></el-button>
</el-form-item>
</el-form>
</div>
@ -26,20 +27,39 @@
</div>
<div class="enterBtm">
<div class="item">
<div class="label">咨询内容</div>
<div class="value">{{ item.name }}</div>
<div class="label">重点人数</div>
<div class="value">
{{
item.detailsByAuditResultTrue.length +
item.detailsByAuditResultFalse.length
}}
</div>
</div>
<div class="item">
<div class="label">回复内容</div>
<div class="value">{{ item.card }}</div>
<div class="label">申请时间</div>
<div class="value">{{ item.createTime }}</div>
</div>
<div class="item">
<div class="label">状态</div>
<div class="value">{{ item.phone }}</div>
<div class="label">审查结果</div>
<div class="value">
<span v-if="item.auditState == '1'"></span>
<span v-else>
{{ item.detailsByAuditResultTrue.length }}人正常{{
item.detailsByAuditResultFalse.length
}}人异常
</span>
</div>
</div>
</div>
<div class="opt">
<div class="" @click="checkDetail(item)"></div>
<div
class="optBtn mr14"
v-if="item.auditState == '1'"
@click="examine(item)"
>
审查
</div>
<div class="optBtn" @click="checkDetail(item)"></div>
</div>
</div>
</el-col>
@ -56,14 +76,18 @@
>
</gMainTable>
</div>
<FormDialog ref="formDialog" :formItems="formItems" width="800px">
</FormDialog>
<detailDialog ref="detailDialog"></detailDialog>
<examineDialog ref="examineDialog"></examineDialog>
</div>
</template>
<script>
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
import detailDialog from "./components/detailDialog.vue";
import examineDialog from "./components/examineDialog.vue";
export default {
mixins: [tableListMixins],
components: { examineDialog, detailDialog },
data() {
return {
ipagination: {
@ -76,21 +100,7 @@ export default {
label: "企业名称",
},
],
formItems: [
{
type: "textarea",
itemAttrs: {
label: "回复意见",
span: 22,
},
attrs: {
model: "name",
value: "",
placeholder: "",
rows: 5,
},
},
],
disableMixinCreated: true,
url: {
list: "prepare/verification/list",
@ -103,8 +113,16 @@ export default {
this.searchQuery();
},
methods: {
examine(obj) {
this.$refs.examineDialog.openDialog(obj);
},
checkDetail(obj) {
this.$refs.formDialog.openDialog("detail", obj);
this.$refs.detailDialog.openDialog(obj);
},
reset() {
this.queryParam = {};
this.queryParam.verificationType = 2;
this.searchQuery();
},
},
};
@ -151,6 +169,7 @@ export default {
color: #d0deee;
}
.value {
margin-top: 2px;
width: 11vw;
overflow: hidden;
text-overflow: ellipsis;

@ -5,13 +5,14 @@
<div class="searchWrap">
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
<el-form-item label="企业名称">
<el-input v-model="queryParam.name" placeholder="请输入"></el-input>
<el-input
v-model="queryParam.companyName"
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="searchQuery"></el-button>
<el-button type="primary" plain @click="searchReset"
>重置</el-button
>
<el-button type="primary" plain @click="reset"></el-button>
</el-form-item>
</el-form>
</div>
@ -25,9 +26,17 @@
{{ item.companyName }}
</div>
<div class="enterBtm">
<div class="item">
<div class="label">咨询主题</div>
<div class="value">{{ item.general1 }}</div>
</div>
<div class="item">
<div class="label">咨询类型</div>
<div class="value">{{ item.general2 }}</div>
</div>
<div class="item">
<div class="label">咨询内容</div>
<div class="value">{{ item.name }}</div>
<div class="value">{{ item.general3 }}</div>
</div>
<div class="item">
<div class="label">回复内容</div>
@ -35,7 +44,10 @@
</div>
<div class="item">
<div class="label">状态</div>
<div class="value">{{ item.phone }}</div>
<div class="value">
<span v-if="item.auditState == '1'"></span>
<span v-else> </span>
</div>
</div>
</div>
<div class="opt">
@ -80,7 +92,7 @@ export default {
{
type: "textarea",
itemAttrs: {
label: "回复意见",
label: "回复意见",
span: 22,
},
attrs: {
@ -106,6 +118,12 @@ export default {
checkDetail(obj) {
this.$refs.formDialog.openDialog("detail", obj);
},
reset() {
this.queryParam = {};
this.queryParam.verificationType = 4;
this.searchQuery();
},
formSubmit(obj) {},
},
};
</script>

@ -20,13 +20,18 @@
<div class="msgDetailItem">
<div class="msgDetailLabel">审查人数</div>
<div class="msgDetailValue">
{{ (dataInfo.details && dataInfo.details.length) || 0 }}
{{
dataInfo.detailsByAuditResultTrue.length +
dataInfo.detailsByAuditResultFalse.length
}}
</div>
</div>
<div class="msgDetailItem">
<div class="msgDetailLabel">审查结果</div>
<div class="msgDetailValue">
{{ dataInfo.sczc }}人正常{{ dataInfo.scyc }}人异常
{{ dataInfo.detailsByAuditResultTrue.length }}人正常{{
dataInfo.detailsByAuditResultFalse.length
}}人异常
</div>
</div>
</div>
@ -41,6 +46,11 @@
rowKey="id"
:pagination="{}"
>
<template v-slot:resultSlot="{ scope }">
<span v-if="scope.row.auditResult == '0'"></span>
<span v-if="scope.row.auditResult == '1'"></span>
</template>
<template v-slot:optSlot="{ scope }">
<el-image
v-if="scope.row.picUrl"
@ -57,7 +67,7 @@
</template>
<script>
import { getList } from "@/api/applySupermarket/personBack";
import { getDetail } from "@/api/applySupermarket/personBack";
export default {
data() {
@ -80,15 +90,16 @@ export default {
},
},
{
prop: "card",
prop: "cardId",
label: "身份证号",
},
{
prop: "reason",
prop: "auditReason",
label: "审查原因",
},
{
prop: "scjg",
slot: "resultSlot",
prop: "auditResult",
label: "审查结果",
},
],
@ -100,12 +111,19 @@ export default {
openDialog(obj) {
this.dialogVisible = true;
getList(obj.id).then((res) => {
console.log(obj);
this.dataInfo = obj;
this.tableList = obj.detailsByAuditResultFalse.concat(
obj.detailsByAuditResultTrue
);
/* getDetail(obj.id).then((res) => {
if (res.code == 200) {
this.tableList = res.data.details || [];
this.dataInfo = res.data;
}
});
}); */
},
handleClose() {

@ -6,7 +6,7 @@
:before-close="handleClose"
:close-on-click-modal="false"
>
<div class="ahsqDialogPanel">
<div class="examineDialogPanel">
<div class="msgDetailTop">
<div class="msgDetailLine">
<div class="msgDetailItem">
@ -63,7 +63,7 @@
</template>
<script>
import { getList, modifyPerson } from "@/api/applySupermarket/personBack";
import { getDetail, modifyPerson } from "@/api/applySupermarket/personBack";
export default {
data() {
@ -110,7 +110,7 @@ export default {
openDialog(obj) {
this.dialogVisible = true;
getList(obj.id).then((res) => {
getDetail(obj.id).then((res) => {
if (res.code == 200) {
this.tableList = res.data.details || [];
this.dataInfo = res.data;

@ -5,13 +5,14 @@
<div class="searchWrap">
<el-form :inline="true" :model="queryParam" class="demo-form-inline">
<el-form-item label="企业名称">
<el-input v-model="queryParam.companyName" placeholder="请输入"></el-input>
<el-input
v-model="queryParam.companyName"
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="searchQuery"></el-button>
<el-button type="primary" plain @click="searchReset"
>重置</el-button
>
<el-button type="primary" plain @click="reset"></el-button>
</el-form-item>
</el-form>
</div>
@ -31,15 +32,27 @@
</div>
<div class="item">
<div class="label">审查人数</div>
<div class="value">{{ item.card }}</div>
<div class="value">
{{
item.detailsByAuditResultTrue.length +
item.detailsByAuditResultFalse.length
}}
</div>
</div>
<div class="item">
<div class="label">申请时间</div>
<div class="value">{{ item.phone }}</div>
<div class="value">{{ item.createTime }}</div>
</div>
<div class="item">
<div class="label">审查结果</div>
<div class="value">{{ item.phone }}</div>
<div class="value">
<span v-if="item.auditState == '1'"></span>
<span v-else>
{{ item.detailsByAuditResultTrue.length }}人正常{{
item.detailsByAuditResultFalse.length
}}人异常
</span>
</div>
</div>
</div>
<div class="opt">
@ -108,6 +121,11 @@ export default {
checkDetail(obj) {
this.$refs.detailDialog.openDialog(obj);
},
reset() {
this.queryParam = {};
this.queryParam.verificationType = 1;
this.searchQuery();
},
},
};
</script>
@ -144,12 +162,14 @@ export default {
.item {
display: flex;
margin-bottom: 12px;
align-items: center;
.label {
width: 80px;
text-align: right;
color: #d0deee;
}
.value {
margin-top: 2px;
width: 11vw;
overflow: hidden;
text-overflow: ellipsis;

Loading…
Cancel
Save