|
|
|
@ -4,45 +4,45 @@ |
|
|
|
@ 备注: 编辑员工信息 |
|
|
|
--> |
|
|
|
<script lang='ts' setup> |
|
|
|
import { myinfostruct,userManOrFucont } from '@/api/hr/people/type' |
|
|
|
import { myinfostruct, userManOrFucont } from '@/api/hr/people/type' |
|
|
|
import { editMyInfoing } from '@/api/hr/people/index' |
|
|
|
// import { calculateDatesMonth } from '@/api/publicapi' |
|
|
|
import { haveDateTime } from '@/api/handle' |
|
|
|
import { userGender,healthStates,userMaritalstatus,userPoliticaloutloo,userConstellationing,userHireclass,emptypeOptionsAll,yesOrno } from '@/api/hr/people/datacont' |
|
|
|
import { userGender, healthStates, userMaritalstatus, userPoliticaloutloo, userConstellationing, userHireclass, emptypeOptionsAll, Householdregistration, yesOrno } from '@/api/hr/people/datacont' |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
editShow:{ |
|
|
|
type:Boolean, |
|
|
|
default:false |
|
|
|
editShow: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
usercont:{ |
|
|
|
type:Object, |
|
|
|
default(){ |
|
|
|
usercont: { |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return {} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
const emits = defineEmits(["update:editShow","refreshcontdata"]); //操作父级数据 |
|
|
|
const myContData = reactive<myinfostruct>({entrydatetime:"",probationperiod:1}) |
|
|
|
const emits = defineEmits(["update:editShow", "refreshcontdata"]); //操作父级数据 |
|
|
|
const myContData = reactive<myinfostruct>({ entrydatetime: "", probationperiod: 1 }) |
|
|
|
const editPostFormRef = ref(ElForm); //编辑表单 |
|
|
|
const editLoading = ref(false) |
|
|
|
const submitEditCont = reactive<userManOrFucont>({}) |
|
|
|
/** |
|
|
|
* 表单验证规则 |
|
|
|
*/ |
|
|
|
const editMycontRules = reactive({ |
|
|
|
name: [{ required: true, message: "请输入姓名", trigger: "blur" }], |
|
|
|
const editMycontRules = reactive({ |
|
|
|
name: [{ required: true, message: "请输入姓名", trigger: "blur" }], |
|
|
|
gender: [{ required: true, message: "请选择性别", trigger: "blur" }], |
|
|
|
health: [{ required: true, message: "请选择健康状况", trigger: "blur" }], |
|
|
|
birthdaytime: [{ required: true, message: "请选择出生日期", trigger: "blur" }], |
|
|
|
idcardno: [{ required: true, message: "请输入身份证号", trigger: "blur" }], |
|
|
|
mobilephone: [{ required: true, message: "请输入手机号码", trigger: "blur" }], |
|
|
|
currentresidence: [{ required: true, message: "请输入现居住地", trigger: "blur" }], |
|
|
|
myfolk: [{ required: true, message: "请输入民族", trigger: "blur" }], |
|
|
|
hireclass: [{ required: true, message: "请选雇佣类型", trigger: "blur" }], |
|
|
|
emptype: [{ required: true, message: "请选择工关系", trigger: "blur" }], |
|
|
|
entrydatetime: [{ required: true, message: "请输入入职日期", trigger: "blur" }], |
|
|
|
probationperiod: [{ required: true, message: "请输入试用期(月)", trigger: "blur" }], |
|
|
|
birthdaytime: [{ required: true, message: "请选择出生日期", trigger: "blur" }], |
|
|
|
idcardno: [{ required: true, message: "请输入身份证号", trigger: "blur" }], |
|
|
|
mobilephone: [{ required: true, message: "请输入手机号码", trigger: "blur" }], |
|
|
|
currentresidence: [{ required: true, message: "请输入现居住地", trigger: "blur" }], |
|
|
|
myfolk: [{ required: true, message: "请输入民族", trigger: "blur" }], |
|
|
|
hireclass: [{ required: true, message: "请选雇佣类型", trigger: "blur" }], |
|
|
|
emptype: [{ required: true, message: "请选择工关系", trigger: "blur" }], |
|
|
|
entrydatetime: [{ required: true, message: "请输入入职日期", trigger: "blur" }], |
|
|
|
probationperiod: [{ required: true, message: "请输入试用期(月)", trigger: "blur" }], |
|
|
|
}); |
|
|
|
/** |
|
|
|
* 编辑控制 |
|
|
|
@ -56,7 +56,7 @@ const boxShow = computed({ |
|
|
|
/** |
|
|
|
* 提交 |
|
|
|
*/ |
|
|
|
function submitEditMyCont(){ |
|
|
|
function submitEditMyCont() { |
|
|
|
// console.log("提交数据--myContData-->",myContData) |
|
|
|
editLoading.value = true; |
|
|
|
editPostFormRef.value.validate((isValid: boolean) => { |
|
|
|
@ -80,150 +80,146 @@ function submitEditMyCont(){ |
|
|
|
submitEditCont.idcardaddress = myContData.idcardaddress |
|
|
|
submitEditCont.idcardIssued = myContData.idcardIssued |
|
|
|
submitEditCont.currentresidence = myContData.currentresidence |
|
|
|
submitEditCont.bloodtype = myContData.bloodtype |
|
|
|
submitEditCont.nativeplace = myContData.nativeplace |
|
|
|
submitEditCont.email = myContData.email |
|
|
|
submitEditCont.internaltelephone = myContData.internaltelephone |
|
|
|
submitEditCont.hireclass = myContData.hireclass |
|
|
|
submitEditCont.emptype = myContData.emptype |
|
|
|
submitEditCont.isveterans = myContData.isveterans |
|
|
|
submitEditCont.natureofAccount = myContData.natureofAccount |
|
|
|
submitEditCont.veteransnumber = myContData.veteransnumber |
|
|
|
submitEditCont.passportno = myContData.passportno |
|
|
|
submitEditCont.globalroaming = myContData.globalroaming |
|
|
|
submitEditCont.wechat = myContData.wechat |
|
|
|
submitEditCont.workwechat = myContData.workwechat |
|
|
|
submitEditCont.interests = myContData.interests |
|
|
|
submitEditCont.constellationing = myContData.constellationing |
|
|
|
submitEditCont.maritalstatus = myContData.maritalstatus |
|
|
|
editMyInfoing(submitEditCont) |
|
|
|
.then(() =>{ |
|
|
|
.then(() => { |
|
|
|
ElMessage.success("编辑成功"); |
|
|
|
emits("refreshcontdata", myContData); |
|
|
|
emits("update:editShow", false); |
|
|
|
}) |
|
|
|
.finally(() =>{editLoading.value = false;}) |
|
|
|
.finally(() => { editLoading.value = false; }) |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 取消修改 |
|
|
|
*/ |
|
|
|
function handleCloseMyCont(){ |
|
|
|
function handleCloseMyCont() { |
|
|
|
emits("update:editShow", false); |
|
|
|
} |
|
|
|
//加载数据 |
|
|
|
onMounted(() => { |
|
|
|
myContData.id = props.usercont.id //78, |
|
|
|
myContData.number = props.usercont.number //"300450", |
|
|
|
myContData.name = props.usercont.name //"秦东", |
|
|
|
myContData.icon = props.usercont.icon //"", |
|
|
|
myContData.hireclass = props.usercont.hireclass //1, |
|
|
|
myContData.emptype = props.usercont.emptype //8, |
|
|
|
myContData.company = props.usercont.company //309, |
|
|
|
myContData.maindeparment = props.usercont.maindeparment //102, |
|
|
|
myContData.sunmaindeparment = props.usercont.sunmaindeparment //272, |
|
|
|
myContData.deparment = props.usercont.deparment //"", |
|
|
|
myContData.adminorg = props.usercont.adminorg //272, |
|
|
|
myContData.teamid = props.usercont.teamid //1, |
|
|
|
myContData.position = props.usercont.position //2184, |
|
|
|
myContData.jobclass = props.usercont.jobclass //5, |
|
|
|
myContData.jobid = props.usercont.jobid //36, |
|
|
|
myContData.jobleve = props.usercont.jobleve //3, |
|
|
|
myContData.time = props.usercont.time //1656984567, |
|
|
|
myContData.eitetime = props.usercont.eitetime //1671160648, |
|
|
|
myContData.wechat = props.usercont.wechat //"", |
|
|
|
myContData.workwechat = props.usercont.workwechat //"KaiXinGuo", |
|
|
|
myContData.state = props.usercont.state //1, |
|
|
|
myContData.key = props.usercont.key //15993815826844528, |
|
|
|
myContData.isadmin = props.usercont.isadmin //4, |
|
|
|
myContData.password = props.usercont.password //"ecffe8715d2d3c2743bab6abc90e1331", |
|
|
|
myContData.role = props.usercont.role //"1", |
|
|
|
myContData.idcardno = props.usercont.idcardno //"370921198810151515", |
|
|
|
myContData.passportno = props.usercont.passportno //"", |
|
|
|
myContData.globalroaming = props.usercont.globalroaming //"", |
|
|
|
myContData.mobilephone = props.usercont.mobilephone //"15069130853", |
|
|
|
myContData.email = props.usercont.email //"", |
|
|
|
myContData.gender = props.usercont.gender //1, |
|
|
|
myContData.birthday = props.usercont.birthday //592848000, |
|
|
|
myContData.myfolk = props.usercont.myfolk //"汉族", |
|
|
|
myContData.nativeplace = props.usercont.nativeplace //"山东省宁阳县华丰镇白土厂村15号", |
|
|
|
myContData.idcardstartdate = props.usercont.idcardstartdate //0, |
|
|
|
myContData.idcardenddate = props.usercont.idcardenddate //0, |
|
|
|
myContData.idcardaddress = props.usercont.idcardaddress //"", |
|
|
|
myContData.idcardIssued = props.usercont.idcardIssued //"", |
|
|
|
myContData.health = props.usercont.health //2, |
|
|
|
myContData.maritalstatus = props.usercont.maritalstatus //2, |
|
|
|
myContData.internaltelephone = props.usercont.internaltelephone //"", |
|
|
|
myContData.currentresidence = props.usercont.currentresidence //"山东省宁阳县华丰镇矿区花园小区1号楼1单元302室", |
|
|
|
myContData.constellationing = props.usercont.constellationing //1, |
|
|
|
myContData.isdoubleworker = props.usercont.isdoubleworker //2, |
|
|
|
myContData.isveterans = props.usercont.isveterans //2, |
|
|
|
myContData.veteransnumber = props.usercont.veteransnumber //"", |
|
|
|
myContData.jobstartdate = props.usercont.jobstartdate //0, |
|
|
|
myContData.entrydate = props.usercont.entrydate //0, |
|
|
|
myContData.probationperiod = props.usercont.probationperiod //0, |
|
|
|
myContData.planformaldate = props.usercont.planformaldate //0, |
|
|
|
myContData.politicaloutlook = props.usercont.politicaloutlook //1, |
|
|
|
myContData.nameusedbefore = props.usercont.nameusedbefore //"", |
|
|
|
myContData.iconphoto = props.usercont.iconphoto // |
|
|
|
myContData.responsibledepartment = props.usercont.responsibledepartment //"", |
|
|
|
myContData.responsibledepartmentjson = props.usercont.responsibledepartmentjson //"", |
|
|
|
myContData.birthdaytime = props.usercont.birthdaytime //"1988-10-15", |
|
|
|
myContData.idcardstarttimedata = props.usercont.idcardstarttimedata //"", |
|
|
|
myContData.idcardendtimedata = props.usercont.idcardendtimedata //"", |
|
|
|
myContData.entrydatetime = props.usercont.entrydatetime //"", |
|
|
|
myContData.planformaldatetime = props.usercont.planformaldatetime //"", |
|
|
|
myContData.doubleworkerlist = props.usercont.doubleworkerlist //, |
|
|
|
myContData.educationalexperience = props.usercont.educationalexperience //, |
|
|
|
myContData.emergencycontact = props.usercont.emergencycontact //, |
|
|
|
myContData.memberoffamily = props.usercont.memberoffamily //, |
|
|
|
myContData.workhistorylist = props.usercont.workhistorylist //, |
|
|
|
myContData.groupworkhistorylist = props.usercont.groupworkhistorylist //, |
|
|
|
myContData.idstr = props.usercont.idstr //"78", |
|
|
|
myContData.companyname = props.usercont.companyname //"山东恒信高科能源有限公司", |
|
|
|
myContData.maindeparmentname = props.usercont.maindeparmentname //"企管部", |
|
|
|
myContData.adminorgname = props.usercont.adminorgname //"", |
|
|
|
myContData.positionname = props.usercont.positionname //"开发主管", |
|
|
|
myContData.jobclassname = props.usercont.jobclassname //"基层管理", |
|
|
|
myContData.jobidname = props.usercont.jobidname //"主管", |
|
|
|
myContData.politicaloutlookname = props.usercont.politicaloutlookname //"群众", |
|
|
|
myContData.jobstartdatestr = props.usercont.jobstartdatestr //"", |
|
|
|
myContData.entrydatestr = props.usercont.entrydatestr //"", |
|
|
|
myContData.personincharge = props.usercont.personincharge //2, |
|
|
|
myContData.sunmaindeparmentname = props.usercont.sunmaindeparmentname //"企管", |
|
|
|
myContData.workpostname = props.usercont.workpostname //"", |
|
|
|
myContData.teamname = props.usercont.teamname //"长白班", |
|
|
|
myContData.allorglist = props.usercont.allorglist //[309,102,272], |
|
|
|
myContData.ruleid = props.usercont.ruleid //"0", |
|
|
|
myContData.rulename = props.usercont.rulename //"", |
|
|
|
myContData.orgreslist = props.usercont.orgreslist // |
|
|
|
myContData.keystr = props.usercont.keystr // |
|
|
|
myContData.id = props.usercont.id //78, |
|
|
|
myContData.number = props.usercont.number //"300450", |
|
|
|
myContData.name = props.usercont.name //"秦东", |
|
|
|
myContData.icon = props.usercont.icon //"", |
|
|
|
myContData.hireclass = props.usercont.hireclass //1, |
|
|
|
myContData.emptype = props.usercont.emptype //8, |
|
|
|
myContData.company = props.usercont.company //309, |
|
|
|
myContData.maindeparment = props.usercont.maindeparment //102, |
|
|
|
myContData.sunmaindeparment = props.usercont.sunmaindeparment //272, |
|
|
|
myContData.deparment = props.usercont.deparment //"", |
|
|
|
myContData.adminorg = props.usercont.adminorg //272, |
|
|
|
myContData.teamid = props.usercont.teamid //1, |
|
|
|
myContData.position = props.usercont.position //2184, |
|
|
|
myContData.jobclass = props.usercont.jobclass //5, |
|
|
|
myContData.jobid = props.usercont.jobid //36, |
|
|
|
myContData.jobleve = props.usercont.jobleve //3, |
|
|
|
myContData.time = props.usercont.time //1656984567, |
|
|
|
myContData.eitetime = props.usercont.eitetime //1671160648, |
|
|
|
myContData.wechat = props.usercont.wechat //"", |
|
|
|
myContData.workwechat = props.usercont.workwechat //"KaiXinGuo", |
|
|
|
myContData.interests = props.usercont.interests |
|
|
|
myContData.state = props.usercont.state //1, |
|
|
|
myContData.key = props.usercont.key //15993815826844528, |
|
|
|
myContData.isadmin = props.usercont.isadmin //4, |
|
|
|
myContData.password = props.usercont.password //"ecffe8715d2d3c2743bab6abc90e1331", |
|
|
|
myContData.role = props.usercont.role //"1", |
|
|
|
myContData.idcardno = props.usercont.idcardno //"370921198810151515", |
|
|
|
myContData.passportno = props.usercont.passportno //"", |
|
|
|
myContData.globalroaming = props.usercont.globalroaming //"", |
|
|
|
myContData.mobilephone = props.usercont.mobilephone //"15069130853", |
|
|
|
myContData.email = props.usercont.email //"", |
|
|
|
myContData.gender = props.usercont.gender //1, |
|
|
|
myContData.birthday = props.usercont.birthday //592848000, |
|
|
|
myContData.myfolk = props.usercont.myfolk //"汉族", |
|
|
|
myContData.bloodtype = props.usercont.bloodtype |
|
|
|
myContData.nativeplace = props.usercont.nativeplace //"山东省宁阳县华丰镇白土厂村15号", |
|
|
|
myContData.idcardstartdate = props.usercont.idcardstartdate //0, |
|
|
|
myContData.idcardenddate = props.usercont.idcardenddate //0, |
|
|
|
myContData.idcardaddress = props.usercont.idcardaddress //"", |
|
|
|
myContData.idcardIssued = props.usercont.idcardIssued //"", |
|
|
|
myContData.health = props.usercont.health //2, |
|
|
|
myContData.maritalstatus = props.usercont.maritalstatus //2, |
|
|
|
myContData.internaltelephone = props.usercont.internaltelephone //"", |
|
|
|
myContData.currentresidence = props.usercont.currentresidence //"山东省宁阳县华丰镇矿区花园小区1号楼1单元302室", |
|
|
|
myContData.constellationing = props.usercont.constellationing //1, |
|
|
|
myContData.isdoubleworker = props.usercont.isdoubleworker //2, |
|
|
|
myContData.isveterans = props.usercont.isveterans //2, |
|
|
|
myContData.natureofAccount = props.usercont.natureofAccount |
|
|
|
myContData.veteransnumber = props.usercont.veteransnumber //"", |
|
|
|
myContData.jobstartdate = props.usercont.jobstartdate //0, |
|
|
|
myContData.entrydate = props.usercont.entrydate //0, |
|
|
|
myContData.probationperiod = props.usercont.probationperiod //0, |
|
|
|
myContData.planformaldate = props.usercont.planformaldate //0, |
|
|
|
myContData.politicaloutlook = props.usercont.politicaloutlook //1, |
|
|
|
myContData.nameusedbefore = props.usercont.nameusedbefore //"", |
|
|
|
myContData.iconphoto = props.usercont.iconphoto // |
|
|
|
myContData.responsibledepartment = props.usercont.responsibledepartment //"", |
|
|
|
myContData.responsibledepartmentjson = props.usercont.responsibledepartmentjson //"", |
|
|
|
myContData.birthdaytime = props.usercont.birthdaytime //"1988-10-15", |
|
|
|
myContData.idcardstarttimedata = props.usercont.idcardstarttimedata //"", |
|
|
|
myContData.idcardendtimedata = props.usercont.idcardendtimedata //"", |
|
|
|
myContData.entrydatetime = props.usercont.entrydatetime //"", |
|
|
|
myContData.planformaldatetime = props.usercont.planformaldatetime //"", |
|
|
|
myContData.doubleworkerlist = props.usercont.doubleworkerlist //, |
|
|
|
myContData.educationalexperience = props.usercont.educationalexperience //, |
|
|
|
myContData.emergencycontact = props.usercont.emergencycontact //, |
|
|
|
myContData.memberoffamily = props.usercont.memberoffamily //, |
|
|
|
myContData.workhistorylist = props.usercont.workhistorylist //, |
|
|
|
myContData.groupworkhistorylist = props.usercont.groupworkhistorylist //, |
|
|
|
myContData.idstr = props.usercont.idstr //"78", |
|
|
|
myContData.companyname = props.usercont.companyname //"山东恒信高科能源有限公司", |
|
|
|
myContData.maindeparmentname = props.usercont.maindeparmentname //"企管部", |
|
|
|
myContData.adminorgname = props.usercont.adminorgname //"", |
|
|
|
myContData.positionname = props.usercont.positionname //"开发主管", |
|
|
|
myContData.jobclassname = props.usercont.jobclassname //"基层管理", |
|
|
|
myContData.jobidname = props.usercont.jobidname //"主管", |
|
|
|
myContData.politicaloutlookname = props.usercont.politicaloutlookname //"群众", |
|
|
|
myContData.jobstartdatestr = props.usercont.jobstartdatestr //"", |
|
|
|
myContData.entrydatestr = props.usercont.entrydatestr //"", |
|
|
|
myContData.personincharge = props.usercont.personincharge //2, |
|
|
|
myContData.sunmaindeparmentname = props.usercont.sunmaindeparmentname //"企管", |
|
|
|
myContData.workpostname = props.usercont.workpostname //"", |
|
|
|
myContData.teamname = props.usercont.teamname //"长白班", |
|
|
|
myContData.allorglist = props.usercont.allorglist //[309,102,272], |
|
|
|
myContData.ruleid = props.usercont.ruleid //"0", |
|
|
|
myContData.rulename = props.usercont.rulename //"", |
|
|
|
myContData.orgreslist = props.usercont.orgreslist // |
|
|
|
myContData.keystr = props.usercont.keystr // |
|
|
|
}); |
|
|
|
/** |
|
|
|
* 计算时间 |
|
|
|
*/ |
|
|
|
const computingTime = (value: any) => { |
|
|
|
let dataCont = myContData.entrydatetime?.toString() |
|
|
|
myContData.planformaldatetime = haveDateTime(dataCont,value,false) |
|
|
|
myContData.planformaldatetime = haveDateTime(dataCont, value, false) |
|
|
|
} |
|
|
|
/** |
|
|
|
* 选择入职时间 |
|
|
|
*/ |
|
|
|
const computingClickTime = (value: string) => { |
|
|
|
myContData.planformaldatetime = haveDateTime(value,myContData.probationperiod,false) |
|
|
|
myContData.planformaldatetime = haveDateTime(value, myContData.probationperiod, false) |
|
|
|
} |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<el-form |
|
|
|
ref="editPostFormRef" |
|
|
|
:model="myContData" |
|
|
|
:rules="editMycontRules" |
|
|
|
> |
|
|
|
<el-descriptions |
|
|
|
class="margin-top" |
|
|
|
direction="vertical" |
|
|
|
:column="4" |
|
|
|
border |
|
|
|
:width="80" |
|
|
|
> |
|
|
|
<el-form ref="editPostFormRef" :model="myContData" :rules="editMycontRules"> |
|
|
|
<el-descriptions class="margin-top" direction="vertical" :column="4" border :width="80"> |
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
@ -247,27 +243,18 @@ const computingClickTime = (value: string) => { |
|
|
|
</template> |
|
|
|
<el-form-item prop="gender"> |
|
|
|
<el-select v-model="myContData.gender" class="m-2" placeholder="请选择性别" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in userGender" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in userGender" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="healthcondition" class="svg_box"></svg-icon> 健康状况<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="healthcondition" class="svg_box"></svg-icon> 健康状况<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="health"> |
|
|
|
<el-select v-model="myContData.health" class="m-2" placeholder="请选择健康状况" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in healthStates" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in healthStates" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -277,12 +264,7 @@ const computingClickTime = (value: string) => { |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="myContData.maritalstatus" class="m-2" placeholder="请选择婚姻状况" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in userMaritalstatus" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in userMaritalstatus" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -292,34 +274,24 @@ const computingClickTime = (value: string) => { |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="myContData.politicaloutlook" class="m-2" placeholder="请选择政治面貌" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in userPoliticaloutloo" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in userPoliticaloutloo" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="shengri" class="svg_box"></svg-icon> 出生日期<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="shengri" class="svg_box"></svg-icon> 出生日期<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="birthdaytime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.birthdaytime" |
|
|
|
type="date" |
|
|
|
placeholder="请选择出生日期" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
/> |
|
|
|
<el-date-picker v-model="myContData.birthdaytime" type="date" placeholder="请选择出生日期" format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" style="width: 100%;" size="default" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="zhqxgl" class="svg_box"></svg-icon> 身份证号<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="zhqxgl" class="svg_box"></svg-icon> 身份证号<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="idcardno"> |
|
|
|
<el-input v-model="myContData.idcardno" placeholder="请输入身份证号" /> |
|
|
|
@ -329,32 +301,18 @@ const computingClickTime = (value: string) => { |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="bdzj-bg" class="svg_box"></svg-icon> 身份证有效期开始</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item > |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.idcardstarttimedata" |
|
|
|
type="date" |
|
|
|
placeholder="身份证有效期开始" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
/> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker v-model="myContData.idcardstarttimedata" type="date" placeholder="身份证有效期开始" |
|
|
|
format="YYYY-MM-DD" value-format="YYYY-MM-DD" style="width: 100%;" size="default" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="bdzj-bg" class="svg_box"></svg-icon> 身份证有效期结束</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item > |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.idcardendtimedata" |
|
|
|
type="date" |
|
|
|
placeholder="身份证有效期结束" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
/> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker v-model="myContData.idcardendtimedata" type="date" placeholder="身份证有效期结束" |
|
|
|
format="YYYY-MM-DD" value-format="YYYY-MM-DD" style="width: 100%;" size="default" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item :span="2"> |
|
|
|
@ -383,9 +341,10 @@ const computingClickTime = (value: string) => { |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item :span="2"> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="address" class="svg_box"></svg-icon> 现居住地<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="address" class="svg_box"></svg-icon> 现居住地<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="currentresidence"> |
|
|
|
<el-form-item prop="currentresidence"> |
|
|
|
<el-input v-model="myContData.currentresidence" placeholder="请输入现居住地" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -393,7 +352,7 @@ const computingClickTime = (value: string) => { |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="email" class="svg_box"></svg-icon> 电子邮件</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item > |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="myContData.email" placeholder="请输入电子邮件" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -401,15 +360,27 @@ const computingClickTime = (value: string) => { |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="phone" class="svg_box"></svg-icon> 内线电话</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item > |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="myContData.internaltelephone" placeholder="请输入内线电话" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item :span="2"> |
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><el-icon> |
|
|
|
<Notification /> |
|
|
|
</el-icon> 血型</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="myContData.bloodtype" placeholder="请输入血型" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="0213-lmp" class="svg_box"></svg-icon> 籍贯</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item > |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="myContData.nativeplace" placeholder="请输入籍贯" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -427,42 +398,30 @@ const computingClickTime = (value: string) => { |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="myContData.constellationing" class="m-2" placeholder="请选择星座" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in userConstellationing" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in userConstellationing" :key="item.id" :label="item.name" |
|
|
|
:value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="guyong" class="svg_box"></svg-icon> 雇佣类型<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="guyong" class="svg_box"></svg-icon> 雇佣类型<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="hireclass"> |
|
|
|
<el-form-item prop="hireclass"> |
|
|
|
<el-select v-model="myContData.hireclass" class="m-2" placeholder="请选雇佣类型" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in userHireclass" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in userHireclass" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="jianzhi" class="svg_box"></svg-icon> 用工关系<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="jianzhi" class="svg_box"></svg-icon> 用工关系<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="emptype"> |
|
|
|
<el-select v-model="myContData.emptype" class="m-2" placeholder="请选择工关系" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in emptypeOptionsAll" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in emptypeOptionsAll" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -471,24 +430,18 @@ const computingClickTime = (value: string) => { |
|
|
|
<el-text><svg-icon icon-class="role" class="svg_box"></svg-icon> 入职日期<i class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="entrydatetime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.entrydatetime" |
|
|
|
type="date" |
|
|
|
placeholder="入职日期" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
@change="computingClickTime" |
|
|
|
/> |
|
|
|
<el-date-picker v-model="myContData.entrydatetime" type="date" placeholder="入职日期" format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" style="width: 100%;" size="default" @change="computingClickTime" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="iconfont-riyongbaihuo" class="svg_box"></svg-icon> 试用期(月)<i class="hong_mi">*</i></el-text> |
|
|
|
<el-text><svg-icon icon-class="iconfont-riyongbaihuo" class="svg_box"></svg-icon> 试用期(月)<i |
|
|
|
class="hong_mi">*</i></el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="probationperiod"> |
|
|
|
<el-input-number v-model="myContData.probationperiod" :min="1" placeholder="请输入试用期(月)" style="width:100%" @change="computingTime" /> |
|
|
|
<el-input-number v-model="myContData.probationperiod" :min="1" placeholder="请输入试用期(月)" |
|
|
|
style="width:100%" @change="computingTime" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
@ -496,15 +449,8 @@ const computingClickTime = (value: string) => { |
|
|
|
<el-text><svg-icon icon-class="qxsp" class="svg_box"></svg-icon> 预计转正日期</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.planformaldatetime" |
|
|
|
type="date" |
|
|
|
placeholder="预计转正日期" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
/> |
|
|
|
<el-date-picker v-model="myContData.planformaldatetime" type="date" placeholder="预计转正日期" |
|
|
|
format="YYYY-MM-DD" value-format="YYYY-MM-DD" style="width: 100%;" size="default" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
@ -512,15 +458,8 @@ const computingClickTime = (value: string) => { |
|
|
|
<el-text><svg-icon icon-class="gdqr" class="svg_box"></svg-icon> 参加工作日期</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker |
|
|
|
v-model="myContData.jobstartdatestr" |
|
|
|
type="date" |
|
|
|
placeholder="参加工作日期" |
|
|
|
format="YYYY-MM-DD" |
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
style="width: 100%;" |
|
|
|
size="default" |
|
|
|
/> |
|
|
|
<el-date-picker v-model="myContData.jobstartdatestr" type="date" placeholder="参加工作日期" |
|
|
|
format="YYYY-MM-DD" value-format="YYYY-MM-DD" style="width: 100%;" size="default" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
@ -529,12 +468,7 @@ const computingClickTime = (value: string) => { |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="myContData.isveterans" class="m-2" placeholder="请选是否为退役军人" size="default"> |
|
|
|
<el-option |
|
|
|
v-for="item in yesOrno" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
<el-option v-for="item in yesOrno" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
@ -562,7 +496,21 @@ const computingClickTime = (value: string) => { |
|
|
|
<el-input v-model="myContData.globalroaming" placeholder="请输入国际区号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><el-icon> |
|
|
|
<HomeFilled /> |
|
|
|
</el-icon> 户口类型</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="myContData.natureofAccount" class="m-2" placeholder="请选择户口类型" size="default"> |
|
|
|
<el-option v-for="item in Householdregistration" :key="item.id" :label="item.name" |
|
|
|
:value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><svg-icon icon-class="wechat" class="svg_box"></svg-icon> 绑定微信</el-text> |
|
|
|
@ -579,26 +527,39 @@ const computingClickTime = (value: string) => { |
|
|
|
<el-input v-model="myContData.workwechat" placeholder="请输入绑定企业微信" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item> |
|
|
|
<template #label> |
|
|
|
<el-text><el-icon> |
|
|
|
<Star /> |
|
|
|
</el-icon> 兴趣爱好</el-text> |
|
|
|
</template> |
|
|
|
<el-form-item prop="nameusedbefore"> |
|
|
|
<el-input v-model="myContData.interests" placeholder="请输入兴趣爱好" /> |
|
|
|
</el-form-item> |
|
|
|
</el-descriptions-item> |
|
|
|
|
|
|
|
<el-descriptions-item :span="2"> |
|
|
|
|
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
</el-form> |
|
|
|
<div class="dialog-footer"> |
|
|
|
<el-button type="primary" :loading="editLoading" @click="submitEditMyCont" >确 定</el-button> |
|
|
|
<el-button type="primary" :loading="editLoading" @click="submitEditMyCont">确 定</el-button> |
|
|
|
<el-button @click="handleCloseMyCont">取 消</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<style lang='scss' scoped> |
|
|
|
.el-form-item--default{ |
|
|
|
.el-form-item--default { |
|
|
|
margin-bottom: 0px; |
|
|
|
} |
|
|
|
.dialog-footer{ |
|
|
|
|
|
|
|
.dialog-footer { |
|
|
|
margin-top: 15px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.hong_mi{ |
|
|
|
|
|
|
|
.hong_mi { |
|
|
|
color: #FF0000; |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
|
DESKTOP-CUI7KST\HXGK