129 lines
4.4 KiB
Vue
129 lines
4.4 KiB
Vue
<template>
|
|
<div class="dialog" v-if="dialogVisible">
|
|
<div class="head_box">
|
|
<span class="title">{{ title }}</span>
|
|
<div>
|
|
<el-button v-if="!disabled" size="small" @click="save" type="primary" :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 #sqrq>
|
|
<el-date-picker type="datetime" v-model="formData.sqrq" placeholder="请输入申请时间" />
|
|
</template>
|
|
</FormMessage>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import * as rule from "@/utils/rules.js";
|
|
import { ref, reactive, getCurrentInstance } from 'vue'
|
|
import { qcckPost } from "@/api/qcckApi.js";
|
|
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
|
const { proxy } = getCurrentInstance()
|
|
const { D_BAXX_GWLX } = proxy.$dict("D_BAXX_GWLX")
|
|
const title = ref('新增培训人员')
|
|
const loading = ref(false)
|
|
const disabled = ref(false)
|
|
const FormRef = ref(null)
|
|
const props = defineProps({
|
|
dic: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
})
|
|
const formData = ref({})
|
|
const dialogVisible = ref(false)
|
|
const emits = defineEmits(['refresh'])
|
|
const formList = reactive([
|
|
[
|
|
{ label: "姓名", prop: "xm", type: "input" },
|
|
{ label: "证件号码", prop: "zjhm", type: "input"},
|
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
|
],
|
|
[
|
|
{ label: "居住地址", prop: "jzdz", type: "input" },
|
|
{ label: "申请时间", prop: "sqrq", type: "slot" },
|
|
{ label: "岗位", prop: "gw", type: "select", options: D_BAXX_GWLX },
|
|
],
|
|
[
|
|
{ label: "身份证正面", prop: "ryzpzm", type: "upload", limit: 1 },
|
|
{ label: "身份证反面", prop: "ryzpfm", type: "upload", limit: 1 },
|
|
],
|
|
[
|
|
{ label: "体检报告", prop: "tjbg", type: "upload", limit: 3 },
|
|
],
|
|
[
|
|
{ label: "无犯罪记录证明", prop: "wfzzmjl", type: "upload", limit: 1 },
|
|
]
|
|
])
|
|
const rules = {
|
|
ryzpzm: [{ required: true, message: "请上传身份证正面", trigger: "change" }],
|
|
ryzpfm: [{ required: true, message: "请上传身份证反面", trigger: "change" }],
|
|
tjbg: [{ required: true, message: "请上传体检报告", trigger: "change" }],
|
|
wfzzmjl: [{ required: true, message: "请上传无犯罪记录证明", trigger: "change" }],
|
|
xm: [{ required: true, message: "请输入姓名", trigger: "change" }],
|
|
...rule.phoneRule({ validator: true,message: "请输入联系电话",require: true }, "lxdh"), // 是否必填 是否进行校验`
|
|
...rule.identityCardRule({ validator: true,message: "请输入身份证号" ,require: true}, "zjhm"), // 是否必填 是否进行校验
|
|
jzdz: [{ required: true, message: "请输入居住地址", trigger: "change" }],
|
|
rzsj: [{ required: true, message: "请选择入职时间", trigger: "change" }],
|
|
pxgs: [{ required: true, message: "请选择所属保安公司", trigger: "change" }],
|
|
gw: [{ required: true, message: "请输入岗位", trigger: "change" }],
|
|
}
|
|
|
|
const close = () => {
|
|
FormRef.value?.reset()
|
|
dialogVisible.value = false;
|
|
}
|
|
|
|
const open = (row = {}, type = 'add') => {
|
|
const fieldsToSplit = ['ryzpzm', 'ryzpfm', 'tjbg', 'wfzzmjl'];
|
|
fieldsToSplit.forEach(field => {
|
|
row[field] = typeof row[field] === 'string' ? row[field].split(',') : row[field];
|
|
});
|
|
formData.value = { ...row }
|
|
title.value = type === 'add' ? '新增申请人员' : (type === 'upload' ? '上传资料' : '查看详情')
|
|
disabled.value = title.value === '查看详情' ? true : false;
|
|
dialogVisible.value = true;
|
|
}
|
|
|
|
// 新增、编辑
|
|
const save = () => {
|
|
FormRef.value.submit(() => {
|
|
loading.value = true;
|
|
const url = !formData.value?.id ? `/mosty-base/baxx/basq/add` : `/mosty-base/baxx/basq/edit`;
|
|
const params = { ...formData.value }
|
|
const fieldsToSplit = ['ryzpzm', 'ryzpfm', 'tjbg', 'wfzzmjl'];
|
|
fieldsToSplit.forEach(field => { params[field] = params[field] ? params[field].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>
|