|
|
|
|
@ -8,7 +8,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cntinfo">
|
|
|
|
|
<FormMessage ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList" :labelWidth='120'>
|
|
|
|
|
<FormMessage ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList"
|
|
|
|
|
:labelWidth='120'>
|
|
|
|
|
<template #pxgs>
|
|
|
|
|
<el-input v-model="formData.pxgs" @click="selectPxgs" readonly placeholder="请选择培训公司"></el-input>
|
|
|
|
|
</template>
|
|
|
|
|
@ -24,12 +25,13 @@
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import ChooseCompany from './chooseCompany.vue'
|
|
|
|
|
import { ref, reactive, getCurrentInstance } from 'vue'
|
|
|
|
|
import { ref, reactive, getCurrentInstance, watch,onMounted } from 'vue'
|
|
|
|
|
import { qcckPost } from "@/api/qcckApi.js";
|
|
|
|
|
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
|
|
|
|
import { getItem } from '@/utils/storage'
|
|
|
|
|
import * as rule from "@/utils/rules.js";
|
|
|
|
|
const { proxy } = getCurrentInstance()
|
|
|
|
|
const { D_BZ_WHCD, D_BAXX_GWLX } = proxy.$dict("D_BZ_WHCD", "D_BAXX_GWLX");
|
|
|
|
|
const { D_BAXX_GWLX, B_BZ_ZYLB, D_BAXX_SSHY, D_BAXX_DWLX } = proxy.$dict("D_BAXX_GWLX", "B_BZ_ZYLB", "D_BAXX_SSHY", "D_BAXX_DWLX");
|
|
|
|
|
const title = ref('新增从业人员')
|
|
|
|
|
const loading = ref(false)
|
|
|
|
|
const disabled = ref(false)
|
|
|
|
|
@ -42,40 +44,94 @@ const props = defineProps({
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
const emits = defineEmits(['update:modelValue', 'refresh'])
|
|
|
|
|
const companyList = ref([])
|
|
|
|
|
// 获取我的公司
|
|
|
|
|
const myCompany = () => {
|
|
|
|
|
const cjrsfzh = getItem("userInfo")
|
|
|
|
|
const params = { cjrsfzh: cjrsfzh.sfzh }
|
|
|
|
|
qcckPost(params, "/mosty-base/baxx/baba/list").then(res => {
|
|
|
|
|
companyList.value = res.map(item => {
|
|
|
|
|
return {
|
|
|
|
|
zdmc: item.dwmc,
|
|
|
|
|
dm: item.csdm
|
|
|
|
|
}
|
|
|
|
|
}) || [];
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
myCompany()
|
|
|
|
|
})
|
|
|
|
|
const dicDefault = {
|
|
|
|
|
B_BZ_BAZGZ: [
|
|
|
|
|
{ zdmc: "保安员上岗证", value: "01" },
|
|
|
|
|
{ zdmc: "保安员职业资格证", value: "02" },
|
|
|
|
|
],
|
|
|
|
|
// 职业类别
|
|
|
|
|
B_BZ_ZYLB: [
|
|
|
|
|
{ zdmc: "国家机关", value: "01" },
|
|
|
|
|
{ zdmc: "党群组织", value: "02" },
|
|
|
|
|
{ zdmc: "事业单位负责人", value: "03" },
|
|
|
|
|
{ zdmc: "专业技术人员", value: "04" },
|
|
|
|
|
{ zdmc: "办事人员和有关人员", value: "05" },
|
|
|
|
|
{ zdmc: "商业、服务业人员", value: "06" },
|
|
|
|
|
{ zdmc: "农、林、牧、渔、水利业生产人员", value: "07" },
|
|
|
|
|
{ zdmc: "生产、运输设备操作人员及有关人员", value: "08" },
|
|
|
|
|
{ zdmc: "军人", value: "09" },
|
|
|
|
|
{ zdmc: "其他从业人员 ", value: "10" },
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
const pxgsidList = ref([])
|
|
|
|
|
const dialogVisible = ref(false)
|
|
|
|
|
const formList = reactive([
|
|
|
|
|
|
|
|
|
|
[
|
|
|
|
|
{ label: "单位名称", prop: "code", type: "select", options: companyList.value },
|
|
|
|
|
{ label: "姓名", prop: "xm", type: "input" },
|
|
|
|
|
{ label: "证件号码", prop: "sfzh", type: "input"},
|
|
|
|
|
{ label: "证件号码", prop: "sfzh", type: "input" },
|
|
|
|
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{ label: "居住地址", prop: "jzdz", type: "input" },
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{ label: "职业类别", prop: "zydm", type: "select", options: dicDefault.B_BZ_ZYLB },
|
|
|
|
|
{ label: "入职时间", prop: "rzsj", type: "date" },
|
|
|
|
|
{ label: "离职时间", prop: "lzsj", type: "slot" },
|
|
|
|
|
{ label: "文化程度", prop: "whcd", type: "select", options: D_BZ_WHCD },
|
|
|
|
|
{ label: "资格证编号", prop: "zgzbh", type: "input" },
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{ label: "资格证类型", prop: "zgzlx", type: "input" },
|
|
|
|
|
{ label: "资格证起始日期", prop: "zgzKssj", type: "date" },
|
|
|
|
|
{ label: "资格证截至日期", prop: "zgzJssj", type: "date" },
|
|
|
|
|
], [
|
|
|
|
|
{ label: "所属行业", prop: "sshy", type: "select", options: D_BAXX_SSHY },
|
|
|
|
|
{ label: "岗位", prop: "gw", type: "select", options: D_BAXX_GWLX },
|
|
|
|
|
],
|
|
|
|
|
{ label: "单位类型", prop: "dwlx", type: "select", options: D_BAXX_DWLX },
|
|
|
|
|
|
|
|
|
|
], [
|
|
|
|
|
{ label: "资格证类型", prop: "zgzlx", type: "select", options: dicDefault.B_BZ_BAZGZ },
|
|
|
|
|
{ label: "资格证编号", prop: "zgzbh", type: "input" },
|
|
|
|
|
{ label: "资格证起始日期", prop: "zgzKssj", type: "date" },
|
|
|
|
|
|
|
|
|
|
], [{ label: "资格证截止日期", prop: "zgzJssj", type: "date" },
|
|
|
|
|
{ label: "外派单位", prop: "wpdw", type: "input" },
|
|
|
|
|
{ label: "培训公司", prop: "pxgs", type: "select", options: pxgsidList.value }],
|
|
|
|
|
[
|
|
|
|
|
{ label: "培训公司", prop: "pxgs", type: "slot" },
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{ label: "外派单位", prop: "wpdw", type: "input" },
|
|
|
|
|
],
|
|
|
|
|
{ label: "从业人员照片", prop: "tp", type: "upload", limit: 2 },
|
|
|
|
|
{ label: "保安证件", prop: "bazzp", type: "upload", limit: 1 },
|
|
|
|
|
{ label: "从业人员照片", prop: "tp", type: "upload" },
|
|
|
|
|
]
|
|
|
|
|
// [
|
|
|
|
|
// { label: "离职时间", prop: "lzsj", type: "slot" },
|
|
|
|
|
// { label: "文化程度", prop: "whcd", type: "select", options: D_BZ_WHCD },
|
|
|
|
|
// { label: "资格证类型", prop: "zgzlx", type: "input" },
|
|
|
|
|
// { label: "资格证起始日期", prop: "zgzKssj", type: "date" },
|
|
|
|
|
// { label: "资格证截至日期", prop: "zgzJssj", type: "date" },
|
|
|
|
|
// { label: "岗位", prop: "gw", type: "select", options: D_BAXX_GWLX },
|
|
|
|
|
// ],
|
|
|
|
|
// [
|
|
|
|
|
// { label: "培训公司", prop: "pxgs", type: "slot" },
|
|
|
|
|
// ],
|
|
|
|
|
// [
|
|
|
|
|
// { label: "外派单位", prop: "wpdw", type: "input" },
|
|
|
|
|
// ],
|
|
|
|
|
// { label: "从业人员照片", prop: "tp", type: "upload", limit: 2 },
|
|
|
|
|
// { label: "保安证件", prop: "bazzp", type: "upload", limit: 1 },
|
|
|
|
|
])
|
|
|
|
|
|
|
|
|
|
const rules = {
|
|
|
|
|
xm: [{ required: true, message: "请输入姓名", trigger: "change" }],
|
|
|
|
|
...rule.phoneRule({ validator: true,message: "请输入联系电话",require: true }, "lxdh"), // 是否必填 是否进行校验`
|
|
|
|
|
...rule.identityCardRule({ validator: true,message: "请输入身份证号" ,require: true}, "sfzh"), // 是否必填 是否进行校验
|
|
|
|
|
...rule.phoneRule({ validator: true, message: "请输入联系电话", require: true }, "lxdh"), // 是否必填 是否进行校验`
|
|
|
|
|
...rule.identityCardRule({ validator: true, message: "请输入身份证号", require: true }, "sfzh"), // 是否必填 是否进行校验
|
|
|
|
|
jzdz: [{ required: true, message: "请输入居住地址", trigger: "change" }],
|
|
|
|
|
rzsj: [{ required: true, message: "请选择入职时间", trigger: "change" }],
|
|
|
|
|
zgzbh: [{ required: true, message: "请输入资格证编号", trigger: "change" }],
|
|
|
|
|
@ -85,11 +141,29 @@ const rules = {
|
|
|
|
|
zgzKssj: [{ required: true, message: "请选择资格证起始日期", trigger: "change" }],
|
|
|
|
|
zgzJssj: [{ required: true, message: "请选择资格证截至日期", trigger: "blur" }],
|
|
|
|
|
whcd: [{ required: true, message: "请选择文化程度", trigger: "change" }],
|
|
|
|
|
pxgs: [{ required: true, message: "请选择培训公司", trigger: "change" }],
|
|
|
|
|
// pxgs: [{ required: true, message: "请选择培训公司", trigger: "change" }],
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const formData = ref({})
|
|
|
|
|
const getPxgsidList = () => {
|
|
|
|
|
const params = { dwlx: formData.value.dwlx, state: '1' }
|
|
|
|
|
qcckPost(params, "/mosty-base/baxx/baba/list").then(res => {
|
|
|
|
|
pxgsidList.value = res.map(item => {
|
|
|
|
|
return {
|
|
|
|
|
dm: item.id,
|
|
|
|
|
zdmc: item.yyzddjmc
|
|
|
|
|
}
|
|
|
|
|
}) || [];
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const formData = ref({})
|
|
|
|
|
watch(() => formData.value.dwlx, (newVal, oldVal) => {
|
|
|
|
|
if (newVal !== oldVal) {
|
|
|
|
|
getPxgsidList()
|
|
|
|
|
}
|
|
|
|
|
}, { deep: true })
|
|
|
|
|
const selectPxgs = () => {
|
|
|
|
|
RefConmay.value.open()
|
|
|
|
|
}
|
|
|
|
|
@ -110,7 +184,7 @@ const open = (row = {}, type = 'add') => {
|
|
|
|
|
disabled.value = false
|
|
|
|
|
const fieldsToSplit = ['tp', 'bazzp'];
|
|
|
|
|
fieldsToSplit.forEach(field => {
|
|
|
|
|
row[field] = typeof row[field] === 'string' ? row[field].split(',') : row[field];
|
|
|
|
|
row[field] = typeof row[field] === 'string' ? row[field].split(',') : row[field];
|
|
|
|
|
});
|
|
|
|
|
formData.value = { ...row }
|
|
|
|
|
if (type === 'add') {
|
|
|
|
|
@ -128,8 +202,8 @@ const save = () => {
|
|
|
|
|
loading.value = true;
|
|
|
|
|
const url = !formData.value?.id ? `/mosty-base/baxx/cyry/add` : `/mosty-base/baxx/cyry/edit`;
|
|
|
|
|
let params = { ...formData.value }
|
|
|
|
|
params.tp = params.tp ? params.tp.join(','):''
|
|
|
|
|
params.bazzp =params.bazzp ? params.bazzp.join(','):''
|
|
|
|
|
params.tp = params.tp ? params.tp.join(',') : ''
|
|
|
|
|
params.bazzp = params.bazzp ? params.bazzp.join(',') : ''
|
|
|
|
|
qcckPost(params, url).then(() => {
|
|
|
|
|
loading.value = false;
|
|
|
|
|
proxy.$message.success("保存成功");
|
|
|
|
|
@ -147,7 +221,7 @@ defineExpose({ open })
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@import "@/assets/css/layout.scss";
|
|
|
|
|
|
|
|
|
|
.cntinfo{
|
|
|
|
|
.cntinfo {
|
|
|
|
|
height: calc(100% - 70px);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|