<%--suppress ALL --%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>员工信息管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
        var validateForm;
        function doSubmit(obj){//回调函数，在编辑和保存动作时，供openDialog调用提交表单。
            if(obj == 2){//驳回
                $("#inputForm").attr("action","${ctx}/workstaff/workStaffBasicInfo/back");
            }else{
                $("#inputForm").attr("action","${ctx}/workstaff/workStaffBasicInfo/pass");
            }
            if(validateForm.form()){
                $("#inputForm").submit();
                return true;
            }else {
                parent.layer.msg("信息未填写完整!", {icon: 5});
            }
            return false;
        }
		function basicInfo(){
		    var achiveId=$("#id").val();
            $(".basicInfo").each(function () {
                var name =  $(this).attr("name");
                if(name=='nativePlace.id'){
                    name='nativePlace';
                }
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getChange',
                    data:{ "name":name, "achiveId":achiveId},
                    success:function(data) {
                        if(data.newValue!=null){
                            if(name=='nativePlace'){//地区
                                $("#nativePlaceId").val(data.newKey);
                                $("#nativePlaceName").val(data.newValue);
                                $("#nativePlaceName").css("color","red");
                            }else if(name=="picture"){
                                $("#this_upload_image_1").prop("src",data.newValue);
                                $("#picture").val(data.newValue);
                                // this_upload_show_image("1");
                            }else{
                                if(name=='exSoldier'){
                                    $("#exSoldierId").val(data.newValue);
                                    $("#exSoldierId").css("color","red");
                                    $("#exSoldier").val(data.newKey);
                                }else{
                                    $("#"+name).val(data.newValue);
                                    $("#"+name).css("color","red");
                                }
                            }
                        }
                    }
                });
            })
        }
        function eduInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#educationList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#educationList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'教育经历'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function languageInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#languageList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#languageList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'外语语种'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function experienceInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#experienceList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#experienceList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'工作经历'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function certificateInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#certificateList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#certificateList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'执业资格证书'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function titleInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#titleList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#titleList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'职称'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function familyInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#familyList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#familyList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'家庭情况'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function trainingInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#trainingList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#trainingList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'培训经历'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function socialInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#socialPositionList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#socialPositionList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'社会及行业职务'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function rewardsInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#rewardsList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#rewardsList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'奖惩情况'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function achievementInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#achievementList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#achievementList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'工作业绩'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }
        function recordInfo(){
            var achiveId=$("#id").val();
            var idx1 = $("#recordList tr").length;
            for(var i=0;i<idx1;i++){
                var id=$("#recordList"+i+"_id").val();
                $.ajax({
                    type:'post',
                    url:'${ctx}/workstaff/workStaffBasicInfo/getEdu',
                    async: false,
                    data:{ "id":id, "achiveId":achiveId,"module":'电子档案'},
                    success:function(data) {
                        if(data){
                            $("#"+id).css("color","red");
                        }
                    }
                });
            }
        }

		$(document).ready(function() {
            basicInfo();//基本信息
            eduInfo();//教育经历
            languageInfo();//外语语种
            experienceInfo();//工作经历
            certificateInfo();//执业资格证书
            titleInfo();//职称
            familyInfo();//家庭情况
            trainingInfo();//培训经历
            socialInfo();//社会及行业职务
            rewardsInfo();//奖惩情况
            achievementInfo();//工作业绩
            recordInfo();//电子档案
			validateForm = $("#inputForm").validate({
				submitHandler: function(form){
					loading('正在提交，请稍等...');
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
		});
	</script>
    <script type="text/javascript">
        //上传用户头像
        function this_upload_image_button(index){
            $("#this_upload_file_"+index).click();
        }
        function this_upload_show_image(index){
            var obj =$("#this_upload_file_"+index)[0].files[0];
            var fileType = obj.type;
            if(obj.size>100*1024){
                layer.msg("请上传100KB内图片格式文件!",{icon:2});
                return false ;
            }
            var url ;
            if((fileType.indexOf("png")>=0||fileType.indexOf("bmp")>=0||fileType.indexOf("jpg")>=0||fileType.indexOf("jpeg")>=0)){
                url = window.URL.createObjectURL(obj);
            }else {
                /*$("#this_upload_msg").css({"color":"red"});*/
                this_close_img(index);
                layer.msg("请上传图片格式文件!",{icon:2});
                return false ;
            }
            /*$("#this_upload_msg" + "index").removeAttr("style");*/
            $("#this_upload_image_"+index).attr("src",url);

            var span = '<span id="this_upload_close_'+index+'" class="pic_close glyphicon glyphicon-remove" onclick="this_close_img('+index+');"></span>';
            $("#this_upload_image_" + index).before(span);
        }

        function this_close_img(index) {
            $("#this_upload_div_"+index).remove();
            this_add_div(index);
        }

        function this_add_div(index) {
            var this_upload_div_1 =
                '<div id="this_upload_div_'+ index + '" style="position:relative;">'+
                '<img  id="this_upload_image_' + index + '" class="upload_ico" style="cursor:pointer;"  src="${pageContext.request.contextPath}/static/common/img/pic_add.png"  onclick="this_upload_image_button('+index+')"/>'+
                '<input id="this_upload_file_'+ index + '" type="file" style="display:none"  name="pictureFile"  onchange="this_upload_show_image('+index+ ')" /><br>'+
                '</div>';
            $("#this_upload_image_div_"+ index).html("").append(this_upload_div_1);
        }

        function this_upload_file_button(id){
            $("#"+id).click();
        }
        function changeFileName(obj,index) {
            var file = obj.files[0];
            var url = null;
            if (window.createObjectURL != undefined) { // basic
                url = window.createObjectURL(file);
            } else if (window.URL != undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file);
            } else if (window.webkitURL != undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file);
            }
            console.log(url);
            var fileType = file.type;
            if(index==1 && (file.size > 100*1024 || !(fileType.indexOf("png")>=0||fileType.indexOf("bmp")>=0||fileType.indexOf("jpg")>=0||fileType.indexOf("jpeg")>=0))){
                layer.msg("请上传100KB内扫描件!",{icon:2});
                return;
            }
            var spanId = $(obj).attr("id") + 'Name' + index;
            var imgStr = '<img src="'+url+'" width="24" height="24" onclick="openDialogView(\'预览\',\'${ctx}/sys/picturepreview/picturePreview?url='+url+'\',\'90%\',\'90%\')" alt="'+file.name+'">';
            $('#'+spanId).html(imgStr);
        }
    </script>
</head>
<body>
    <div class="single-form">
        <div class="container view-form">
            <form:form id="inputForm" modelAttribute="workStaffBasicInfo" action="${ctx}/workstaff/workStaffBasicInfo/saveAchiveBack" enctype="multipart/form-data" method="post" class="form-horizontal">
                <form:hidden path="id"/>
                <form:hidden path="userId"/>
                <form:hidden path="home"/>
                <div class="form-group layui-row first">
                    <div class="form-group-label"><h2>基本信息</h2></div>
                    <div class="layui-item layui-col-sm6 lw7" style="padding-right: 0;">
                        <div class="layui-item layui-col-sm12">
                            <label class="layui-form-label"><span class="require-item">*</span>工    号：</label>
                            <div class="layui-input-block">
                                <form:input path="no" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
                            </div>
                        </div>
                        <div class="layui-item layui-col-sm12">
                            <label class="layui-form-label"><span class="require-item">*</span>性    别：</label>
                            <div class="layui-input-block">
                                <input value="${fns:getDictLabel(workStaffBasicInfo.gender,'sex','')}" type="text" readonly="true" class="form-control  layui-input" />
                                <input name="gender" value="${workStaffBasicInfo.gender}" type="hidden" readonly="true" class="form-control  layui-input" />
                            </div>
                        </div>
                        <div class="layui-item layui-col-sm12">
                            <label class="layui-form-label"><span class="require-item">*</span>身份证号码：</label>
                            <div class="layui-input-block">
                                <form:input path="idCard" htmlEscape="false" onchange="caculateAge(this.value);" readonly="true" class="form-control idCard layui-input required"/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <div style="margin-right: 120px;">
                            <div class="layui-item layui-col-sm12">
                                <label class="layui-form-label"><span class="require-item">*</span>姓    名：</label>
                                <div class="layui-input-block">
                                    <form:input path="name" htmlEscape="false" readonly="true" class="form-control layui-input required"/>
                                </div>
                            </div>
                            <div class="layui-item layui-col-sm12">
                                <label class="layui-form-label"><span class="require-item">*</span>民    族：</label>
                                <div class="layui-input-block">
                                    <input value="${fns:getDictLabel(workStaffBasicInfo.nation,'nation_type','')}" type="text" readonly="true" class="form-control  layui-input" />
                                    <input name="nation" value="${workStaffBasicInfo.nation}" type="hidden" readonly="true" class="form-control  layui-input" />
                                </div>
                            </div>
                            <div class="layui-item layui-col-sm12">
                                <label class="layui-form-label"><span class="require-item">*</span>年    龄：</label>
                                <div class="layui-input-block">
                                    <form:input path="age" htmlEscape="false" readonly="true" class="form-control  layui-input required"/>
                                </div>
                            </div>
                        </div>
                        <div class="profile_box_wrapper">
                            <div class="profile_box">
                                <div id="this_upload_image_div_1">
                                    <div id="this_upload_div_1" style="position:relative;">
                                        <c:choose>
                                            <c:when test="${not empty workStaffBasicInfo.picture}">
                                                <span id="this_upload_close_1" class="pic_close glyphicon glyphicon-remove" onclick="this_close_img(1)"></span>
                                                <img alt="_blank" id="this_upload_image_1" class="upload_ico" style="cursor:pointer;"  src="${workStaffBasicInfo.picture}"/>
                                            </c:when>
                                            <c:otherwise>
                                                <img alt="_blank" id="this_upload_image_1" name="pictureFile" class="upload_ico" style="cursor:pointer;"  src="${pageContext.request.contextPath}/static/common/img/pic_add.png"/>
                                            </c:otherwise>
                                        </c:choose>
                                        <input id="picture" type="text" name="picture" style="display: none" class="basicInfo">
                                        <input id="this_upload_file_1" type="file" style="display:none"  name="pictureFile"  onchange="this_upload_show_image(1)"  class="form-control"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>出生日期：</label>
                        <div class="layui-input-block">
                            <input name="birthday" value="<fmt:formatDate value="${workStaffBasicInfo.birthday}" pattern="yyyy-MM-dd"/>" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>公历/农历：</label>
                        <div class="layui-input-block">
                            <input value="${fns:getDictLabel(workStaffBasicInfo.calendar,'calendar_type','')}" type="text" readonly="true" class="form-control  layui-input" />
                            <input value="${workStaffBasicInfo.calendar}" type="hidden" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">电子邮箱：</label>
                        <div class="layui-input-block">
                            <form:input path="email" htmlEscape="false" readonly="true" class="form-control layui-input email"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>移动电话：</label>
                        <div class="layui-input-block">
                            <form:input path="mobile" htmlEscape="false" readonly="true" class="form-control layui-input required isPhone"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>归属部门：</label>
                        <div class="layui-input-block">
                            <input name="office.name" value="${workStaffBasicInfo.office.name}" type="text" readonly="true" class="form-control  layui-input" />
                            <input name="office.id" value="${workStaffBasicInfo.office.id}" type="hidden" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">职    位：</label>
                        <div class="layui-input-block">
                            <input name="duty" value="${workStaffBasicInfo.duty}" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">职    级：</label>
                        <div class="layui-input-block with-icon">
                            <form:input path="jobGrade.name" htmlEscape="false"  readonly="true"  class="form-control layui-input "/>
                            <form:hidden path="jobGrade.id" htmlEscape="false"  readonly="true"  class="form-control layui-input "/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>基本工资：</label>
                        <div class="layui-input-block with-icon">
                            <input id="salary" htmlEscape="false" readonly value="<fmt:formatNumber pattern="#,##0.00#" value="${workStaffBasicInfo.salary}"/>" class="form-control layui-input"/>
                        </div>
                    </div>
                    <%--<div class="layui-item layui-col-sm6 lw7">--%>
                        <%--<label class="layui-form-label double-line"><span class="require-item">*</span>是否 TS人员：</label>--%>
                        <%--<div class="layui-input-block">--%>
                            <%--<input value="${fns:getDictLabel(workStaffBasicInfo.ts,'yes_no','')}" type="text" readonly="true" class="form-control  layui-input" />--%>
                            <%--<input name="ts" value="${workStaffBasicInfo.ts}" type="hidden" readonly="true" class="form-control  layui-input" />--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>员工状态：</label>
                        <div class="layui-input-block">
                            <input name="status" value="${workStaffBasicInfo.status}" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>入职日期：</label>
                        <div class="layui-input-block">
                            <input name="entryDate" value="<fmt:formatDate value="${workStaffBasicInfo.entryDate}" pattern="yyyy-MM-dd"/>" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label double-line"><span class="require-item">*</span>参加工作日期：</label>
                        <div class="layui-input-block">
                            <input name="workDate" value="<fmt:formatDate value="${workStaffBasicInfo.workDate}" pattern="yyyy-MM"/>" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">开户银行：</label>
                        <div class="layui-input-block">
                            <input name="bankName" value="${workStaffBasicInfo.bankName}" type="text" readonly="true" class="form-control  layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">银行卡号：</label>
                        <div class="layui-input-block">
                            <form:input path="bankCard" htmlEscape="false" readonly="true" class="form-control layui-input digits"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>婚姻状况：</label>
                        <div class="layui-input-block">
                            <input id="marriage" name="marriage" value="${workStaffBasicInfo.marriage}" type="text" readonly="true" class="form-control basicInfo layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label"><span class="require-item">*</span>政治面貌：</label>
                        <div class="layui-input-block">
                            <input id="politics" name="politics" value="${workStaffBasicInfo.politics}"  readonly="true" class="form-control basicInfo layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label double-line">是否退伍军人：</label>
                        <div class="layui-input-block">
                            <input id="exSoldierId" value="${fns:getDictLabel(workStaffBasicInfo.exSoldier,'yes_no','')}" type="text" readonly="true" class="form-control layui-input" />
                            <input  id="exSoldier" name="exSoldier" value="${workStaffBasicInfo.exSoldier}" type="hidden" readonly="true" class="form-control basicInfo layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">常住地址：</label>
                        <div class="layui-input-block">
                            <form:input path="address" htmlEscape="false" readonly="true" class="form-control layui-input basicInfo"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">籍    贯：</label>
                        <div class="layui-input-block ">
                            <input id="nativePlaceName" name="nativePlace.name" value="${workStaffBasicInfo.nativePlace.name}" type="text" readonly="true" class="form-control  layui-input" />
                            <input id="nativePlaceId" name="nativePlace.id" value="${workStaffBasicInfo.nativePlace.id}" type="hidden" readonly="true" class="form-control basicInfo layui-input" />
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">户口所在地：</label>
                        <div class="layui-input-block">
                            <form:input path="household" htmlEscape="false" class="form-control layui-input basicInfo"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label double-line"><span class="require-item">*</span>从事本行业日期：</label>
                        <div class="layui-input-block">
                            <input id="industryDate" name="industryDate" type="text" maxlength="20" readonly class="laydate-icondate form-control layui-input layer-date laydate-icon required basicInfo"
                                   value="<fmt:formatDate value="${workStaffBasicInfo.industryDate}" pattern="yyyy-MM"/>"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label double-line">试用期结束日期：</label>
                        <div class="layui-input-block">
                            <input id="tryEndTime" name="tryEndTime" type="text" maxlength="20" readonly class="form-control layui-input"
                                   value="<fmt:formatDate value="${workStaffBasicInfo.tryEndTime}" pattern="yyyy-MM-dd"/>"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label">离职日期：</label>
                        <div class="layui-input-block">
                            <input id="dimissionDate"  type="text" maxlength="20" readonly class="form-control layui-input"
                                   value="<fmt:formatDate value="${workStaffBasicInfo.dimissionDate}" pattern="yyyy-MM-dd"/>"/>
                        </div>
                    </div>
                    <div class="layui-item layui-col-sm6 lw7">
                        <label class="layui-form-label double-line">考勤截止日期：</label>
                        <div class="layui-input-block">
                            <input id="workEndDate"  type="text" maxlength="20" readonly class="form-control layui-input"
                                   value="<fmt:formatDate value="${workStaffBasicInfo.workEndDate}" pattern="yyyy-MM-dd"/>"/>
                        </div>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>教育经历</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="educationTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="10%"><span class="require-item">*</span>毕业院校</th>
                                <th width="10%">所学专业</th>
                                <th width="12%"><span class="require-item">*</span>学    历</th>
                                <th width="8%">学    位</th>
                                <th width="8%"><span class="require-item">*</span>学历性质</th>
                                <th width="11%"><span class="require-item">*</span>入学日期</th>
                                <th width="11%">毕业日期</th>
                                <th width="10%">学历证书</th>
                                <th width="10%">学位证书</th>
                            </tr>
                            </thead>
                            <tbody id="educationList">
                            <c:forEach items="${workStaffBasicInfo.educationList}" var="education" varStatus="varStatus">
                                <tr id="${education.id}">
                                    <td class="hide">
                                        <input type="hidden" id="educationList${varStatus.index}_id" name="educationList[${varStatus.index}].id" value="${education.id}">
                                        <input id="educationList${varStatus.index}_delFlag" name="educationList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="educationList${varStatus.index}_degreePhoto" name="educationList[${varStatus.index}].degreePhoto" type="hidden" value="${education.degreePhoto}"/>
                                        <input id="educationList${varStatus.index}_eduPhoto" name="educationList[${varStatus.index}].eduPhoto" type="hidden" value="${education.eduPhoto}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="educationList${varStatus.index}_school" name="educationList[${varStatus.index}].school" readonly="true" htmlEscape="false" value="${education.school}" class="form-control required"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="educationList${varStatus.index}_major" name="educationList[${varStatus.index}].major" readonly="true" htmlEscape="false" value="${education.major}" class="form-control"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input  id="educationList${varStatus.index}_edu" value="${fns:getDictLabel(education.edu,'education_level','')}" type="text" readonly="true" class="form-control layui-input" />
                                        <input name="educationList[${varStatus.index}].edu" value="${education.edu}" type="hidden" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input  id="educationList${varStatus.index}_degree" value="${fns:getDictLabel(education.degree,'degree_level','')}" type="text" readonly="true" class="form-control layui-input" />
                                        <input name="educationList[${varStatus.index}].degree" value="${education.degree}" type="hidden" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input  id="educationList${varStatus.index}_eduType" value="${fns:getDictLabel(education.eduType,'edu_type','')}" type="text" readonly="true" class="form-control layui-input" />
                                        <input name="educationList[${varStatus.index}].eduType" value="${education.eduType}" type="hidden" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="educationList${varStatus.index}_startDate" name="educationList[${varStatus.index}].startDate"  type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate required"
                                               value="<fmt:formatDate value="${education.startDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="educationList${varStatus.index}_endDate" name="educationList[${varStatus.index}].endDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                               value="<fmt:formatDate value="${education.endDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="educationList${varStatus.index}_eduPhotoFileName1"><c:if test="${not empty education.eduPhoto}"><img src="${education.eduPhoto}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${education.eduPhoto}','90%','90%')" alt=""></c:if></span>
                                        <input id="educationList${varStatus.index}_eduPhotoFile" name="educationList[${varStatus.index}].eduPhotoFile" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="educationList${varStatus.index}_degreePhotoFileName1"><c:if test="${not empty education.degreePhoto}"><img src="${education.degreePhoto}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${education.degreePhoto}','90%','90%')" alt=""></c:if></span>
                                        <input id="educationList${varStatus.index}_degreePhotoFile" name="educationList[${varStatus.index}].degreePhotoFile" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>劳动关系</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="labourTable" class="table table-bordered table-condensed details">
                            <thead>
                            <tr>
                                <th width="12%">合同类型</th>
                                <th width="12%">合同编号</th>
                                <th width="12%">合同期限</th>
                                <th width="11%">合同起始日期</th>
                                <th width="11%">合同终止日期</th>
                                <th width="11%">试用期结束日期</th>
                                <th width="11%">办理日期</th>
                                <th width="20%">文件</th>
                            </tr>
                            </thead>
                            <tbody id="labourList">
                            <c:forEach items="${workStaffBasicInfo.labourList}" var="buyDetails" varStatus="status">
                                <tr>
                                    <td>${fns:getDictLabel(buyDetails.contractType, 'relsp_cType', '')}</td>
                                    <td>${buyDetails.contractNum}</td>
                                    <td>${fns:getDictLabel(buyDetails.contractLimit, 'contract_limit', '')}</td>
                                    <td><fmt:formatDate value="${buyDetails.contractStartTime}" pattern="yyyy-MM-dd"/></td>
                                    <td><fmt:formatDate value="${buyDetails.contractEndTime}" pattern="yyyy-MM-dd"/></td>
                                    <td><fmt:formatDate value="${buyDetails.tryEndTime}" pattern="yyyy-MM-dd"/></td>
                                    <td><fmt:formatDate value="${buyDetails.transactTime}" pattern="yyyy-MM-dd"/></td>
                                        <%--试用期结束时间<td><fmt:formatDate value="${buyDetails.tryEndTime}" pattern="yyyy-MM-dd"/></td>--%>

                                    <c:forEach items="${buyDetails.workAttachments}" var = "workClientAttachment" varStatus="status">
                                        <c:choose>
                                            <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
																		   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
																		   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
																		   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
																		   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
                                                <td><img src="${workClientAttachment.url}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}"></td>
                                            </c:when>
                                            <c:otherwise>
                                                <c:choose>
                                                    <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
                                                        <td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
                                                    </c:otherwise>
                                                </c:choose>
                                            </c:otherwise>
                                        </c:choose>
                                    </c:forEach>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>外语语种</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="languageTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="20%"><span class="require-item">*</span>语种</th>
                                <th width="15%"><span class="require-item">*</span>熟练程度</th>
                                <th width="20%">证书名称</th>
                                <th width="20%">获证日期</th>
                                <th width="15%">文件</th>
                            </tr>
                            </thead>
                            <tbody id="languageList">
                            <c:forEach items="${workStaffBasicInfo.languageList}" var="language" varStatus="varStatus">
                                <tr id="${language.id}">
                                    <td class="hide">
                                        <input type="hidden" id="languageList${varStatus.index}_id" name="languageList[${varStatus.index}].id" value="${language.id}">
                                        <input id="languageList${varStatus.index}_delFlag" name="languageList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="languageList${varStatus.index}_fileName" name="languageList[${varStatus.index}].fileName" type="hidden" value="${language.fileName}"/>
                                        <input id="languageList${varStatus.index}_filePath" name="languageList[${varStatus.index}].filePath" type="hidden" value="${language.filePath}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input  id="languageList${varStatus.index}_language" value="${fns:getMainDictLabel(language.language,'language','')}" type="text" readonly="true" class="form-control layui-input" />
                                        <input name="languageList[${varStatus.index}].language" value="${language.language}" type="hidden" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input  id="languageList${varStatus.index}_proficiency" value="${fns:getDictLabel(language.proficiency,'proficiency','')}" type="text" readonly="true" class="form-control layui-input" />
                                        <input name="languageList[${varStatus.index}].proficiency" value="${language.proficiency}" type="hidden" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="languageList${varStatus.index}_certificate" name="languageList[${varStatus.index}].certificate" readonly="true" class="form-control" value="${language.certificate}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="languageList${varStatus.index}_certifDate" name="languageList[${varStatus.index}].certifDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                               value="<fmt:formatDate value="${language.certifDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="languageList${varStatus.index}_fileName1"><c:if test="${not empty language.filePath}"><img src="${language.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${language.filePath}','90%','90%')" alt="${language.fileName}"></c:if></span>
                                        <input id="languageList${varStatus.index}_file" name="languageList[${varStatus.index}].file" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>工作经历</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="experienceTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="15%"><span class="require-item">*</span>所在单位</th>
                                <th width="15%"><span class="require-item">*</span>工作部门</th>
                                <th width="14%"><span class="require-item">*</span>职务或岗位</th>
                                <th width="12%"><span class="require-item">*</span>起始日期</th>
                                <th width="12%"><span class="require-item">*</span>终止日期</th>
                                <th width="11%">证明人</th>
                                <th width="11%">证明人联系方式</th>
                            </tr>
                            </thead>
                            <tbody id="experienceList">
                            <c:forEach items="${workStaffBasicInfo.experienceList}" varStatus="varStatus" var="experience">
                                <tr id="${experience.id}">
                                    <td class="hide">
                                        <input id="experienceList${varStatus.index}_id" name="experienceList[${varStatus.index}].id" type="hidden" value="${experience.id}"/>
                                        <input id="experienceList${varStatus.index}_delFlag" name="experienceList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_company" name="experienceList[${varStatus.index}].company" readonly="true" class="form-control required" value="${experience.company}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_dept" name="experienceList[${varStatus.index}].dept" readonly="true" class="form-control required" value="${experience.dept}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_duty" name="experienceList[${varStatus.index}].duty" readonly="true" class="form-control required" value="${experience.duty}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_startDate" name="experienceList[${varStatus.index}].startDate"  type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate required"
                                               value="<fmt:formatDate value="${experience.startDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_endDate" name="experienceList[${varStatus.index}].endDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate required"
                                               value="<fmt:formatDate value="${experience.endDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_certifier" name="experienceList[${varStatus.index}].certifier" readonly="true" class="form-control" value="${experience.certifier}"/>
                                    </td>
                                    <td style="text-align:center;">
                                        <input id="experienceList${varStatus.index}_certifierTel" name="experienceList[${varStatus.index}].certifierTel"  readonly="true" class="form-control" value="${experience.certifierTel}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>执业资格证书</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="certificateTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="10%"><span class="require-item">*</span>证书名称</th>
                                <th width="10%"><span class="require-item">*</span>证书编号</th>
                                <th width="10%"><span class="require-item">*</span>发证机关</th>
                                <th width="11%"><span class="require-item">*</span>发证日期</th>
                                <th width="11%">注册日期</th>
                                <th width="9%">注册证书编号</th>
                                <th width="7%">专业</th>
                                <th width="6%">等级</th>
                                <th width="6%">取得方式</th>
                                <th width="10%">文件</th>
                            </tr>
                            </thead>
                            <tbody id="certificateList">
                            <c:forEach items="${workStaffBasicInfo.certificateList}" var="certificate" varStatus="varStatus">
                                <tr id="${certificate.id}">
                                    <td class="hide">
                                        <input type="hidden" id="certificateList${varStatus.index}_id" name="certificateList[${varStatus.index}].id" value="${certificate.id}">
                                        <input id="certificateList${varStatus.index}_delFlag" name="certificateList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="certificateList${varStatus.index}_fileName" name="certificateList[${varStatus.index}].fileName" type="hidden" value="${certificate.fileName}"/>
                                        <input id="certificateList${varStatus.index}_filePath" name="certificateList[${varStatus.index}].filePath" type="hidden" value="${certificate.filePath}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_name" name="certificateList[${varStatus.index}].name" value="${certificate.name}" type="text" readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_num" name="certificateList[${varStatus.index}].num" readonly="true" class="form-control required" value="${certificate.num}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_issuingAuthority" name="certificateList[${varStatus.index}].issuingAuthority" readonly="true" class="form-control required" value="${certificate.issuingAuthority}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_issuingDate" name="certificateList[${varStatus.index}].issuingDate" type="text"  maxlength="20" class="laydate-icon form-control layer-date laydate-icondate required"
                                               value="<fmt:formatDate value="${certificate.issuingDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_registDate" name="certificateList[${varStatus.index}].registDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                               value="<fmt:formatDate value="${certificate.registDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_registNum" name="certificateList[${varStatus.index}].registNum" readonly="true" class="form-control" value="${certificate.registNum}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_major" name="certificateList[${varStatus.index}].major" readonly="true" class="form-control" value="${certificate.major}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_grade" name="certificateList[${varStatus.index}].grade" readonly="true" class="form-control" value="${certificate.grade}"/>
                                    </td>
                                    <td>
                                        <input id="certificateList${varStatus.index}_issType" name="certificateList[${varStatus.index}].issType" readonly="true" class="form-control required" value="${certificate.issType}"/>
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="certificateList${varStatus.index}_fileName1"><c:if test="${not empty certificate.filePath}"><img src="${certificate.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${certificate.filePath}','90%','90%')" alt=""></c:if></span>
                                        <input id="certificateList${varStatus.index}_file" name="certificateList[${varStatus.index}].file" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>职称</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="titleTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="15%"><span class="require-item">*</span>职称名称</th>
                                <th width="15%"><span class="require-item">*</span>职称等级</th>
                                <th width="15%"><span class="require-item">*</span>取得日期</th>
                                <th width="15%"><span class="require-item">*</span>取得途径</th>
                                <th width="15%"><span class="require-item">*</span>审批单位</th>
                                <th width="15%">文件</th>
                            </tr>
                            </thead>
                            <tbody id="titleList">
                            <c:forEach items="${workStaffBasicInfo.titleList}" var="title" varStatus="varStatus">
                                <tr id="${title.id}">
                                    <td class="hide">
                                        <input type="hidden" id="titleList${varStatus.index}_id" name="titleList[${varStatus.index}].id" value="${title.id}">
                                        <input id="titleList${varStatus.index}_delFlag" name="titleList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="titleList${varStatus.index}_fileName" name="titleList[${varStatus.index}].fileName" type="hidden" value="${title.fileName}"/>
                                        <input id="titleList${varStatus.index}_filePath" name="titleList[${varStatus.index}].filePath" type="hidden" value="${title.filePath}"/>
                                    </td>
                                    <td>
                                        <input id="titleList${varStatus.index}_name" name="titleList[${varStatus.index}].name" readonly="true" class="form-control required" value="${title.name}"/>
                                    </td>
                                    <td>
                                        <input id="titleList${varStatus.index}_grade" name="titleList[${varStatus.index}].grade" readonly="true" class="form-control required" value="${title.grade}"/>
                                    </td>
                                    <td>
                                        <input id="titleList${varStatus.index}_startDate" name="titleList[${varStatus.index}].startDate" type="text" readonly="true" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate required"
                                               value="<fmt:formatDate value="${title.startDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td>
                                        <input id="titleList${varStatus.index}_pathway" name="titleList[${varStatus.index}].pathway" readonly="true" class="form-control required" value="${title.pathway}"/>
                                    </td>
                                    <td>
                                        <input id="titleList${varStatus.index}_approvalAuthority" name="titleList[${varStatus.index}].approvalAuthority" readonly="true" class="form-control required" value="${title.approvalAuthority}"/>
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="titleList${varStatus.index}_fileName1"><c:if test="${not empty title.filePath}"><img src="${title.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${title.filePath}','90%','90%')" alt=""></c:if></span>
                                        <input id="titleList${varStatus.index}_file" name="titleList[${varStatus.index}].file" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>家庭情况</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="familyTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="15%"><span class="require-item">*</span>与本人的关系</th>
                                <th width="20%"><span class="require-item">*</span>成员姓名</th>
                                <th width="25%"><span class="require-item">*</span>身份证号码</th>
                                <th width="10%"><span class="require-item">*</span>成员性别</th>
                                <th width="20%"><span class="require-item">*</span>成员联系方式</th>
                            </tr>
                            </thead>
                            <tbody id="familyList">
                            <c:forEach items="${workStaffBasicInfo.familyList}" var="family" varStatus="varStatus">
                                <tr id="${family.id}">
                                    <td class="hide">
                                        <input id="familyList${varStatus.index}_id" name="familyList[${varStatus.index}].id" type="hidden" value="${family.id}"/>
                                        <input id="familyList${varStatus.index}_delFlag" name="familyList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                    </td>
                                    <td>
                                        <input id="familyList${varStatus.index}_relation" name="familyList[${varStatus.index}].relation" readOnly="true" class="form-control required" value="${family.relation}"/>
                                    </td>
                                    <td>
                                        <input id="familyList${varStatus.index}_name" name="familyList[${varStatus.index}].name" readOnly="true" class="form-control required" value="${family.name}"/>
                                    </td>
                                    <td>
                                        <input id="familyList${varStatus.index}_idCard" name="familyList[${varStatus.index}].idCard" readOnly="true" class="form-control required idCard" value="${family.idCard}"/>
                                    </td>
                                    <td>
                                        <input id="familyList${varStatus.index}_gender" name="familyList[${varStatus.index}].gender" readOnly="true" class="form-control required" value="${family.gender}"/>
                                    </td>
                                    <td>
                                        <input id="familyList${varStatus.index}_contact" name="familyList[${varStatus.index}].contact" readOnly="true" class="form-control required" value="${family.contact}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>培训经历</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="trainingTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="9%"><span class="require-item">*</span>培训名称</th>
                                <th width="9%">培训机构</th>
                                <th width="9%">培训地点</th>
                                <th width="11%">培训起始日期</th>
                                <th width="11%">培训终止日期</th>
                                <th width="9%"><span class="require-item">*</span>培训类型</th>
                                <th width="5%">学时</th>
                                <th width="10%"><span class="require-item">*</span>所获证书</th>
                                <th width="10%">文件</th>
                                <th width="7%">备注</th>
                            </tr>
                            </thead>
                            <tbody id="trainingList">
                            <c:forEach items="${workStaffBasicInfo.trainingList}" var="training" varStatus="varStatus">
                                <tr id="${training.id}">
                                    <td class="hide">
                                        <input type="hidden" id="trainingList${varStatus.index}_id" name="trainingList[${varStatus.index}].id" value="${training.id}">
                                        <input id="trainingList${varStatus.index}_delFlag" name="trainingList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="trainingList${varStatus.index}_fileName" name="trainingList[${varStatus.index}].fileName" type="hidden" value="${training.fileName}"/>
                                        <input id="trainingList${varStatus.index}_filePath" name="trainingList[${varStatus.index}].filePath" type="hidden" value="${training.filePath}"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_name" name="trainingList[${varStatus.index}].name" readonly="true" class="form-control required" value="${training.name}"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_agency" name="trainingList[${varStatus.index}].agency" readonly="true" class="form-control" value="${training.agency}"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_address" name="trainingList[${varStatus.index}].address" readonly="true" class="form-control" value="${training.address}"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_startDate" name="trainingList[${varStatus.index}].startDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                               value="<fmt:formatDate value="${training.startDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_endDate" name="trainingList[${varStatus.index}].endDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                               value="<fmt:formatDate value="${training.endDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_type" name="trainingList[${varStatus.index}].type" value="${training.type}"  readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_hours" name="trainingList[${varStatus.index}].hours" readonly="true" class="form-control" value="${training.hours}"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_certificate" name="trainingList[${varStatus.index}].certificate" readonly="true" class="form-control required" value="${training.certificate}"/>
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="trainingList${varStatus.index}_fileName1"><c:if test="${not empty training.filePath}"><img src="${training.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${training.filePath}','90%','90%')" alt=""></c:if></span>
                                        <input id="trainingList${varStatus.index}_file" name="trainingList[${varStatus.index}].file" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                    <td>
                                        <input id="trainingList${varStatus.index}_remarks" name="trainingList[${varStatus.index}].remarks" class="form-control" value="${training.remarks}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>社会及行业职务</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="socialPositionTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="27%"><span class="require-item">*</span>职务名称</th>
                                <th width="20%">任职开始日期</th>
                                <th width="20%">任职结束日期</th>
                                <th width="23%">任职机构</th>
                            </tr>
                            </thead>
                            <tbody id="socialPositionList">
                            <c:forEach items="${workStaffBasicInfo.socialPositionList}" varStatus="varStatus" var="socialPosition">
                            <tr id="${socialPosition.id}">
                                <td class="hide">
                                    <input id="socialPositionList${varStatus.index}_id" name="socialPositionList[${varStatus.index}].id" type="hidden" value="${socialPosition.id}"/>
                                    <input id="socialPositionList${varStatus.index}_delFlag" name="socialPositionList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                </td>
                                <td>
                                    <input id="socialPositionList${varStatus.index}_name" name="socialPositionList[${varStatus.index}].name" readonly="true" class="form-control required" value="${socialPosition.name}"/>
                                </td>
                                <td>
                                    <input id="socialPositionList${varStatus.index}_startDate" name="socialPositionList[${varStatus.index}].startDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                           value="<fmt:formatDate value="${socialPosition.startDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                </td>
                                <td>
                                    <input id="socialPositionList${varStatus.index}_endDate" name="socialPositionList[${varStatus.index}].endDate" type="text" maxlength="20" class="laydate-icon form-control layer-date laydate-icondate"
                                           value="<fmt:formatDate value="${socialPosition.endDate}" pattern="yyyy-MM-dd"/>" readOnly="true" />
                                </td>
                                <td>
                                    <input id="socialPositionList${varStatus.index}_organization" name="socialPositionList[${varStatus.index}].organization" readonly="true" class="form-control" value="${socialPosition.organization}"/>
                                </td>
                            </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>奖惩情况</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="rewardsTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="10%"><span class="require-item">*</span>奖惩类型</th>
                                <th width="15%"><span class="require-item">*</span>奖惩名称</th>
                                <th width="15%"><span class="require-item">*</span>时间</th>
                                <th width="13%">级别</th>
                                <th width="20%"><span class="require-item">*</span>原因</th>
                                <th width="17%"><span class="require-item">*</span>授予机构</th>
                            </tr>
                            </thead>
                            <tbody id="rewardsList">
                            <c:forEach items="${workStaffBasicInfo.rewardsList}" varStatus="varStatus" var="rewards">
                                <tr id="${rewards.id}">
                                    <td class="hide">
                                        <input id="rewardsList${varStatus.index}_id" name="rewardsList[${varStatus.index}].id" type="hidden" value="${rewards.id}"/>
                                        <input id="rewardsList${varStatus.index}_delFlag" name="rewardsList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_type" name="rewardsList[${varStatus.index}].type" readOnly="true" class="form-control required" value="${rewards.type}"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_name" name="rewardsList[${varStatus.index}].name" readOnly="true" class="form-control required" value="${rewards.name}"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_atTime" name="rewardsList[${varStatus.index}].atTime" readOnly="true" class="form-control required" value="${rewards.atTime}"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_grade" name="rewardsList[${varStatus.index}].grade" readOnly="true" class="form-control" value="${rewards.grade}"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_reason" name="rewardsList[${varStatus.index}].reason" readOnly="true" class="form-control required" value="${rewards.reason}"/>
                                    </td>
                                    <td>
                                        <input id="rewardsList${varStatus.index}_organization" name="rewardsList[${varStatus.index}].organization" readOnly="true" class="form-control required" value="${rewards.organization}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>工作业绩</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="achievementTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="20%">项目名称</th>
                                <th width="15%">主委托方</th>
                                <th width="10%">工程分类</th>
                                <th width="15%">规模类型/单位/数量</th>
                                <th width="10%">担任职务</th>
                                <th width="20%">参与内容</th>
                            </tr>
                            </thead>
                            <tbody id="achievementList">
                            <c:forEach items="${workStaffBasicInfo.achievementList}" var="achievement" varStatus="varStatus">
                                <tr id="${achievement.id}">
                                    <td class="hide">
                                        <input id="achievementList${varStatus.index}_id" name="achievementList[${varStatus.index}].id" type="hidden" value="${achievement.id}"/>
                                        <input id="achievementList${varStatus.index}_delFlag" name="achievementList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_projName" name="achievementList[${varStatus.index}].projName" readOnly="true"  class="form-control" value="${achievement.projName}"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_projClient" name="achievementList[${varStatus.index}].projClient" readOnly="true"  class="form-control" value="${achievement.projClient}"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_category" name="achievementList[${varStatus.index}].category" readOnly="true"  class="form-control" value="${achievement.category}"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_unitNumber" name="achievementList[${varStatus.index}].unitNumber" readOnly="true"  class="form-control" value="${achievement.unitNumber}"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_duty" name="achievementList[${varStatus.index}].duty" readOnly="true"  class="form-control" value="${achievement.duty}"/>
                                    </td>
                                    <td>
                                        <input id="achievementList${varStatus.index}_content" name="achievementList[${varStatus.index}].content" readOnly="true"  class="form-control" value="${achievement.content}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-group layui-row">
                    <div class="form-group-label"><h2>电子档案</h2></div>
                    <div class="layui-item layui-col-xs12 form-table-container">
                        <table id="recordTable" class="table table-bordered table-condensed can-edit">
                            <thead>
                            <tr>
                                <th class="hide"></th>
                                <th width="25%"><span class="require-item">*</span>档案名称</th>
                                <th width="25%">编号</th>
                                <th width="20%">文件</th>
                                <th width="20%">验证</th>
                            </tr>
                            </thead>
                            <tbody id="recordList">
                            <c:forEach items="${workStaffBasicInfo.recordList}" var="record" varStatus="varStatus">
                                <tr id="${record.id}">
                                    <td class="hide">
                                        <input type="hidden" id="recordList${varStatus.index}_id" name="recordList[${varStatus.index}].id" value="${record.id}">
                                        <input id="recordList${varStatus.index}_delFlag" name="recordList[${varStatus.index}].delFlag" type="hidden" value="0"/>
                                        <input id="recordList${varStatus.index}_fileName" name="recordList[${varStatus.index}].fileName" type="hidden" value="${record.fileName}"/>
                                        <input id="recordList${varStatus.index}_filePath" name="recordList[${varStatus.index}].filePath" type="hidden" value="${record.filePath}"/>
                                    </td>
                                    <td>
                                        <input id="recordList${varStatus.index}_name" name="recordList[${varStatus.index}].name" value="${record.name}"  readonly="true" class="form-control  layui-input" />
                                    </td>
                                    <td>
                                        <input id="recordList${varStatus.index}_num" name="recordList[${varStatus.index}].num" readonly="true" class="form-control" value="${record.num}"/>
                                    </td>
                                    <td class="text-left op-td">
                                        <span id="recordList${varStatus.index}_fileName1"><c:if test="${not empty record.filePath}"><img src="${record.filePath}" width="24" height="24" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${record.filePath}','90%','90%')" alt=""></c:if></span>
                                        <input id="recordList${varStatus.index}_file" name="recordList[${varStatus.index}].file" style="display:none" type="file" onchange="changeFileName(this,1)"/>
                                    </td>
                                    <td>
                                        <input id="recordList${varStatus.index}_status" name="recordList[${varStatus.index}].status" class="form-control" readonly value="${record.status}"/>
                                    </td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
            </form:form>
        </div>
    </div>
    <script type="text/javascript">
        function bornTemplete(list, idx, tpl, row, idx1){
            $(list).append(Mustache.render(tpl, {
                idx: idx, delBtn: true, row: row,
                order:idx1 + 1, idx1:idx1
            }));
            $(list+idx).find("select").each(function(){
                $(this).val($(this).attr("data-value"));
            });
            $(list+idx).find("input[type='checkbox'], input[type='radio']").each(function(){
                var ss = $(this).attr("data-value").split(',');
                for (var i=0; i<ss.length; i++){
                    if($(this).val() == ss[i]){
                        $(this).attr("checked","checked");
                    }
                }
            });
        }
        function delRow(obj, prefix){
            var delFlag = $(prefix+"_delFlag");
            delFlag.val("1");
            $(obj).parent().parent().hide();
        }

    </script>
</body>
</html>