maojiacai/ba_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新保安公司送培

Browse Source
This commit is contained in:
Esacpe
2026-01-13 16:32:59 +08:00
parent 1a30a3ece4
commit a128d2f139
9 changed files with 186 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
src/views/Training/securityNjsp/components/detailForm.vue
View File

@ -7,75 +7,80 @@
<div class="cntinfo">
<!-- 标签 -->
<ul class="tag-box">
<li class="tag_item">驳回</li>
<li class="tag_item">通过</li>
<li class="tag_item">待审核</li>
<li class="tag_item" :class="detail.pxgsShzt == 0 ? 'dsh_item' : detail.pxgsShzt == 1 ? 'tgg_item' : 'jtb_item'">
<!-- 0-待审核 1-通过 2-驳回 -->
{{ detail.pxgsShzt == 0 ? '待审核' : detail.pxgsShzt == 1 ? '通过' : '驳回' }}
</li>
</ul>
<!-- 内容描述 -->
<el-descriptions class="desc" :column="3" border label-width="200px">
<el-descriptions-item label="保安公司名称">{{ detail.companyName }}</el-descriptions-item>
<el-descriptions-item label="年审年份">{{ detail.reviewYear }}</el-descriptions-item>
<el-descriptions-item label="保安公司名称">{{ detail.ssbakk }}</el-descriptions-item>
<el-descriptions-item label="年审年份">{{ detail.njnf }}</el-descriptions-item>
<el-descriptions-item label="姓名">{{ detail.xm }}</el-descriptions-item>
<el-descriptions-item label="身份证号码">{{ detail.sfzh }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ detail.phone }}</el-descriptions-item>
<el-descriptions-item label="性别">{{ detail.sexText }}</el-descriptions-item>
<el-descriptions-item label="身份证号码">{{ detail.sfzhm }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ detail.dh }}</el-descriptions-item>
<el-descriptions-item label="性别">
<DictTag :value="detail.xb" :tag="false" :options="props.dic.D_BZ_XB" />
</el-descriptions-item>
<el-descriptions-item label="民族">
<DictTag :value="detail.mz" :tag="false" :options="props.dic.D_BZ_MZ" />
</el-descriptions-item>
<el-descriptions-item label="籍贯">{{ detail.jg }}</el-descriptions-item>
<el-descriptions-item label="文化程度">
<DictTag :value="detail.whcd" :tag="false" :options="props.dic.D_BZ_WHCD" />
</el-descriptions-item>
<el-descriptions-item label="民族">{{ detail.nationText }}</el-descriptions-item>
<el-descriptions-item label="籍贯">{{ detail.nativePlace }}</el-descriptions-item>
<el-descriptions-item label="文化程度">{{ detail.education }}</el-descriptions-item>
<el-descriptions-item label="证书编号">{{ detail.zsbh }}</el-descriptions-item>
<el-descriptions-item label="上岗证号码">{{ detail.sgxkhm }}</el-descriptions-item>
<el-descriptions-item label="服务行业">
<DictTag :value="detail.fwxy" :tag="false" :options="props.dic.D_BAXX_SSHY" />
</el-descriptions-item>
<el-descriptions-item label="证书编号">{{ detail.certificateNo }}</el-descriptions-item>
<el-descriptions-item label="上岗证号码">{{ detail.workCardNo }}</el-descriptions-item>
<el-descriptions-item label="服务行业">{{ detail.serviceIndustry }}</el-descriptions-item>
<el-descriptions-item label="服务行业名称">{{ detail.serviceIndustryName }}</el-descriptions-item>
<el-descriptions-item label="入职时间">{{ detail.entryDate }}</el-descriptions-item>
<el-descriptions-item label="政治面貌">{{ detail.politicalStatus }}</el-descriptions-item>
<el-descriptions-item label="服务行业名称">{{ detail.fwxymc }}</el-descriptions-item>
<el-descriptions-item label="入职时间">{{ detail.rzsj }}</el-descriptions-item>
<el-descriptions-item label="政治面貌">
<DictTag :value="detail.zzmm" :tag="false" :options="props.dic.D_BZ_ZZMM" />
</el-descriptions-item>
<el-descriptions-item label="无犯罪记录证明">
<div class="img-grid one">
<el-image
v-for="(src, idx) in noCrimeUrls"
:key="idx"
:src="src"
:src="baseUrl + detail.wfbjlzm"
fit="cover"
:preview-src-list="noCrimeUrls"
:preview-src-list='[baseUrl + detail.wfbjlzm]'
preview-teleported
class="img"
/>
<div v-if="noCrimeUrls.length === 0" class="img-placeholder"></div>
</div>
</el-descriptions-item>
<el-descriptions-item label="体检报告">
<div class="img-grid one">
<el-image
v-for="(src, idx) in medicalUrls"
:key="idx"
:src="src"
:src="baseUrl + detail.tjbg"
fit="cover"
:preview-src-list="medicalUrls"
:preview-src-list='[baseUrl + detail.tjbg]'
preview-teleported
class="img"
/>
<div v-if="medicalUrls.length === 0" class="img-placeholder"></div>
</div>
</el-descriptions-item>
<el-descriptions-item label="身份证正反面">
<div class="img-grid two">
<el-image
v-for="(src, idx) in idCardUrls"
:key="idx"
:src="src"
<el-image
:src="baseUrl + detail.sfzzm"
fit="cover"
:preview-src-list="idCardUrls"
:preview-src-list='[baseUrl + detail.sfzzm]'
preview-teleported
class="img"
/>
<el-image
:src="baseUrl + detail.sfzfm"
fit="cover"
:preview-src-list='[baseUrl + detail.sfzfm]'
preview-teleported
class="img"
/>
<template v-if="idCardUrls.length === 0">
<div class="img-placeholder"></div>
<div class="img-placeholder"></div>
</template>
</div>
</el-descriptions-item>
@ -90,45 +95,29 @@
</template>
<script setup>
import { ref, computed, defineEmits, getCurrentInstance } from 'vue';
import { ref, defineEmits } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const baseUrl = '/bagl/mosty-base/minio/image/download'
const props = defineProps({
dict: {
dic: {
default: [[]], //二维数组
type: Array
}
})
const dialogForm = ref(false);
const listQuery = ref({});
const detail = ref({})
// 初始化数据
const init = (type, row,) => {
dialogForm.value = true;
const raw = row || {};
listQuery.value = {
...raw,
companyName: raw.companyName || raw.dwmc || raw.gsmc || raw.bagsmc,
reviewYear: raw.reviewYear || raw.njnd || raw.njYear || raw.nf || raw.year,
phone: raw.phone || raw.lxdh || raw.dh || raw.sjhm || raw.xssbrdh,
sexText: raw.sexText || raw.xbText || raw.xb || raw.sex,
nationText: raw.nationText || raw.mzText || raw.mz,
nativePlace: raw.nativePlace || raw.jg || raw.jgText,
education: raw.education || raw.whcd || raw.whcdText,
certificateNo: raw.certificateNo || raw.zsbh || raw.zsbhm || raw.zjbh,
workCardNo: raw.workCardNo || raw.sgzh || raw.sgzNumber,
serviceIndustry: raw.serviceIndustry || raw.fwhy || raw.fwhyText || raw.hy,
serviceIndustryName: raw.serviceIndustryName || raw.fwhymc || raw.hyName,
entryDate: raw.entryDate || raw.rzsj || raw.rzrq,
politicalStatus: raw.politicalStatus || raw.zzmm || raw.zzmmText,
auditTime: raw.auditTime || raw.shsj || raw.njsj,
rejectReason: raw.rejectReason || raw.bhyy || raw.bhReason || raw.reason,
issuingAuthority: raw.issuingAuthority || raw.fzjg,
issueDate: raw.issueDate || raw.fzrq,
noCrimeProof: raw.noCrimeProof || raw.wffzjlzm || raw.wffzjlzmId,
medicalReport: raw.medicalReport || raw.tjbg || raw.tjbgId,
idCardImages: raw.idCardImages || raw.sfzzf || raw.sfzImgs || raw.sfzzm,
};
let obj = JSON.parse(JSON.stringify(row));
let zj = obj.sfzzfmj.split(',');
obj.sfzzm = [zj[0]];
obj.sfzfm = [zj[1]];
setTimeout(() => {
detail.value = obj;
}, 1000);
};
const close = () => {
@ -136,29 +125,6 @@ const close = () => {
listQuery.value = {};
};;
const detail = computed(() => listQuery.value || {});
const toIdList = (val, limit) => {
const v = val ?? [];
const arr = Array.isArray(v) ? v : [v];
const ids = arr
.map((el) => {
if (!el) return null;
if (typeof el === 'string' || typeof el === 'number') return String(el);
if (typeof el === 'object') return el.id ? String(el.id) : null;
return null;
})
.filter(Boolean);
return typeof limit === 'number' ? ids.slice(0, limit) : ids;
};
const toUrls = (val, limit) => {
return toIdList(val, limit).map((id) => `/bagl/mosty-base/minio/image/download/${id}`);
};
const noCrimeUrls = computed(() => toUrls(detail.value.noCrimeProof, 1));
const medicalUrls = computed(() => toUrls(detail.value.medicalReport, 1));
const idCardUrls = computed(() => toUrls(detail.value.idCardImages, 2));
defineExpose({ init })
</script>
@ -192,17 +158,17 @@ defineExpose({ init })
font-size: 16px;
margin-bottom: 20px;
}
.tag_item:nth-child(1){
.jtb_item{
border: 5px solid #FA3758;
color: #FA3758;
background: rgba(250,55,88,0.2);
}
.tag_item:nth-child(2){
.tgg_item{
color: #28EEBF;
background: rgba(40,238,191,0.2);
border: 5px solid #28EEBF;
}
.tag_item:nth-child(3){
.dsh_item{
background: rgba(0,114,255,0.2);
color: #0072FF;
border: 5px solid #0072FF;

21
src/views/Training/securityNjsp/components/steps.vue
View File

@ -3,7 +3,9 @@
<el-dialog class="steps-dialog" title="审核流程" v-model="dialogForm" width="420px">
<div class="steps-body">
<el-steps direction="vertical" :active="active" :space="90">
<el-step v-for="(item, idx) in steps" :key="item.title" :title="item.title" :description="idx === 0 ? item.time : ''" />
<el-step title="保安公司审核" :description="dataForm.bakkShsj || '未审核'" />
<el-step title="培训公司审核" :description="dataForm.pxgsShsj || '未审核'" />
<el-step title="公安局审核" :description="dataForm.gonganShsj || '未审核'" />
</el-steps>
</div>
</el-dialog>
@ -11,18 +13,19 @@
</template>
<script setup>
import { qcckPost } from "@/api/qcckApi.js";
import { ref, defineExpose } from 'vue';
const dialogForm = ref(false);
const pxgsData = ref()
const active = ref(1)
const steps = ref([
{ title: '保安公司审核', time: '2026-01-07　21:00' },
{ title: '培训公司审核', time: '2026-01-07　21:00' },
{ title: '公安局审核', time: '2026-01-07　21:00' },
])
const dataForm = ref({})
const init = (row) => {
pxgsData.value = row
dialogForm.value = true;
let ids = [row.id]
qcckPost(ids,"/mosty-base/bans/njxx/getAuditStatusList").then(res=>{
dialogForm.value = true;
let obj = res ? res[0] : {};
dataForm.value = obj;
active.value = Number(obj.currentAuditStage) - 1;
})
}
defineExpose({

26
src/views/Training/securityNjsp/index.vue
View File

@ -2,7 +2,7 @@
<div>
<div class="titleBox">
<PageTitle title="保安员年检送培">
<el-button type="primary" @click="onBatchAudit">新增</el-button>
<el-button type="primary" @click="onBatchAudit">批量送培</el-button>
</PageTitle>
</div>
<!-- 搜索 -->
@ -19,7 +19,7 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('RefSteap', row)">审核流程</el-link>
<el-link type="primary" link @click="addEdit('sh', row)">审核流程</el-link>
<el-link type="primary" link @click="addEdit('detail', row)">详情</el-link>
</template>
</MyTable>
@ -29,9 +29,11 @@
}"></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" :dict="{D_BZ_SF}"/>
<DetailForm ref="detailDiloag" :dic="{ D_BZ_ZZMM,D_BZ_XB,D_BZ_MZ,D_BA_SHZT,D_BAXX_SSHY,D_BA_SPZT,D_BZ_WHCD }"/>
<!-- 审核流程 -->
<Steps ref="RefSteap" ></Steps>
<!-- 送培 -->
<AddSp ref="addSpDiloag" @refresh="getList" />
</div>
</template>
@ -42,14 +44,16 @@ import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import Steps from "./components/steps.vue";
import AddSp from "./components/addSp.vue";
import {getItem} from '@/utils/storage.js'
import { qcckPost } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
import { ElMessage } from "element-plus";
const userInfo = getItem('userInfo');
const { proxy } = getCurrentInstance();
const { D_BA_SHZT,D_BA_SPZT } = proxy.$dict("D_BA_SHZT",'D_BA_SPZT');
const { D_BZ_ZZMM,D_BZ_XB,D_BZ_MZ,D_BA_SHZT,D_BAXX_SSHY,D_BA_SPZT,D_BZ_WHCD } = proxy.$dict('D_BZ_ZZMM','D_BZ_XB','D_BZ_MZ','D_BA_SHZT','D_BAXX_SSHY','D_BA_SPZT','D_BZ_WHCD');
const detailDiloag = ref();
const RefSteap = ref();
const addSpDiloag = ref();
const shForm = ref();
const searchBox = ref(); //搜索框
const selectedRows = ref([]);
@ -124,6 +128,8 @@ const getList = () => {
const promes = {
...pageData.pageConfiger,
...queryFrom.value,
ssbakk:userInfo.pxgs,
ssbakkId:userInfo.pxgsid
}
qcckPost(promes,'/mosty-base/bans/njxx/listForSendTraining').then((res) => {
pageData.tableData = res.records || []
@ -139,19 +145,15 @@ const chooseData = (rows) => {
};
const onBatchAudit = () => {
if (!selectedRows.value.length) {
ElMessage.warning("请选择需要审核的数据");
return;
}
ElMessage.success("已选择 " + selectedRows.value.length + " 条");
addSpDiloag.value.init();
};
// 详情
const addEdit = (type, row) => {
nextTick(() => {
if(type == 'RefSteap'){
RefSteap.value.init(row);
if(type == 'sh'){
addSpDiloag.value.init(row);
}else if(type == 'shForm'){
shForm.value.init(row);
}