<!--
@ 作者: 秦东
@ 时间: 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,userPoliticaloutloo,userConstellationing,userHireclass,emptypeOptionsAll,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.nativeplace = myContData.nativeplace
			submitEditCont.email = myContData.email
			submitEditCont.internaltelephone = myContData.internaltelephone
			submitEditCont.hireclass = myContData.hireclass
			submitEditCont.emptype = myContData.emptype
			submitEditCont.isveterans = myContData.isveterans
			submitEditCont.veteransnumber = myContData.veteransnumber
			submitEditCont.passportno = myContData.passportno
			submitEditCont.globalroaming = myContData.globalroaming
			submitEditCont.wechat = myContData.wechat
			submitEditCont.workwechat = myContData.workwechat
			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.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      //
});
/**
 * 计算时间
 */
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 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>
				</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 :span="2">
				<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><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 :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>
