Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 415 Releases 0 Wiki

portal html css js resource

Tree: 57d439f936
Branches Tags
portal-front
/
information.html

information.html 19KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503 
  1. <!DOCTYPE html>
  2. <html>
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. 		<title>修改个人信息-科袖网</title>
  9. 		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
  10. 		<link href="css/bootstrap.min.css" rel="stylesheet">
  11. 		<link rel="stylesheet" href="css/reset.css" />
  12. 		<link type="text/css" href="css/common.css" rel="stylesheet">
  13. 		<link type="text/css" href="css/index.css" rel="stylesheet">
  14. 		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  15. 	</head>
  17. 	<body>
  18. 		<!--头部-->
  19. 		<header id="header">
  20. 			<script src="js/header.js"></script>
  21. 		</header>
  22. 		
  23. 		<div id="container">
  24. 			<div class="content">
  25. 				<div class="information-head clearfix">
  26. 					<div class="head-left userRadius">
  27. 						<a><img id="headImage">
  28. 							<a href="photo-set.html" class="replace-photo"></a>
  29. 						</a>
  30. 					</div>
  31. 					<div class="head-center">
  32. 						<div class="infor-browse" style="padding:10px;">
  33. 							<a class="named proName" id="nameS"></a>
  34. 							<a class="edit proEdit"></a>
  35. 							<div class="position proPosition"><span id="office"></span ><span id="titleS"></span ></div>				
  36. 		                    <div class="science proScience"><span id="industryS"></span ><span id="orgNameS"></span ></div>			
  37. 		                    <div class="address proAddress" id="address"></div>
  38. 		                    <div style="font-size:16px;color:#999" id="phone"></div>
  39. 		                    <div style="font-size:16px;color:#999;line-height:30px;" id="mail"></div>
  40. 	                    </div>
  41. 	                   <!--个人信息修改-->
  42. 	                   <div class="modifybox" style="margin:0;padding:10px;">
  43. 	                       <div class="infor">
  44. 		                        <span class="txtType"><b class="required_star"></b><em class="emspace">姓</em>名</span>
  45. 								<input type="text" class="input-txt name" id="name">
  46. 								<span id="authSta" style="float:right;margin-right:70px;color:red;"></span>
  47. 							</div>
  48. 							<div class="infor" id="titleNone">
  49. 								<span><em class="emspace">职</em>称</span>
  50. 								<div class="divselect">
  51. 									<input class="input-txt" type="text" value="" id="title" />
  52. 								</div>
  53. 								<span><em class="emspace">职</em>位</span>
  54. 								<input type="text" class="input-txt" id="officeRevise">
  55. 							</div>
  56. 							<div class="infor">
  57. 								<span class="txtType"><b class="required_star"></b><a id="orgUpdata">所在机构</a></span>
  58. 								<input type="text" class="input-txt" id="orgName">
  59. 								<span id="departmentUpdata">所属部门</span>
  60. 								<input type="text" class="input-txt" id="department">
  62. 							</div>
  63. 							<div class="infor2 clearfix">
  64. 								<span>所在城市</span>
  65. 								<div class="citybox">
  66. 									<form action="" name="form1">
  67. 										<div class="infolist">
  68. 											<div class="liststyle clearfix">
  69. 												<span class="input-txt" id="Province">
  70. 		                                        	<em class="mr_sj"></em>
  71. 		                                            <i class="mr_show">请选择省份</i>
  72. 		                                            <ul>
  73. 		                                                <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
  74. 		                                            </ul>
  75. 		                                            <input type="hidden" name="cho_Province" value="请选择省份">
  76. 		                                        </span>
  77. 												<span id="City" class="input-txt" style="margin-left:8px;">
  78. 		                                       		<em class="mr_sj"></em>
  79. 		                                            <i class="mr_show">请选择城市</i>
  80. 		                                            <ul>
  81. 		                                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  82. 		                                            </ul>
  83. 		                                            <input type="hidden" name="cho_City" value="请选择城市">
  84. 		                                        </span>
  86. 											</div>
  87. 										</div>
  88. 									</form>
  89. 								</div>
  90. 							</div>
  91. 							<div class="infor">
  92. 								<span class="txtType"><a>联系电话（非公开</a></span>
  93. 								<input type="text" class="input-txt" id="mobilePhone">
  94. 								<span>联系邮箱（非公开）</span>
  95. 								<input type="text" class="input-txt" id="moileMail">
  96. 							</div>
  97. 							<div class="btnbox" style="padding:4px 16px;">
  98. 								<input id="saveProfessor" type="button" value="保存" class="infor-save btn">
  99. 								<input type="button" value="取消" class="close btn">
  100. 							</div>
  101. 						</div>
  102. 					</div>
  103. 					<!-- href="organization-brow.html" -->
  104. 					<div class="head-right headRadius">
  105. 						<a><img id="orgImage"></a>
  106. 					</div>
  107. 				</div>
  108. 				<div class="information-content">
  109. 					<div class="content-left">
  110. 						<div class="menublock">
  111. 							<div class="left-title">个人信息</div>
  112. 							<a href="#infor1" class="subsidebar">个人简介</a>
  113. 							<a href="#infor2" class="subsidebar xslyshow" style="display: none;">学术领域</a>
  114. 							<a href="#infor3" class="subsidebar yesshow" style="display: none;">研究方向</a>
  115. 							<a href="#infor4" class="subsidebar yyhyshow" style="display: none;">应用行业</a>
  116. 							<a href="#infor5" class="subsidebar">教育背景</a>
  117. 							<a href="#infor6" class="subsidebar">工作经历</a>
  118. 							<a href="#infor7" class="subsidebar">项目经历</a>
  120. 							<a href="#infor8" class="subsidebar">著作、论文、文章</a>
  121. 							<a href="#infor9" class="subsidebar">专利</a>
  122. 							<a href="#infor10" class="subsidebar">荣誉及奖项</a>
  123. 						</div>
  124. 						<div class="menublock yesshow" style="display: none;">
  125. 							<div class="left-title">合作机会</div>
  126. 							<a href="#infor11" class="subsidebar">研发资源</a>
  128. 						</div>
  129. 					</div>
  130. 					<div class="content-right">
  131. 						<div class="right-box introduction" style="display: none;"id="reA">
  132. 								<div class="right-title"><span>科研文章</span>
  133. 									<div class="enterwork" id="enter1work">进入我的工作台</div>
  134. 								</div>
  135. 								
  136. 									<div class="shareabout shareabout1" style="margin: 0 30px;">
  137. 										<div class="sharesrcbox" style="width:642px;">
  138. 											<div class="sharescrollbox Acrollbox" id="keyanAr">
  139. 												<ul class="shareshow otherRes clearfix" id="reachArticle">
  140. 												
  141. 												</ul>
  142. 											</div>
  143. 										</div>
  144. 										<span class="resouprev resoubtn articalbtn"></span>
  145. 										<span class="resounext resoubtn articalbtn"></span>
  146. 									</div>
  147. 								
  148. 							</div>
  149. 						<!--个人简介-->
  150. 						<div class="right-box introduction">
  151. 							<a name="infor1"></a>
  152. 							<div class="right-title"><span>个人简介</span>
  153. 								<a class="edit"></a>
  154. 							</div>
  155. 							<div class="infor-browse">
  156. 								<div class="editbox" id="descpS" style="margin:0 34px;">
  158. 								</div>
  159. 							</div>
  160. 							<div class="modifybox indu">
  161. 								<textarea class="reedit" id="descp"></textarea>
  163. 								<input id="saveDescp" type="button" value="保存" class="infor-save btn btn-marL">
  164. 								<input type="button" value="取消" class="close btn btn-marB">
  165. 								<div class="clearfix"></div>
  166. 							</div>
  167. 						</div>
  168. 						<!--学术领域-->
  169. 						<div class="right-box introduction xslyshow" style="display: none;">
  170. 							<div class="right-title"><span>学术领域</span>
  171. 								<a class="edit"></a>
  172. 							</div>
  173. 							<div class="infor-browse">
  174. 								<div class="listbox btn-marL" id="subjectShow">
  176. 								</div>
  177. 								<div class="clear"></div>
  178. 							</div>
  179. 							<div class="modifybox indu">
  180. 								<div class="select-sele">
  181. 									<div class="btn-marL">
  182. 										<input type="text" class="input-txt" id="subject" />
  183. 									</div>
  185. 									<div class="add">
  186. 										<input type="button" value="添加" class="addbtn" id="subjectAdd" />
  188. 									</div>
  189. 								</div>
  191. 								<div class="list-area">
  192. 									<div class="listbox btn-marL" id="subjectList">
  194. 									</div>
  195. 								</div>
  197. 								<!-- <p class="ann">*可拖动标签更换顺序</p> -->
  198. 								<input type="button" value="保存" class="infor-save btn btn-marL" id="subjectSave">
  199. 								<input type="button" value="取消" class="close btn btn-marB">
  200. 								<div class="clearfix"></div>
  201. 							</div>
  202. 						</div>
  203. 						<!--研究方向-->
  204. 						<div class="right-box introduction yesshow" style="display: none;">
  205. 							<a name="infor3"></a>
  206. 							<div class="right-title"><span>研究方向</span>
  207. 								<a class="edit"></a>
  208. 							</div>
  209. 							<div class="infor-browse" id="researchAreaShow">
  211. 							</div>
  212. 							<div class="clear"></div>
  213. 							<div class="modifybox indu">
  214. 								<div class="select-sele">
  215. 									<input type="text" class="input-txt input-width btn-marL" value="" id="researchArea">
  216. 									<div class="add"><input type="button" value="添加" class="addbtn" id="researchAreaAdd"></div>
  217. 								</div>
  218. 								<div class="list-area">
  219. 									<div class="listbox btn-marL addlist" id="researchAreaList">
  221. 									</div>
  222. 								</div>
  223. 								<!-- <p class="ann">*可拖动标签更换顺序</p> -->
  224. 								<input type="button" value="保存" class="infor-save btn btn-marL" id="researchAreaSave">
  225. 								<input type="button" value="取消" class="close btn btn-marB">
  226. 								<div class="clearfix"></div>
  227. 							</div>
  228. 						</div>
  229. 						<!-- 应用行业 -->
  230. 						<div class="right-box introduction yyhyshow" style="display: none;">
  231. 							<div class="right-title"><span>应用行业</span>
  232. 								<a class="edit"></a>
  233. 							</div>
  234. 							<div class="infor-browse">
  235. 								<ul class="edu-about edu-infor" style="padding:0;" id="industryShow">
  237. 								</ul>
  238. 							</div>
  239. 							<div class="modifybox indu">
  240. 								<div class="business">
  241. 									<div class="select-sele">
  242. 										<input type="text" class="input-txt input-width btn-marL" value="" id="industry">
  243. 										<div class="add"><input type="button" value="添加" class="addbtn" id="industryAdd"></div>
  244. 									</div>
  245. 									<div class="list-area">
  246. 										<div class="listbox btn-marL addlist" id="industryList">
  248. 										</div>
  249. 									</div>
  250. 									<!-- <p class="ann">*可拖动标签更换顺序</p> -->
  251. 									<input type="button" value="保存" class="infor-save btn btn-marL" id="industrySave">
  252. 									<input type="button" value="取消" class="close btn btn-marB">
  253. 									<div class="clearfix"></div>
  254. 								</div>
  255. 							</div>
  257. 						</div>
  258. 						<!-- 教育背景 -->
  259. 						<div class="right-box introduction">
  260. 							<div class="right-title"><span>教育背景</span>
  261. 								<a class="addclick" id="addEdu">点击添加</a>
  262. 							</div>
  263. 							<div class="infor-browse infor-browse2">
  264. 								<ul class="edu-about" id="eduUl">
  265. 									<!-- id="eduBgShow"-->
  266. 									<!--<li>北科大－计科系－信管－硕士－2016<em class="exitlist"></em></li>-->
  267. 									<!--<li>航空航天大学－计科系－信管－硕士－2016<em class="exitlist"></em></li>-->
  269. 									<!--添加修改表单-->
  271. 									<!--添加修改表单//-->
  273. 									<!--<ul class="edu-about" id="eduBgList">-->
  274. 									<!-- id="eduBgShow"-->
  276. 								</ul>
  277. 							</div>
  279. 						</div>
  280. 						<!--工作经历-->
  281. 						<div class="right-box introduction">
  282. 							<div class="right-title"><span>工作经历</span>
  283. 								<a class="addclick" id="timeJobAdd">点击添加</a>
  284. 							</div>
  286. 							<div class="infor-browse">
  287. 								<ul class="edu-about" id="timeJobShow">
  289. 								</ul>
  290. 							</div>
  291. 						</div>
  292. 						<!--项目经历-->
  293. 						<div class="right-box introduction">
  294. 							<div class="right-title">
  295. 								<span>项目经历</span>
  296. 								<a class="addclick" id="projectAdd">点击添加</a>
  297. 							</div>
  299. 							<div class="infor-browse infor-browse2">
  300. 								<ul class="edu-about" id="projectShow">
  302. 								</ul>
  303. 							</div>
  304. 						</div>
  305. 						<!--著作、论文、文章-->
  306. 						<div class="right-box introduction">
  307. 							<div class="right-title">
  308. 								<span>著作、论文、文章</span>
  309. 								<a class="addclick" id="papAdd">点击添加</a>
  310. 							</div>
  311. 							<div class="infor-browse infor-browse2">
  312. 								<ul class="edu-about" id="paperShow">
  314. 								</ul>
  315. 							</div>
  316. 						</div>
  317. 						<!--专利-->
  318. 						<div class="right-box introduction">
  319. 							<div class="right-title">
  320. 								<span>专利</span>
  321. 								<a class="addclick" id="patenAdd">点击添加</a>
  322. 							</div>
  323. 							<div class="infor-browse infor-browse2">
  324. 								<ul class="edu-about" id="patentShow">
  326. 								</ul>
  327. 							</div>
  328. 						</div>
  329. 						<!--荣誉及奖项-->
  330. 						<div class="right-box introduction">
  331. 							<div class="right-title">
  332. 								<span>荣誉及奖项</span>
  333. 								<a class="addclick" id="honorAdd">点击添加</a>
  334. 							</div>
  335. 							<div class="infor-browse infor-browse2">
  336. 								<ul class="edu-about" id="honorShow">
  338. 								</ul>
  339. 							</div>
  341. 						</div>
  342. 						<!--研发资源-->
  343. 						<div class="right-box introduction yesshow" style="display: none;">
  344. 							<div class="right-title"><span>研发资源</span>
  345. 								<div class="enterwork" id="enterwork">进入我的工作台</div>
  346. 							</div>
  347. 							<div class="infor-browse">
  348. 								<div class="shareabout" style="margin: 0 30px;">
  349. 									<div class="sharesrcbox" style="width:642px;">
  350. 										<div class="sharescrollbox" id="keyanRe">
  352. 										</div>
  353. 									</div>
  354. 									<span class="resouprev resoubtn resoubtn2"></span>
  355. 									<span class="resounext resoubtn resoubtn2"></span>
  356. 								</div>
  357. 							</div>
  358. 						</div>
  360. 					</div>
  361. 				</div>
  362. 			</div>
  363. 		</div>
  364. 		
  365. 		<footer>
  366. 			<script type="text/javascript" src="js/footer.js"></script>
  367. 		</footer>
  369. 		<script type="text/javascript" src="js/jquery.cookie.js"></script>
  370. 		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  371. 		<script type="text/javascript" src="js/city.min.js"></script>
  372. 		<script type="text/javascript" src="js/common.js"></script>
  373. 		<script type="text/javascript" src="js/information.js"></script>
  374. 		<script>
  375. 			$("body").on("click", ".date-btn", function() {
  376. 			$(".mr_calendar_ym:visible").hide();
  377. 				var flag = $(this).attr("flag");				
  378. 				var c = $(this).val();
  379. 				if(flag == 1) {
  380. 					if(c) {
  381. 						var ye = new Date().getFullYear();
  382. 						var sroTop = (ye - parseInt(c)) * 32;
  383. 						$(this).siblings(".mr_calendar_ym").show();
  384. 						$(this).siblings(".mr_calendar_ym").find(".full_year").scrollTop(sroTop);
  385. 						$(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
  386. 						return false;
  387. 					} else {
  388. 						var ye = new Date().getFullYear();
  389. 						$(this).siblings(".mr_calendar_ym").show();
  390. 						$(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + ye + "')").addClass("active").siblings().removeClass("active");
  391. 						return false;
  392. 					}
  393. 				} else if(flag == 2) {
  394. 					if(c) {
  395. 						if(c == "至今") {
  396. 							$(this).siblings(".mr_calendar_ym").show();
  397. 							$(this).siblings(".mr_calendar_ym").find(".mli").removeClass("active");
  398. 							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
  399. 							return false;
  400. 						} else {
  401. 							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").addClass("active");
  402. 							$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").siblings().removeClass("active");
  403. 							if(c.substr(5, 1) == 0) {
  405. 								if(c.substr(6, 1) == 1) {
  406. 									$(this).siblings(".mr_calendar_ym").find(".mli:first").addClass("active").siblings().removeClass("active");;
  407. 								} else if(c.substr(6, 1) == 2) {
  408. 									$(this).siblings(".mr_calendar_ym").find(".mli:eq(1)").addClass("active").siblings().removeClass("active");;
  409. 								} else {
  410. 									$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active").siblings().removeClass("active");;
  411. 								}
  413. 							} else {
  415. 								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").addClass("active");
  416. 								$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").siblings().removeClass("active");
  417. 							}
  418. 							$(this).siblings(".mr_calendar_ym").show();
  419. 							var ya = $(this).siblings(".mr_calendar_ym").find(".mr_year .ymli").length;
  420. 							var ye = new Date().getFullYear();
  421. 							if(ya == 61) {
  422. 								ye = ye + 1;
  423. 							}
  424. 							var sroTop = (ye - parseInt(c.substr(0, 4))) * 32;
  425. 							$(this).siblings(".mr_calendar_ym").find(".mr_year").scrollTop(sroTop);
  426. 							return false;
  427. 						}
  428. 					} else {
  429. 						var ye = new Date().getFullYear();
  430. 						$(this).siblings(".mr_calendar_ym").show();
  431. 						$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active");
  432. 						$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active");
  433. 						return false;
  434. 					}
  436. 				}
  437. 			})
  438. 			$("body").on("click", ".yearli", function() {
  439. 				$(this).addClass("active").siblings().removeClass("active");
  440. 				$(this).parents(".mr_calendar_ym ").siblings().val($(this).text());
  441. 				$(this).parents(".mr_calendar_ym ").hide();
  442. 				return false;
  443. 			})
  444. 			$("body").on("click", ".ymli", function() {
  445. 				$(this).addClass("active").siblings().removeClass("active");
  446. 				var year = $(this).text();
  447. 				if(year == "至今") {
  448. 					$(this).parents(".mr_calendar_ym ").siblings().val($(this).text())
  449. 					$(this).parents(".mr_calendar_ym ").hide();
  450. 				}
  451. 				return false;
  452. 			})
  453. 			$("body").on("click", ".mli", function() {
  454. 				
  455. 				var yearli = $(this).parents(".mr_month").siblings(".mr_year").children(".active").text();
  456. 				console.log(yearli);
  457. 				if($(this).text() < 10) {
  458. 					var month = "0" + $(this).text();
  459. 				} else {
  460. 					var month = $(this).text();
  461. 				}
  462. 				if(yearli == "至今") {
  463. 					var valueM = yearli;
  464. 					$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
  465. 					$(this).parents(".mr_calendar_ym ").hide();
  466. 				} else {
  467. 					$(this).addClass("active").siblings().removeClass("active");
  468. 					var valueM = yearli + "-" + month
  469. 					$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
  470. 					$(this).parents(".mr_calendar_ym ").hide();
  471. 				}
  472. 					return false;
  473. 			})
  474. 			$("body").click(function(){
  475. 				$(".mr_calendar_ym:visible").hide();
  476. 			})
  477. 			function yearAdd() {
  478. 				//先给年下拉框赋内容   			
  479. 				var y = new Date().getFullYear();
  480. 				$(".full_year").empty();
  481. 				$(".mr_year").empty();
  482. 				for(var i = y; i > y - 60; i--) { //以今年为准，前60年，后10年   
  483. 					$(".mr_year").append('<li class="ymli">' + i + '</li>');
  484. 					$(".full_year").append('<li class="yearli">' + i + '</li>');
  485. 					if(i == y) {
  486. 						$(".mr_year>li:contains(" + i + ")").addClass("active");
  487. 						$(".full_year>li:contains(" + i + ")").addClass("active");
  488. 					}
  489. 				}
  490. 			}
  492. 			function month() {
  493. 				//赋月份的下拉框   
  494. 				$(".mr_month").empty();
  495. 				for(var i = 1; i < 13; i++) {
  496. 					$(".mr_month").append('<li class="mli" style="text-align:center">' + i + '</li>');
  497. 				}
  498. 			}
  499. 		</script>
  500. 	</body>
  502. </html>