更新
This commit is contained in:
@ -1,53 +1,80 @@
|
||||
<template>
|
||||
<el-dialog title="年检签到" v-model="visible" width="80%" :destroy-on-close="true" @close="close">
|
||||
<el-dialog :title="'年检签到'+title" v-model="visible" width="80%" :destroy-on-close="true" @close="close">
|
||||
<div class="cntinfo">
|
||||
<FormMessage ref="FormRef" v-model="formData" :rules="rules" :formList="formList" :labelWidth='120'>
|
||||
<FormMessage ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList" :labelWidth='120'>
|
||||
</FormMessage>
|
||||
<el-divider border-style="dashed"><span class="pointer f16">培训人员<el-icon size="22" color="#409eff" class="ml5" style="top: 4px;"><CirclePlus /></el-icon></span></el-divider>
|
||||
<el-divider border-style="dashed"><span class="pointer f16" @click="openPeoList">培训人员<el-icon size="22" color="#409eff" class="ml5" style="top: 4px;"><CirclePlus /></el-icon></span></el-divider>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
@chooseData="chooseData">
|
||||
<template #sptz="{ row }">
|
||||
<DictTag :value="row.sptz" :tag="false" :options="D_BA_SPZT" />
|
||||
<template #whcd="{ row }">
|
||||
<DictTag :value="row.whcd" :tag="false" :options="props.dic.D_BZ_WHCD" />
|
||||
</template>
|
||||
<template #qdztdm="{ row }">
|
||||
<span>{{ row.qdztdm === '1' ? '已签到' : '未签到' }}</span>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link type="primary" link @click="addEdit('RefSteap', row)">审核流程</el-link>
|
||||
<el-link type="primary" link @click="addEdit('detail', row)">详情</el-link>
|
||||
<el-link type="primary" link @click="deleteItem(row)">删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<div class="mt10 flex just-center">
|
||||
<el-button @click="save" type="primary" :loading="loading">保存</el-button>
|
||||
<el-button @click="close">关闭</el-button>
|
||||
<el-button @click="save" type="primary" :loading="loading">保存</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 选择保安员 -->
|
||||
<ChooseList v-model="shoewList" :data="chooseType" @choosed="choosedList"></ChooseList>
|
||||
</template>
|
||||
<script setup>
|
||||
import * as rule from "@/utils/rules.js";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { qcckPost } from "@/api/qcckApi";
|
||||
import ChooseList from "@/components/ChooseList/index.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
||||
import { ref,reactive } from 'vue'
|
||||
import { ref,reactive,defineEmits } from 'vue'
|
||||
const emit = defineEmits(['refresh'])
|
||||
const props = defineProps({
|
||||
dic: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const chooseType = reactive({
|
||||
title: '选择保安员',
|
||||
type: 'Bay',//选择类型
|
||||
Single: false,//是否单选
|
||||
roleIds: [],//回显的数据
|
||||
});
|
||||
const disabled = ref(false)
|
||||
const title = ref('')
|
||||
const formData = ref({})
|
||||
const FormRef = ref()
|
||||
const shoewList = ref(false)
|
||||
const visible = ref(false)
|
||||
const loading = ref(false)
|
||||
const formList = reactive([
|
||||
[
|
||||
{ label: "培训项目名称", prop: "xm", type: "input" },
|
||||
{ label: "培训地址", prop: "sfzh", type: "input"},
|
||||
{ label: "培训项目名称", prop: "pxxmmc", type: "input" },
|
||||
{ label: "培训地址", prop: "pxdz", type: "input"},
|
||||
],
|
||||
[
|
||||
{ label: "培训开始时间", prop: "lxdh", type: "date",lx:'datetime' },
|
||||
{ label: "培训结束时间", prop: "jzdz", type: "date" ,lx:'datetime' },
|
||||
{ label: "培训开始时间", prop: "pxkssj", type: "date",lx:'datetime' },
|
||||
{ label: "培训结束时间", prop: "pxjssj", type: "date" ,lx:'datetime' },
|
||||
],
|
||||
[
|
||||
{ label: "组织单位", prop: "rzsj", type: "input" },
|
||||
{ label: "培训内容", prop: "lzsj", type: "input" },
|
||||
{ label: "组织单位", prop: "zzdw", type: "input" },
|
||||
{ label: "培训内容", prop: "pxnr", type: "input" },
|
||||
]
|
||||
])
|
||||
const rules = ref({
|
||||
pxgs: [{ required: true, message: '请选择培训公司', trigger: ['blur'] }],
|
||||
lzsj: [{ required: true, message: '请选择离职时间', trigger: ['blur'] }],
|
||||
pxxmmc: [{ required: true, message: '请输入培训项目名称', trigger: ['blur'] }],
|
||||
pxdz: [{ required: true, message: '请输入培训地址', trigger: ['blur'] }],
|
||||
pxkssj: [{ required: true, message: '请选择培训开始时间', trigger: ['change'] }],
|
||||
pxjssj: [{ required: true, message: '请选择培训结束时间', trigger: ['change'] }],
|
||||
zzdw: [{ required: true, message: '请输入组织单位', trigger: ['blur'] }],
|
||||
pxnr: [{ required: true, message: '请输入培训内容', trigger: ['blur'] }],
|
||||
})
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
@ -56,29 +83,71 @@
|
||||
rowHieght: 61,
|
||||
showSelectType: "checkBox",
|
||||
loading: false,
|
||||
haveControls: false
|
||||
// haveControls: false
|
||||
},
|
||||
tableHeight: 320,
|
||||
tableColumn: [
|
||||
{ label: "培训项目名称", prop: "ssbakk",showOverflowTooltip: true },
|
||||
{ label: "培训地址", prop: "sptzCompanyName", showOverflowTooltip: true },
|
||||
{ label: "培训开始时间", prop: "njnf"},
|
||||
{ label: "培训结束时间", prop: "xm" },
|
||||
{ label: "组织单位", prop: "sfzhm",showOverflowTooltip: true },
|
||||
{ label: "培训内容", prop: "dh" },
|
||||
{ label: "培训人员", prop: "whcd" },
|
||||
{ label: "已签到人员", prop: "zsbh", showOverflowTooltip: true },
|
||||
{ label: "未签到人员", prop: "fwxymc" },
|
||||
{ label: "是否上报分县局", prop: "rzsj" },
|
||||
{ label: "保安公司名称", prop: "ssbakk",showOverflowTooltip: true },
|
||||
{ label: "年审年份", prop: "njnf"},
|
||||
{ label: "姓名", prop: "xm" },
|
||||
{ label: "身份证号码", prop: "sfzhm",showOverflowTooltip: true },
|
||||
{ label: "电话", prop: "dh" },
|
||||
{ label: "文化程度", prop: "whcd" ,showSolt: true},
|
||||
{ label: "证书编号", prop: "zsbh", showOverflowTooltip: true },
|
||||
{ label: "服务行业", prop: "fwxymc" },
|
||||
{ label: "入职时间", prop: "rzsj" },
|
||||
{ label: "上岗证号码", prop: "sgxkhm", showOverflowTooltip: true },
|
||||
{ label: "签到状态", prop: "qdztdm",showSolt: true },
|
||||
{ label: "签到时间", prop: "qdsj" },
|
||||
]
|
||||
});
|
||||
|
||||
const init = () => {
|
||||
const init = (type, row) => {
|
||||
visible.value = true
|
||||
pageData.keyCount++
|
||||
title.value = type == 'add' ? '新增' : '详情';
|
||||
disabled.value = title.value == '详情' ? true : false;
|
||||
if(title.value == '详情'){
|
||||
qcckPost({},'/mosty-base/bans/pxqd-item/getDetailInfo/'+row.id).then(res=>{
|
||||
formData.value = { ...res }
|
||||
delete formData.value.personAndNjxxList;
|
||||
pageData.tableData = res.personAndNjxxList || [];
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const openPeoList = () => {
|
||||
if(disabled.value) return;
|
||||
shoewList.value = true;
|
||||
}
|
||||
|
||||
// 删除
|
||||
const deleteItem = (row) => {
|
||||
pageData.tableData = pageData.tableData.filter(it=>it.id != row.id);
|
||||
chooseType.roleIds = chooseType.roleIds.filter(id=>id != row.id);
|
||||
}
|
||||
// 选择的数据
|
||||
const choosedList = (list) => {
|
||||
pageData.tableData = list || [];
|
||||
chooseType.roleIds = list.map(it=>it.id);
|
||||
}
|
||||
|
||||
const save = () => {
|
||||
FormRef.value.submit((val) => {
|
||||
let data = { pxqdItem:{ ...val } ,pxqdPersons:pageData.tableData }
|
||||
qcckPost(data,'/mosty-base/bans/pxqd-item/addWithPersons').then(res=>{
|
||||
ElMessage.success('保存成功');
|
||||
emit('refresh')
|
||||
loading.value = false;
|
||||
close()
|
||||
})
|
||||
})
|
||||
|
||||
}
|
||||
const close = () => {
|
||||
FormRef.value?.reset();
|
||||
pageData.tableData = [];
|
||||
disabled.value = false;
|
||||
visible.value = false
|
||||
}
|
||||
defineExpose({
|
||||
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogForm">
|
||||
<div class="head_box">
|
||||
<span>详情</span>
|
||||
<div><el-button size="small" @click="close">关闭</el-button></div>
|
||||
</div>
|
||||
<div class="cntinfo">
|
||||
<!-- 内容描述 -->
|
||||
<el-descriptions class="desc" :column="3" border label-width="200px">
|
||||
<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.sfzhm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="组织单位">{{ detail.dh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="培训内容">{{ detail.xb }}</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.sfzhm }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电话">{{ detail.dh }}</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">{{ detail.xb }}</el-descriptions-item>
|
||||
<el-descriptions-item label="民族">{{ detail.mz }}</el-descriptions-item>
|
||||
<el-descriptions-item label="年龄">{{ detail.nl }}</el-descriptions-item>
|
||||
<el-descriptions-item label="籍贯">{{ detail.jg }}</el-descriptions-item>
|
||||
<el-descriptions-item label="文化程度">{{ detail.whcd }}</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="服务行业"> {{ detail.fwxy }}</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="政治面貌"> {{ detail.zzmm }}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="无犯罪记录证明">
|
||||
<div class="img-grid one">
|
||||
<el-image
|
||||
:src="baseUrl + detail.wfbjlzm"
|
||||
fit="cover"
|
||||
:preview-src-list='[baseUrl + detail.wfbjlzm]'
|
||||
preview-teleported
|
||||
class="img"
|
||||
/>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="体检报告">
|
||||
<div class="img-grid one">
|
||||
<el-image
|
||||
:src="baseUrl + detail.tjbg"
|
||||
fit="cover"
|
||||
:preview-src-list='[baseUrl + detail.tjbg]'
|
||||
preview-teleported
|
||||
class="img"
|
||||
/>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="身份证正反面">
|
||||
<div class="img-grid two">
|
||||
<el-image
|
||||
:src="baseUrl + detail.sfzzm"
|
||||
fit="cover"
|
||||
: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"
|
||||
/>
|
||||
</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发证机关">{{ detail.fqjg }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发证日期">{{ detail.fqsj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="签到状态">{{ detail.qdzt }}</el-descriptions-item>
|
||||
<el-descriptions-item label="签到时间" :span="2">{{ detail.qdsj }}</el-descriptions-item>
|
||||
<el-descriptions-item label="签到表" :span="3"></el-descriptions-item>
|
||||
<el-descriptions-item label="培训图片" :span="3"></el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed, defineEmits, getCurrentInstance,defineProps } from 'vue';
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
const emit = defineEmits(["refresh"]);
|
||||
const { proxy } = getCurrentInstance();
|
||||
const baseUrl = '/bagl/mosty-base/minio/image/download'
|
||||
const props = defineProps({
|
||||
dic: {
|
||||
default: [[]], //二维数组
|
||||
type: Array
|
||||
}
|
||||
})
|
||||
|
||||
const dialogForm = ref(false);
|
||||
const detail = ref({})
|
||||
|
||||
// 初始化数据
|
||||
const init = (type, row,) => {
|
||||
// dialogForm.value = true;
|
||||
// qcckPost({},'/mosty-base/bans/njxx/getInfo/'+row.id).then(res => {
|
||||
// let zj = res.sfzzfmj.split(',');
|
||||
// res.sfzzm = [zj[0]];
|
||||
// res.sfzfm = [zj[1]];
|
||||
// detail.value = res || {};
|
||||
// })
|
||||
};
|
||||
|
||||
const close = () => {
|
||||
dialogForm.value = false;
|
||||
detail.value = {};
|
||||
};
|
||||
|
||||
defineExpose({ init })
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/css/layout.scss";
|
||||
.mapBox {
|
||||
width: calc(100% - 24rem);
|
||||
height: 500px;
|
||||
overflow: hidden;
|
||||
margin: 0 12rem;
|
||||
}
|
||||
.cntinfo{
|
||||
position: relative;
|
||||
padding: 10px 20px;
|
||||
box-sizing: border-box;
|
||||
.tag-box{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 50px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 99999;
|
||||
.tag_item{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 50%;
|
||||
line-height: 65px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.jtb_item{
|
||||
border: 5px solid #FA3758;
|
||||
color: #FA3758;
|
||||
background: rgba(250,55,88,0.2);
|
||||
}
|
||||
.tgg_item{
|
||||
color: #28EEBF;
|
||||
background: rgba(40,238,191,0.2);
|
||||
border: 5px solid #28EEBF;
|
||||
}
|
||||
.dsh_item{
|
||||
background: rgba(0,114,255,0.2);
|
||||
color: #0072FF;
|
||||
border: 5px solid #0072FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.img-grid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-height: 70px;
|
||||
}
|
||||
|
||||
.img-grid.one .img,
|
||||
.img-grid.one .img-placeholder {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.img-grid.two .img,
|
||||
.img-grid.two .img-placeholder {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.img-placeholder {
|
||||
background: #d9d9d9;
|
||||
border-radius: 2px;
|
||||
}
|
||||
::v-deep .el-descriptions__label.el-descriptions__cell.is-bordered-label{
|
||||
background: #F6FAFF;
|
||||
}
|
||||
</style>
|
||||
@ -1,105 +1,40 @@
|
||||
<template>
|
||||
<div>
|
||||
<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-steps>
|
||||
</div>
|
||||
<el-dialog class="steps-dialog" title="上报分局" @close="dialogForm = false" :close-on-click-modal="false" v-model="dialogForm" width="420px">
|
||||
<el-form ref="formRef" :model="formdata" :rules="rules">
|
||||
<el-form-item label="上报分局">
|
||||
<MOSTY.Department width="100%" clearable v-model="formdata.ssbmdm" />
|
||||
</el-form-item>
|
||||
<div class="flex just-center">
|
||||
<el-button @click="dialogForm = false">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm">上报</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ElMessage } from "element-plus";
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
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 formdata = ref({})
|
||||
|
||||
const init = (row) => {
|
||||
pxgsData.value = row
|
||||
formdata.value.id = row.id;
|
||||
dialogForm.value = true;
|
||||
}
|
||||
|
||||
const submitForm = () => {
|
||||
dialogForm.value = false;
|
||||
formdata.value = {}
|
||||
ElMessage({ message: '开发中', type: 'info', })
|
||||
}
|
||||
defineExpose({
|
||||
init
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.steps-body {
|
||||
height: 260px;
|
||||
padding: 6px 10px 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-dialog__header) {
|
||||
text-align: center;
|
||||
padding: 20px 20px 10px;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-dialog__title) {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-dialog__body) {
|
||||
padding: 0 20px 20px;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__title) {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__description) {
|
||||
font-size: 16px;
|
||||
color: #9AA8B6;
|
||||
line-height: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__line) {
|
||||
left: 8px;
|
||||
background-color: transparent;
|
||||
border-left: 1px dashed #dadada;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step.is-vertical .el-step__head) {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__icon) {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__head.is-process .el-step__icon),
|
||||
:deep(.steps-dialog .el-step__head.is-process .el-step__icon.is-text) {
|
||||
background: #2e6bff;
|
||||
border: none;
|
||||
box-shadow: 0 0 0 5px rgba(46, 107, 255, 0.15);
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step.is-wait .el-step__icon),
|
||||
:deep(.steps-dialog .el-step.is-finish .el-step__icon) {
|
||||
background: #fff;
|
||||
border: 1px solid #dadada;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:deep(.steps-dialog .el-step__icon-inner) {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .is-finish .el-step__icon{
|
||||
background: #86b6f1;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user