You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
566 lines
25 KiB
566 lines
25 KiB
<!--
|
|
@ 作者: 秦东
|
|
@ 时间: 2023-06-18 08:41:31
|
|
@ 备注: 编辑员工信息
|
|
-->
|
|
<script lang='ts' setup>
|
|
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, userPoliticaloutlook, userConstellationing, userHireclass, emptypeOptionsAll, Householdregistration, yesOrno } from '@/api/hr/people/datacont'
|
|
|
|
const props = defineProps({
|
|
editShow: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
usercont: {
|
|
type: Object,
|
|
default() {
|
|
return {}
|
|
}
|
|
}
|
|
});
|
|
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" }],
|
|
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" }],
|
|
});
|
|
/**
|
|
* 编辑控制
|
|
*/
|
|
const boxShow = computed({
|
|
get: () => props.editShow,
|
|
set: (val) => {
|
|
emits("update:editShow", val);
|
|
},
|
|
});
|
|
/**
|
|
* 提交
|
|
*/
|
|
function submitEditMyCont() {
|
|
// console.log("提交数据--myContData-->",myContData)
|
|
editLoading.value = true;
|
|
editPostFormRef.value.validate((isValid: boolean) => {
|
|
if (isValid) {
|
|
submitEditCont.id = myContData.idstr
|
|
submitEditCont.name = myContData.name
|
|
submitEditCont.mobilephone = myContData.mobilephone
|
|
submitEditCont.idcardno = myContData.idcardno
|
|
submitEditCont.entrydatetime = myContData.entrydatetime
|
|
submitEditCont.probationperiod = myContData.probationperiod
|
|
submitEditCont.confirmationdate = myContData.planformaldatetime
|
|
submitEditCont.jobstartdatestr = myContData.jobstartdatestr
|
|
submitEditCont.nameusedbefore = myContData.nameusedbefore
|
|
submitEditCont.gender = myContData.gender
|
|
submitEditCont.myfolk = myContData.myfolk
|
|
submitEditCont.politicaloutlook = myContData.politicaloutlook
|
|
submitEditCont.health = myContData.health
|
|
submitEditCont.birthdaytime = myContData.birthdaytime
|
|
submitEditCont.idcardstarttimedata = myContData.idcardstarttimedata
|
|
submitEditCont.idcardendtimedata = myContData.idcardendtimedata
|
|
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(() => {
|
|
ElMessage.success("编辑成功");
|
|
emits("refreshcontdata", myContData);
|
|
emits("update:editShow", false);
|
|
})
|
|
.finally(() => { editLoading.value = false; })
|
|
}
|
|
});
|
|
}
|
|
/**
|
|
* 取消修改
|
|
*/
|
|
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.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)
|
|
}
|
|
/**
|
|
* 选择入职时间
|
|
*/
|
|
const computingClickTime = (value: string) => {
|
|
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-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="user" class="svg_box"></svg-icon> 姓名<i class="hong_mi">*</i></el-text>
|
|
</template>
|
|
<el-form-item prop="name">
|
|
<el-input v-model="myContData.name" placeholder="请输入姓名" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="uv" class="svg_box"></svg-icon> 曾用名</el-text>
|
|
</template>
|
|
<el-form-item>
|
|
<el-input v-model="myContData.nameusedbefore" placeholder="请输入曾用名" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="gender" class="svg_box"></svg-icon> 性别<i class="hong_mi">*</i></el-text>
|
|
</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-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>
|
|
</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-select>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="marriageregistration" class="svg_box"></svg-icon> 婚姻状况</el-text>
|
|
</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-select>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="zhengzhi" class="svg_box"></svg-icon> 政治面貌</el-text>
|
|
</template>
|
|
<el-form-item>
|
|
<el-select v-model="myContData.politicaloutlook" class="m-2" placeholder="请选择政治面貌" size="default">
|
|
<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>
|
|
</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-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>
|
|
</template>
|
|
<el-form-item prop="idcardno">
|
|
<el-input v-model="myContData.idcardno" placeholder="请输入身份证号" />
|
|
</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.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-descriptions-item>
|
|
<el-descriptions-item :span="2">
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="0213-lmp" class="svg_box"></svg-icon> 身份证地址</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<el-input v-model="myContData.idcardaddress" placeholder="请输入身份证地址" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="archives" class="svg_box"></svg-icon> 身份证签发机关</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<el-input v-model="myContData.idcardIssued" placeholder="请输入身份证签发机关" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="phone" class="svg_box"></svg-icon> 手机号码<i class="hong_mi">*</i></el-text>
|
|
</template>
|
|
<el-form-item prop="mobilephone">
|
|
<el-input v-model="myContData.mobilephone" placeholder="请输入手机号码" />
|
|
</el-form-item>
|
|
</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>
|
|
</template>
|
|
<el-form-item prop="currentresidence">
|
|
<el-input v-model="myContData.currentresidence" placeholder="请输入现居住地" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="email" class="svg_box"></svg-icon> 电子邮件</el-text>
|
|
</template>
|
|
<el-form-item>
|
|
<el-input v-model="myContData.email" placeholder="请输入电子邮件" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="phone" class="svg_box"></svg-icon> 内线电话</el-text>
|
|
</template>
|
|
<el-form-item>
|
|
<el-input v-model="myContData.internaltelephone" placeholder="请输入内线电话" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<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-input v-model="myContData.nativeplace" placeholder="请输入籍贯" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="qxsp" class="svg_box"></svg-icon> 民族<i class="hong_mi">*</i></el-text>
|
|
</template>
|
|
<el-form-item prop="myfolk">
|
|
<el-input v-model="myContData.myfolk" placeholder="请输入民族" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="xingzuo" class="svg_box"></svg-icon> 星座</el-text>
|
|
</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-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>
|
|
</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-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>
|
|
</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-select>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<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-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>
|
|
</template>
|
|
<el-form-item prop="probationperiod">
|
|
<el-input-number v-model="myContData.probationperiod" :min="1" placeholder="请输入试用期(月)"
|
|
style="width:100%" @change="computingTime" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<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-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<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-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="tyjr" class="svg_box"></svg-icon> 是否为退役军人</el-text>
|
|
</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-select>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="number" class="svg_box"></svg-icon> 退役证编号</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<el-input v-model="myContData.veteransnumber" placeholder="请输入退役证编号" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="number" class="svg_box"></svg-icon> 护照号码</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<el-input v-model="myContData.passportno" placeholder="请输入护照号码" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="number" class="svg_box"></svg-icon> 国际区号</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<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>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<el-input v-model="myContData.wechat" placeholder="请输入绑定微信" />
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item>
|
|
<template #label>
|
|
<el-text><svg-icon icon-class="workwechat" class="svg_box"></svg-icon> 绑定企业微信</el-text>
|
|
</template>
|
|
<el-form-item prop="nameusedbefore">
|
|
<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 @click="handleCloseMyCont">取 消</el-button>
|
|
</div>
|
|
</template>
|
|
<style lang='scss' scoped>
|
|
.el-form-item--default {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.dialog-footer {
|
|
margin-top: 15px;
|
|
text-align: right;
|
|
}
|
|
|
|
.hong_mi {
|
|
color: #FF0000;
|
|
margin-left: 5px;
|
|
}
|
|
</style>
|
|
|