portal html css js resource

information-console.html 24KB

    <!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>