hxgksystemapp/src/views/hr/archives/basicinformation/editcontent.vue

<!--
@ 作者: 秦东
@ 时间: 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">
				&nbsp;
			</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>