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({ return request({
url: "/prepare/verification/" + id, url: "/prepare/verification/" + id,
method: "get", method: "get",

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

@ -810,4 +810,10 @@ export default {
} }
} }
} }
.examineDialogPanel {
.tableWrap {
height: calc(100% - 96px);
}
}
</style> </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"> <div class="searchWrap">
<el-form :inline="true" :model="queryParam" class="demo-form-inline"> <el-form :inline="true" :model="queryParam" class="demo-form-inline">
<el-form-item label="企业名称"> <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-form-item> <el-form-item>
<el-button type="primary" @click="searchQuery"></el-button> <el-button type="primary" @click="searchQuery"></el-button>
<el-button type="primary" plain @click="searchReset" <el-button type="primary" plain @click="reset"></el-button>
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -26,20 +27,39 @@
</div> </div>
<div class="enterBtm"> <div class="enterBtm">
<div class="item"> <div class="item">
<div class="label">咨询内容</div> <div class="label">重点人数</div>
<div class="value">{{ item.name }}</div> <div class="value">
{{
item.detailsByAuditResultTrue.length +
item.detailsByAuditResultFalse.length
}}
</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">回复内容</div> <div class="label">申请时间</div>
<div class="value">{{ item.card }}</div> <div class="value">{{ item.createTime }}</div>
</div> </div>
<div class="item"> <div class="item">
<div class="label">状态</div> <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> </div>
<div class="opt"> <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>
</div> </div>
</el-col> </el-col>
@ -56,14 +76,18 @@
> >
</gMainTable> </gMainTable>
</div> </div>
<FormDialog ref="formDialog" :formItems="formItems" width="800px"> <detailDialog ref="detailDialog"></detailDialog>
</FormDialog> <examineDialog ref="examineDialog"></examineDialog>
</div> </div>
</template> </template>
<script> <script>
import { tableListMixins } from "@/loveflow/mixins/tableListMixins"; import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
import detailDialog from "./components/detailDialog.vue";
import examineDialog from "./components/examineDialog.vue";
export default { export default {
mixins: [tableListMixins], mixins: [tableListMixins],
components: { examineDialog, detailDialog },
data() { data() {
return { return {
ipagination: { ipagination: {
@ -76,21 +100,7 @@ export default {
label: "企业名称", label: "企业名称",
}, },
], ],
formItems: [
{
type: "textarea",
itemAttrs: {
label: "回复意见",
span: 22,
},
attrs: {
model: "name",
value: "",
placeholder: "",
rows: 5,
},
},
],
disableMixinCreated: true, disableMixinCreated: true,
url: { url: {
list: "prepare/verification/list", list: "prepare/verification/list",
@ -103,8 +113,16 @@ export default {
this.searchQuery(); this.searchQuery();
}, },
methods: { methods: {
examine(obj) {
this.$refs.examineDialog.openDialog(obj);
},
checkDetail(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; color: #d0deee;
} }
.value { .value {
margin-top: 2px;
width: 11vw; width: 11vw;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

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

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

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

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

Loading…
Cancel
Save