|
|
|
@ -8,7 +8,7 @@ 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, userPoliticaloutlook, userConstellationing, userHireclass, emptypeOptionsAll, Householdregistration, yesOrno } from '@/api/hr/people/datacont' |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
editShow: { |
|
|
|
@ -80,17 +80,20 @@ 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) |
|
|
|
@ -131,6 +134,7 @@ onMounted(() => { |
|
|
|
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, |
|
|
|
@ -144,6 +148,7 @@ onMounted(() => { |
|
|
|
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, |
|
|
|
@ -156,6 +161,7 @@ onMounted(() => { |
|
|
|
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, |
|
|
|
@ -212,18 +218,8 @@ const computingClickTime = (value: string) => { |
|
|
|
} |
|
|
|
</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 userPoliticaloutlook" :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="请输入身份证号" /> |
|
|
|
@ -330,15 +302,8 @@ const computingClickTime = (value: string) => { |
|
|
|
<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-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> |
|
|
|
@ -346,15 +311,8 @@ const computingClickTime = (value: string) => { |
|
|
|
<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-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,7 +341,8 @@ 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-input v-model="myContData.currentresidence" placeholder="请输入现居住地" /> |
|
|
|
@ -405,7 +364,19 @@ const computingClickTime = (value: string) => { |
|
|
|
<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> |
|
|
|
@ -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-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> |
|
|
|
@ -563,6 +497,20 @@ const computingClickTime = (value: string) => { |
|
|
|
</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> |
|
|
|
@ -580,6 +528,17 @@ const computingClickTime = (value: string) => { |
|
|
|
</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> |
|
|
|
@ -594,10 +553,12 @@ const computingClickTime = (value: string) => { |
|
|
|
.el-form-item--default { |
|
|
|
margin-bottom: 0px; |
|
|
|
} |
|
|
|
|
|
|
|
.dialog-footer { |
|
|
|
margin-top: 15px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
.hong_mi { |
|
|
|
color: #FF0000; |
|
|
|
margin-left: 5px; |
|
|
|
|