237 lines
7.7 KiB
Vue
237 lines
7.7 KiB
Vue
<template>
|
|
<div class="dialog" v-if="dialogVisible">
|
|
<div class="head_box">
|
|
<span class="title">{{ title }}</span>
|
|
<div>
|
|
<el-button size="small" @click="save" type="primary" v-if="!disabled" :loading="loading">保存</el-button>
|
|
<el-button size="small" @click="close">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="cntinfo">
|
|
<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>
|
|
<template #lzsj>
|
|
<el-input v-model="formData.lzsj" disabled placeholder="请选择离职时间"></el-input>
|
|
</template>
|
|
</FormMessage>
|
|
</div>
|
|
<!-- 选择公司 -->
|
|
<ChooseCompany ref="RefConmay" @change="changePxgs"></ChooseCompany>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ChooseCompany from './chooseCompany.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_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)
|
|
const FormRef = ref(null)
|
|
const RefConmay = ref()
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
})
|
|
const emits = defineEmits(['update:modelValue', 'refresh'])
|
|
const companyList = ref([])
|
|
// 获取我的公司
|
|
const myCompany = () => {
|
|
const cjrsfzh = getItem("userInfo")
|
|
const params = { cjrsfzh: cjrsfzh.sfzh }
|
|
qcckPost({
|
|
pageCurrent: 1,
|
|
pageSize: 1000
|
|
}, "/mosty-base/baxx/dwgl/page").then(res => {
|
|
companyList.value = res.records.map(item => {
|
|
return {
|
|
zdmc: item.dwmc || item.csmc,
|
|
dm: item.csdm || item.id
|
|
}
|
|
}) || [];
|
|
console.log(companyList.value);
|
|
|
|
});
|
|
}
|
|
|
|
onMounted(() => {
|
|
getPxgsidList()
|
|
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 = ref()
|
|
watch(() => companyList.value, (newVal, oldVal) => {
|
|
if (newVal) {
|
|
formList.value = [
|
|
[
|
|
// { label: "单位名称", prop: "code", type: "select", options: companyList.value },
|
|
{ label: "所属公司", prop: "pxgs", type: "slot" },
|
|
{ label: "姓名", prop: "xm", 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: "sshy", type: "select", options: D_BAXX_SSHY },
|
|
{ label: "服务行业名称", prop: "hymc", type: "input" },
|
|
], [
|
|
{ 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: "tp", type: "upload" },
|
|
]
|
|
|
|
]
|
|
}
|
|
})
|
|
const rules = {
|
|
xm: [{ required: true, message: "请输入姓名", trigger: "change" }],
|
|
...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" }],
|
|
gw: [{ required: true, message: "请输入岗位", trigger: "change" }],
|
|
zgzlx: [{ required: true, message: "请输入资格证类型", trigger: "change" }],
|
|
zgzKssj: [{ required: true, message: "请选择资格证起始日期", trigger: "change" }],
|
|
zgzJssj: [{ required: true, message: "请选择资格证截至日期", trigger: "blur" }],
|
|
whcd: [{ required: true, message: "请选择文化程度", trigger: "change" }],
|
|
// pxgs: [{ required: true, message: "请选择培训公司", trigger: "change" }],
|
|
}
|
|
|
|
const getPxgsidList = () => {
|
|
const userInfo = getItem("userInfo")
|
|
const params = { keyword: userInfo.sfzh, pageCurrent: 1, pageSize: 1000 }
|
|
qcckPost(params, "/mosty-base/baxx/dwgl/page").then(res => {
|
|
pxgsidList.value = res.records.map(item => {
|
|
return {
|
|
dm: item.id,
|
|
zdmc: item.csmc
|
|
}
|
|
}) || [];
|
|
});
|
|
}
|
|
|
|
|
|
|
|
const formData = ref({})
|
|
// watch(() => formData.value.dwlx, (newVal, oldVal) => {
|
|
// if (newVal !== oldVal) {
|
|
// getPxgsidList()
|
|
// }
|
|
// }, { deep: true })
|
|
const selectPxgs = () => {
|
|
RefConmay.value.open()
|
|
}
|
|
|
|
const changePxgs = (data) => {
|
|
formData.value.pxgs = data.pxgs
|
|
formData.value.pxgsid = data.pxgsid
|
|
}
|
|
|
|
const close = () => {
|
|
FormRef.value?.reset();
|
|
formData.value = {}
|
|
dialogVisible.value = false
|
|
}
|
|
|
|
const open = (row = {}, type = 'add') => {
|
|
dialogVisible.value = true
|
|
disabled.value = false
|
|
const fieldsToSplit = ['tp', 'bazzp'];
|
|
fieldsToSplit.forEach(field => {
|
|
row[field] = typeof row[field] === 'string' ? row[field].split(',') : row[field];
|
|
});
|
|
formData.value = { ...row }
|
|
if (type === 'add') {
|
|
title.value = '新增从业人员'
|
|
} else if (type === 'edit') {
|
|
title.value = '编辑从业人员'
|
|
} else {
|
|
disabled.value = true
|
|
title.value = '查看详情'
|
|
}
|
|
}
|
|
|
|
const save = () => {
|
|
FormRef.value.submit(() => {
|
|
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(',') : ''
|
|
qcckPost(params, url).then(() => {
|
|
loading.value = false;
|
|
proxy.$message.success("保存成功");
|
|
emits("refresh");
|
|
close();
|
|
}).catch(() => {
|
|
loading.value = false;
|
|
})
|
|
});
|
|
}
|
|
|
|
defineExpose({ open })
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/css/layout.scss";
|
|
|
|
.cntinfo {
|
|
height: calc(100% - 70px);
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mapBox {
|
|
width: 100%;
|
|
height: 400px;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|