<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>修改个人信息-科袖网</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/reset.css" />
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>

<body>
<!--头部-->
<header id="header">
    <script src="js/header.js"></script>
</header>

<div id="container">
    <div class="content">
        <div class="information-head clearfix">
            <div class="head-left userRadius">
                <a><img id="headImage">
                    <a href="photo-set.html" class="replace-photo"></a>
                </a>
            </div>
            <div class="head-center">
                <div class="infor-browse" style="padding:10px;">
                    <a class="named proName" id="nameS"></a>
                    <a class="edit proEdit"></a>
                    <div class="position proPosition"><span id="office"></span ><span id="titleS"></span ></div>
                    <div class="science proScience"><span id="industryS"></span ><span id="orgNameS"></span ></div>
                    <div class="address proAddress" id="address"></div>
                    <div style="font-size:16px;color:#999" id="phone"></div>
                    <div style="font-size:16px;color:#999;line-height:30px;" id="mail"></div>
                </div>
                <!--个人信息修改-->
                <div class="modifybox" style="margin:0;padding:10px;">
                    <div class="infor">
                        <span class="txtType"><b class="required_star"></b><em class="emspace">姓</em>名</span>
                        <input type="text" class="input-txt name" id="name">
                        <span id="authSta" style="float:right;margin-right:70px;color:red;"></span>
                    </div>
                    <div class="infor" id="titleNone">
                        <span><em class="emspace">职</em>称</span>
                        <div class="divselect">
                            <input class="input-txt" type="text" value="" id="title" />
                        </div>
                        <span><em class="emspace">职</em>位</span>
                        <input type="text" class="input-txt" id="officeRevise">
                    </div>
                    <div class="infor">
                        <span class="txtType"><b class="required_star"></b><a id="orgUpdata">所在机构</a></span>
                        <input type="text" class="input-txt" id="orgName">
                        <span id="departmentUpdata">所属部门</span>
                        <input type="text" class="input-txt" id="department">

                    </div>
                    <div class="infor2 clearfix">
                        <span>所在城市</span>
                        <div class="citybox">
                            <form action="" name="form1">
                                <div class="infolist">
                                    <div class="liststyle clearfix">
												<span class="input-txt" id="Province">
		                                        	<em class="mr_sj"></em>
		                                            <i class="mr_show">请选择省份</i>
		                                            <ul>
		                                                <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
		                                            </ul>
		                                            <input type="hidden" name="cho_Province" value="请选择省份">
		                                        </span>
                                        <span id="City" class="input-txt" style="margin-left:8px;">
		                                       		<em class="mr_sj"></em>
		                                            <i class="mr_show">请选择城市</i>
		                                            <ul>
		                                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
		                                            </ul>
		                                            <input type="hidden" name="cho_City" value="请选择城市">
		                                        </span>

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="infor">
                        <span class="txtType"><a>联系电话(非公开</a></span>
                        <input type="text" class="input-txt" id="mobilePhone">
                        <span>联系邮箱(非公开)</span>
                        <input type="text" class="input-txt" id="moileMail">
                    </div>
                    <div class="btnbox" style="padding:4px 16px;">
                        <input id="saveProfessor" type="button" value="保存" class="infor-save btn">
                        <input type="button" value="取消" class="close btn">
                    </div>
                </div>
            </div>
            <!-- href="organization-brow.html" -->
            <div class="head-right headRadius">
                <a><img id="orgImage"></a>
            </div>
        </div>
        <div class="information-content">
            <div class="content-left">
                <div class="menublock">
                    <div class="left-title">个人信息</div>
                    <a href="#infor1" class="subsidebar">个人简介</a>
                    <a href="#infor2" class="subsidebar xslyshow" style="display: none;">学术领域</a>
                    <a href="#infor3" class="subsidebar yesshow" style="display: none;">研究方向</a>
                    <a href="#infor4" class="subsidebar yyhyshow" style="display: none;">应用行业</a>
                    <a href="#infor5" class="subsidebar">教育背景</a>
                    <a href="#infor6" class="subsidebar">工作经历</a>
                    <a href="#infor7" class="subsidebar">项目经历</a>

                    <a href="#infor8" class="subsidebar">著作、论文、文章</a>
                    <a href="#infor9" class="subsidebar">专利</a>
                    <a href="#infor10" class="subsidebar">荣誉及奖项</a>
                </div>
                <div class="menublock yesshow" style="display: none;">
                    <div class="left-title">合作机会</div>
                    <a href="#infor11" class="subsidebar">研发资源</a>

                </div>
            </div>
            <div class="content-right">
                <div class="right-box introduction" style="display: none;"id="reA">
                    <div class="right-title"><span>科研文章</span>
                        <div class="enterwork" id="enter1work">进入我的工作台</div>
                    </div>

                    <div class="shareabout shareabout1" style="margin: 0 30px;">
                        <div class="sharesrcbox" style="width:642px;">
                            <div class="sharescrollbox Acrollbox" id="keyanAr">
                                <ul class="shareshow otherRes clearfix" id="reachArticle">

                                </ul>
                            </div>
                        </div>
                        <span class="resouprev resoubtn articalbtn"></span>
                        <span class="resounext resoubtn articalbtn"></span>
                    </div>

                </div>
                <!--个人简介-->
                <div class="right-box introduction">
                    <a name="infor1"></a>
                    <div class="right-title"><span>个人简介</span>
                        <a class="edit"></a>
                    </div>
                    <div class="infor-browse">
                        <div class="editbox" id="descpS" style="margin:0 34px;">

                        </div>
                    </div>
                    <div class="modifybox indu">
                        <textarea class="reedit" id="descp"></textarea>

                        <input id="saveDescp" type="button" value="保存" class="infor-save btn btn-marL">
                        <input type="button" value="取消" class="close btn btn-marB">
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!--学术领域-->
                <div class="right-box introduction xslyshow" style="display: none;">
                    <div class="right-title"><span>学术领域</span>
                        <a class="edit"></a>
                    </div>
                    <div class="infor-browse">
                        <div class="listbox btn-marL" id="subjectShow">

                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="modifybox indu">
                        <div class="select-sele">
                            <div class="btn-marL">
                                <input type="text" class="input-txt" id="subject" />
                            </div>

                            <div class="add">
                                <input type="button" value="添加" class="addbtn" id="subjectAdd" />

                            </div>
                        </div>

                        <div class="list-area">
                            <div class="listbox btn-marL" id="subjectList">

                            </div>
                        </div>

                        <!-- <p class="ann">*可拖动标签更换顺序</p> -->
                        <input type="button" value="保存" class="infor-save btn btn-marL" id="subjectSave">
                        <input type="button" value="取消" class="close btn btn-marB">
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!--研究方向-->
                <div class="right-box introduction yesshow" style="display: none;">
                    <a name="infor3"></a>
                    <div class="right-title"><span>研究方向</span>
                        <a class="edit"></a>
                    </div>
                    <div class="infor-browse" id="researchAreaShow">

                    </div>
                    <div class="clear"></div>
                    <div class="modifybox indu">
                        <div class="select-sele">
                            <input type="text" class="input-txt input-width btn-marL" value="" id="researchArea">
                            <div class="add"><input type="button" value="添加" class="addbtn" id="researchAreaAdd"></div>
                        </div>
                        <div class="list-area">
                            <div class="listbox btn-marL addlist" id="researchAreaList">

                            </div>
                        </div>
                        <!-- <p class="ann">*可拖动标签更换顺序</p> -->
                        <input type="button" value="保存" class="infor-save btn btn-marL" id="researchAreaSave">
                        <input type="button" value="取消" class="close btn btn-marB">
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!-- 应用行业 -->
                <div class="right-box introduction yyhyshow" style="display: none;">
                    <div class="right-title"><span>应用行业</span>
                        <a class="edit"></a>
                    </div>
                    <div class="infor-browse">
                        <ul class="edu-about edu-infor" style="padding:0;" id="industryShow">

                        </ul>
                    </div>
                    <div class="modifybox indu">
                        <div class="business">
                            <div class="select-sele">
                                <input type="text" class="input-txt input-width btn-marL" value="" id="industry">
                                <div class="add"><input type="button" value="添加" class="addbtn" id="industryAdd"></div>
                            </div>
                            <div class="list-area">
                                <div class="listbox btn-marL addlist" id="industryList">

                                </div>
                            </div>
                            <!-- <p class="ann">*可拖动标签更换顺序</p> -->
                            <input type="button" value="保存" class="infor-save btn btn-marL" id="industrySave">
                            <input type="button" value="取消" class="close btn btn-marB">
                            <div class="clearfix"></div>
                        </div>
                    </div>

                </div>
                <!-- 教育背景 -->
                <div class="right-box introduction">
                    <div class="right-title"><span>教育背景</span>
                        <a class="addclick" id="addEdu">点击添加</a>
                    </div>
                    <div class="infor-browse infor-browse2">
                        <ul class="edu-about" id="eduUl">
                            <!-- id="eduBgShow"-->
                            <!--<li>北科大-计科系-信管-硕士-2016<em class="exitlist"></em></li>-->
                            <!--<li>航空航天大学-计科系-信管-硕士-2016<em class="exitlist"></em></li>-->

                            <!--添加修改表单-->

                            <!--添加修改表单//-->

                            <!--<ul class="edu-about" id="eduBgList">-->
                            <!-- id="eduBgShow"-->

                        </ul>
                    </div>

                </div>
                <!--工作经历-->
                <div class="right-box introduction">
                    <div class="right-title"><span>工作经历</span>
                        <a class="addclick" id="timeJobAdd">点击添加</a>
                    </div>

                    <div class="infor-browse">
                        <ul class="edu-about" id="timeJobShow">

                        </ul>
                    </div>
                </div>
                <!--项目经历-->
                <div class="right-box introduction">
                    <div class="right-title">
                        <span>项目经历</span>
                        <a class="addclick" id="projectAdd">点击添加</a>
                    </div>

                    <div class="infor-browse infor-browse2">
                        <ul class="edu-about" id="projectShow">

                        </ul>
                    </div>
                </div>
                <!--著作、论文、文章-->
                <div class="right-box introduction">
                    <div class="right-title">
                        <span>著作、论文、文章</span>
                        <a class="addclick" id="papAdd">点击添加</a>
                    </div>
                    <div class="infor-browse infor-browse2">
                        <ul class="edu-about" id="paperShow">

                        </ul>
                    </div>
                </div>
                <!--专利-->
                <div class="right-box introduction">
                    <div class="right-title">
                        <span>专利</span>
                        <a class="addclick" id="patenAdd">点击添加</a>
                    </div>
                    <div class="infor-browse infor-browse2">
                        <ul class="edu-about" id="patentShow">

                        </ul>
                    </div>
                </div>
                <!--荣誉及奖项-->
                <div class="right-box introduction">
                    <div class="right-title">
                        <span>荣誉及奖项</span>
                        <a class="addclick" id="honorAdd">点击添加</a>
                    </div>
                    <div class="infor-browse infor-browse2">
                        <ul class="edu-about" id="honorShow">

                        </ul>
                    </div>

                </div>
                <!--研发资源-->
                <div class="right-box introduction yesshow" style="display: none;">
                    <div class="right-title"><span>研发资源</span>
                        <div class="enterwork" id="enterwork">进入我的工作台</div>
                    </div>
                    <div class="infor-browse">
                        <div class="shareabout" style="margin: 0 30px;">
                            <div class="sharesrcbox" style="width:642px;">
                                <div class="sharescrollbox" id="keyanRe">

                                </div>
                            </div>
                            <span class="resouprev resoubtn resoubtn2"></span>
                            <span class="resounext resoubtn resoubtn2"></span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<footer>
    <script type="text/javascript" src="js/footer.js"></script>
</footer>

<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/information-console.js"></script>
<script>
    $("body").on("click", ".date-btn", function() {
        $(".mr_calendar_ym:visible").hide();
        var flag = $(this).attr("flag");
        var c = $(this).val();
        if(flag == 1) {
            if(c) {
                var ye = new Date().getFullYear();
                var sroTop = (ye - parseInt(c)) * 32;
                $(this).siblings(".mr_calendar_ym").show();
                $(this).siblings(".mr_calendar_ym").find(".full_year").scrollTop(sroTop);
                $(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
                return false;
            } else {
                var ye = new Date().getFullYear();
                $(this).siblings(".mr_calendar_ym").show();
                $(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + ye + "')").addClass("active").siblings().removeClass("active");
                return false;
            }
        } else if(flag == 2) {
            if(c) {
                if(c == "至今") {
                    $(this).siblings(".mr_calendar_ym").show();
                    $(this).siblings(".mr_calendar_ym").find(".mli").removeClass("active");
                    $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
                    return false;
                } else {
                    $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").addClass("active");
                    $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").siblings().removeClass("active");
                    if(c.substr(5, 1) == 0) {

                        if(c.substr(6, 1) == 1) {
                            $(this).siblings(".mr_calendar_ym").find(".mli:first").addClass("active").siblings().removeClass("active");;
                        } else if(c.substr(6, 1) == 2) {
                            $(this).siblings(".mr_calendar_ym").find(".mli:eq(1)").addClass("active").siblings().removeClass("active");;
                        } else {
                            $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active").siblings().removeClass("active");;
                        }

                    } else {

                        $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").addClass("active");
                        $(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").siblings().removeClass("active");
                    }
                    $(this).siblings(".mr_calendar_ym").show();
                    var ya = $(this).siblings(".mr_calendar_ym").find(".mr_year .ymli").length;
                    var ye = new Date().getFullYear();
                    if(ya == 61) {
                        ye = ye + 1;
                    }
                    var sroTop = (ye - parseInt(c.substr(0, 4))) * 32;
                    $(this).siblings(".mr_calendar_ym").find(".mr_year").scrollTop(sroTop);
                    return false;
                }
            } else {
                var ye = new Date().getFullYear();
                $(this).siblings(".mr_calendar_ym").show();
                $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active");
                $(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active");
                return false;
            }

        }
    })
    $("body").on("click", ".yearli", function() {
        $(this).addClass("active").siblings().removeClass("active");
        $(this).parents(".mr_calendar_ym ").siblings().val($(this).text());
        $(this).parents(".mr_calendar_ym ").hide();
        return false;
    })
    $("body").on("click", ".ymli", function() {
        $(this).addClass("active").siblings().removeClass("active");
        var year = $(this).text();
        if(year == "至今") {
            $(this).parents(".mr_calendar_ym ").siblings().val($(this).text())
            $(this).parents(".mr_calendar_ym ").hide();
        }
        return false;
    })
    $("body").on("click", ".mli", function() {

        var yearli = $(this).parents(".mr_month").siblings(".mr_year").children(".active").text();
        console.log(yearli);
        if($(this).text() < 10) {
            var month = "0" + $(this).text();
        } else {
            var month = $(this).text();
        }
        if(yearli == "至今") {
            var valueM = yearli;
            $(this).parents(".mr_calendar_ym ").siblings().val(valueM);
            $(this).parents(".mr_calendar_ym ").hide();
        } else {
            $(this).addClass("active").siblings().removeClass("active");
            var valueM = yearli + "-" + month
            $(this).parents(".mr_calendar_ym ").siblings().val(valueM);
            $(this).parents(".mr_calendar_ym ").hide();
        }
        return false;
    })
    $("body").click(function(){
        $(".mr_calendar_ym:visible").hide();
    })
    function yearAdd() {
        //先给年下拉框赋内容
        var y = new Date().getFullYear();
        $(".full_year").empty();
        $(".mr_year").empty();
        for(var i = y; i > y - 60; i--) { //以今年为准,前60年,后10年
            $(".mr_year").append('<li class="ymli">' + i + '</li>');
            $(".full_year").append('<li class="yearli">' + i + '</li>');
            if(i == y) {
                $(".mr_year>li:contains(" + i + ")").addClass("active");
                $(".full_year>li:contains(" + i + ")").addClass("active");
            }
        }
    }

    function month() {
        //赋月份的下拉框
        $(".mr_month").empty();
        for(var i = 1; i < 13; i++) {
            $(".mr_month").append('<li class="mli" style="text-align:center">' + i + '</li>');
        }
    }
</script>
</body>

</html>