Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 1356 Publications 0 Wiki

portal html css js resource

Aborescence: e667bc77ad
Branches Tags
portal-front
/
information.html

information.html 19KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470 
  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 type="text/css" rel="stylesheet" href="cmp-portal/css/bootstrap-datetimepicker.min.css">
  12. <link type="text/css" rel="stylesheet" href="cmp-portal/css/glyIcon.css">
  13. <link type="text/css" href="css/common.css" rel="stylesheet">
  14. <link type="text/css" href="css/genindex.css" rel="stylesheet">
  15. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  17. </head>
  19. <body>
  20. <!--头部-->
  21. <header id="header">
  22. 	<script src="js/header.js"></script>
  23. </header>
  25. <div id="container">
  26. 	<div class="containerCon">
  27. 		<div class="contentCon clearfix">
  28. 			<div class="headconBox flexCenter">
  29. 				<div class="headimgBox head-left floatL" id="proHead"><a href="photo-set.html" class="replace-photo">上传头像</a></div>
  30. 				<div class="reInfoBlock head-center floatL">
  31. 					<div class="coninfocon">
  32. 						<div class="h1Font"><span id="proName"></span><em class="authiconNew" id="proAuth"></em></div>
  33.                 		<div class="h2Font ellipsisSty"><span id="proTit"></span> <span id="proOther"></span></div>
  34. 						<a class="btnClick edit proEdit">编辑</a>
  35. 	                    <div class="h3Font" id="proAddress"></div>
  36. 	                    <ul class="clearfix h3Font" style="margin-top: 4px;">
  37. 	                    	<li class="col-w-4"><span id="phone"></span></li>
  38. 	                    	<li class="col-w-4"><span id="mail"></span></li>
  39. 	                    	<li class="col-w-4"> <p style="color:#FC7443;font-size:12px;">未征得您的同意之前，我们不会公开您的联系方式。</p></li>
  40. 	                    </ul>
  41. 	                </div>
  42. 	                <!--个人信息修改-->
  43. 	                <div class="modifybox" style="margin:0;">
  44. 	               		<ul class="cmpFrmList">
  45. 							<li>
  46. 								<span class="col-w-2 lableSpan">姓名：</span>
  47. 								<div class="col-w-4">
  48. 									<span class="lableSpan" id="name"></span>
  49. 								</div>
  50. 							</li>
  51. 							<li>
  52. 								<span class="col-w-2 lableSpan">性别：</span>
  53. 								<div class="col-w-4">
  54. 									<label class="radiolabel">
  55. 										<input type="radio" name="sex" value="1" />男
  56. 									</label>
  57. 									<label class="radiolabel">
  58. 										<input type="radio" name="sex" value="2" />女
  59. 									</label>
  60. 								</div>
  61. 							</li>
  62. 							<li>
  63. 								<span class="col-w-2 lableSpan">出生日期：</span>
  64. 								<div class="col-w-4" style="position: relative;">
  65. 									<div class="input-append date form_date dateBtn" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
  66. 										<em class="mr_sj"></em>
  67. 										<input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择出生日期" id="birthTime" style="background:#ffffff;color:#666">
  68. 										<span class="dateIcon"><i class="icon-calendar displayNone"></i></span>
  69. 										<span class="add-on"><i class="icon-th displayNone"></i></span>
  70. 									</div>
  71. 									<input type="hidden" id="dtp_input2" value="" />
  72. 									<span></span>
  73. 								</div>
  74. 							</li>
  75. 							<li>
  76. 								<span class="col-w-2 lableSpan">职称：</span>
  77. 								<div class="col-w-4">
  78. 									<input type="text" class="frmcontype" placeholder="请填写最高职称" id="title" />
  79. 								</div>
  80. 							</li>
  81. 							<li>
  82. 								<span class="col-w-2 lableSpan">职位：</span>
  83. 								<div class="col-w-4">
  84. 									<input type="text" class="frmcontype" placeholder="请填写当前担任的职位" id="officeRevise" />
  85. 								</div>
  86. 							</li>
  87. 							<li>
  88. 								<span class="col-w-2 lableSpan">所在机构：</span>
  89. 								<div class="col-w-8">
  90. 									<input type="text" class="frmcontype" placeholder="请填写当前就职的机构" id="orgName" />
  91. 								</div>
  92. 							</li>
  93. 							<li>
  94. 								<span class="col-w-2 lableSpan">所在部门：</span>
  95. 								<div class="col-w-8">
  96. 									<input type="text" class="frmcontype" placeholder="请填写当前就职的部门" id="department" />
  97. 								</div>
  98. 							</li>
  99. 							<li>
  100. 								<span class="col-w-2 lableSpan">所在城市：</span>
  101. 								<div class="col-w-8">
  102. 									<form action="" class="col-w-12" name="form1">
  103. 										<div class="col-w-6 citybox2">
  104. 											<span class="frmcontype" id="Province">
  105. 	                                        	<em class="mr_sj"></em>
  106. 	                                            <i class="mr_show" id="oprovince">请选择省/直辖市</i>
  107. 	                                            <ul>
  108. 	                                                <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
  109. 	                                            </ul>
  110. 	                                            <input type="hidden" name="cho_Province" value="请选择省/直辖市">
  111. 	                                        </span>
  112. 										</div>
  113. 										<div class="col-w-6 citybox2">
  114. 											<span class="frmcontype floatR" id="City" >
  115. 	                                       		<em class="mr_sj"></em>
  116. 	                                            <i class="mr_show" id="ocity">请选择城市</i>
  117. 	                                            <ul>
  118. 	                                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  119. 	                                            </ul>
  120. 	                                            <input type="hidden" name="cho_City" value="请选择城市 ">
  121. 	                                        </span>
  122. 										</div>
  123. 									</form> 
  124. 								</div>
  125. 							</li>
  126. 							<li>
  127. 								<span class="col-w-2 lableSpan">联系电话：</span>
  128. 								<div class="col-w-4">
  129. 									<input type="tel" class="frmcontype" placeholder="请填写手机/办公电话" id="mobilePhone" />
  130. 								</div>
  131. 							</li>
  132. 							<li>
  133. 								<span class="col-w-2 lableSpan">联系邮箱：</span>
  134. 								<div class="col-w-8">
  135. 									<input type="email" class="frmcontype" placeholder="请填写电子邮箱" id="moileMail" />
  136. 								</div>
  137. 							</li>
  138. 							<li class="saveBtn">
  139. 								<span class="col-w-2">&nbsp;</span>
  140. 								<div class="col-w-10">
  141. 									<button type="button" class="frmcontype btnModel" id="saveProfessor">保存</button>
  142. 									<button type="button" class="frmcontype btnModel btnCancel">取消</button>
  143. 								</div>
  144. 							</li>
  145. 						</ul>	
  146. 					</div>
  147. 				</div>
  148. 			</div>
  149. 			<div class="leftconBox updateLeft floatL" style="padding-bottom: 40px;">
  150. 				<!--个人简介-->
  151. 				<div class="coninfobox">
  152. 					<div class="coninfotit">个人简介<a class="btnClick edit">编辑</a></div>
  153. 					<div class="coninfocon">
  154. 						<div id="descpS">
  156. 						</div>
  157. 					</div>
  158. 					<div class="modifybox cmpFrmList">
  159. 						<div class="msgContbox">
  160. 				    		<textarea class="msgCont frmcontype" id="descp" placeholder="请填写一个简单的介绍，让大家更好地了解您"></textarea>
  161. 				    		<span class="msgconNum"><em class="limitNum">0</em>/500</span>
  162. 						</div>
  163. 						<div class="saveBtn clearfix">
  164. 							<div class="col-w-12">
  165. 								<button type="button" class="frmcontype btnModel" id="saveDescp">保存</button>
  166. 								<button type="button" class="frmcontype btnModel btnCancel">取消</button>
  167. 							</div>
  168. 						</div>
  169. 					</div>
  170. 				</div>
  171. 				<!--学术领域-->
  172. 				<div class="coninfobox xslyshow">
  173. 					<div class="coninfotit"><span>学术领域</span><a class="btnClick edit">编辑</a></div>
  174. 					<div class="coninfocon listArea">
  175. 						<ul id="subjectShow">
  176. 							
  177. 						</ul>
  178. 					</div>
  179. 					<div class="modifybox form-item">
  180. 						<div class="col-w-12" style="position: relative;">
  181. 							<input type="text" class="frmcontype oinput" placeholder="请填写您研究的学科，如：腐蚀防护、石墨烯、纳米材料" data-pro="学术领域不得超过15个字"  data-num="20" data-fontSizeN="15" id="subject"/>
  182. 							<button type="button" class="frmcontype btnModel frmaddG addButton" id="subjectAdd">添加</button>
  183. 							<div class="form-drop keydrop">
  184. 								<ul>
  185. 									
  186. 								</ul>
  187. 							</div>
  188. 						</div>
  189. 						<div class="form-result keyResult">
  190. 							<ul class="ulspace editUlist clearfix" id="subjectList">
  191. 								<!--<li>XXX<div class="closeThis"></div></li>-->
  192. 							</ul>
  193. 						</div>
  194. 						<div class="saveBtn clearfix">
  195. 							<div class="col-w-12">
  196. 								<button type="button" class="frmcontype btnModel" id="subjectSave">保存</button>
  197. 								<button type="button" class="frmcontype btnModel btnCancel">取消</button>
  198. 							</div>
  199. 						</div>
  200. 					</div>
  201. 				</div>
  202. 				<!--研究方向-->
  203. 				<div class="coninfobox">
  204. 					<div class="coninfotit"><span>研究方向</span><a class="btnClick edit">编辑</a></div>
  205. 					<div class="coninfocon listResearch">
  206. 						<ul class="clearfix" id="researchAreaShow">
  207. 							
  208. 						</ul>
  209. 					</div>
  210. 					<div class="modifybox form-item">
  211. 						<div class="col-w-12" style="position: relative;">
  212. 							<input type="text" class="frmcontype oinputM" placeholder="请用一句话描述您的研究方向，如：微生物腐蚀的机理研究、防治与检测" id="researchArea"/>
  213. 							<button type="button" class="frmcontype btnModel frmaddG" id="researchAreaAdd">添加</button>
  214. 						</div>
  215. 						<div class="form-result keyResult">
  216. 							<ul class="ulspace editUlistC clearfix" id="researchAreaList">
  217. 								
  218. 							</ul>
  219. 						</div>
  220. 						<div class="saveBtn clearfix">
  221. 							<div class="col-w-12">
  222. 								<button type="button" class="frmcontype btnModel" id="researchAreaSave">保存</button>
  223. 								<button type="button" class="frmcontype btnModel btnCancel">取消</button>
  224. 							</div>
  225. 						</div>
  226. 					</div>
  227. 				</div>
  228. 				<!-- 行业领域 -->
  229. 				<div class="coninfobox">
  230. 					<div class="coninfotit">行业领域<a class="btnClick edit">编辑</a></div>
  231. 					<div class="coninfocon listArea">
  232. 						<ul id="industryShow">
  234. 						</ul>
  235. 					</div>
  236. 					<div class="modifybox form-item">
  237. 						<div class="col-w-12" style="position: relative;">
  238. 							<input type="text" class="frmcontype oinput" placeholder="请填写企业所属的行业，如：制造业、互联网、服务业" data-pro="行业领域不得超过15个字" data-num="20" data-fontSizeN="15" id="industry"/>
  239. 							<button type="button" class="frmcontype btnModel frmaddG addButton" id="industryAdd">添加</button>
  240. 							<div class="form-drop keydrop">
  241. 								<ul>
  242. 									
  243. 								</ul>
  244. 							</div>
  245. 						</div>
  246. 						<div class="form-result keyResult">
  247. 							<ul class="ulspace editUlist clearfix" id="industryList">
  248. 								<!--<li>XXX<div class="closeThis"></div></li>-->
  249. 							</ul>
  250. 						</div>
  251. 						<div class="saveBtn clearfix">
  252. 							<div class="col-w-12">
  253. 								<button type="button" class="frmcontype btnModel" id="industrySave">保存</button>
  254. 								<button type="button" class="frmcontype btnModel btnCancel">取消</button>
  255. 							</div>
  256. 						</div>
  257. 					</div>
  258. 				</div>
  259. 				<!--项目经历-->
  260. 				<div class="coninfobox">
  261. 					<div class="coninfotit">项目经历<a class="btnClick addedit" id="projectAdd">添加</a></div>
  262. 					<div class="coninfocon listSector">
  263. 						<ul id="projectShow">
  265. 						</ul>
  266. 					</div>
  267. 				</div>
  268. 				<!--荣誉及奖项-->
  269. 				<div class="coninfobox">
  270. 					<div class="coninfotit">荣誉奖项<a class="btnClick addedit" id="honorAdd">添加</a></div>
  271. 					<div class="coninfocon listSector">
  272. 						<ul id="honorShow">
  274. 						</ul>
  275. 					</div>
  276. 				</div>
  277. 				<!--工作经历-->
  278. 				<div class="coninfobox">
  279. 					<div class="coninfotit">工作经历<a class="btnClick addedit" id="timeJobAdd">添加</a></div>
  280. 					<div class="coninfocon listSector">
  281. 						<ul id="timeJobShow">
  283. 						</ul>
  284. 					</div>
  285. 				</div>
  286. 				<!-- 教育背景 -->
  287. 				<div class="coninfobox">
  288. 					<div class="coninfotit">教育背景<a class="btnClick addedit" id="addEdu">添加</a></div>
  289. 					<div class="coninfocon listSector">
  290. 						<ul id="eduUl">
  291. 							<!--<li>航空航天大学－计科系－信管－硕士－2016<em class="exitlist"></em></li>-->
  292. 						</ul>
  293. 					</div>
  294. 				</div>
  295. 			</div>
  296. 			<div class="rightconBox floatR">
  297. 				<div class="conItem statisticsBox alignCenter clearfix" style="cursor:pointer;">
  298. 					<div class="col-w-12">
  299. 						<a class="goarrow" target="_blank" id="showMyself">查看我的主页<em></em></a>
  300. 					</div>
  301. 				</div>
  302. 				<div class="conItem statisticsBox alignCenter clearfix">
  303. 					<div class="col-w-12">
  304. 						<a class="goarrow" id="downResume" href="">下载我的简历<em></em></a>
  305. 					</div>
  306. 				</div>
  307. 				<div class="conItem statisticsBox alignCenter clearfix" style="padding:30px 10px">
  308. 					<div class="col-w-12">
  309. 						<p>发布需求、资源、文章、专利、论文 </p>
  310. 						<a class="goarrow" target="_blank" href="myConsult.html">进入我的工作台<em></em></a>
  311. 					</div>
  312. 				</div>
  313. 			</div>
  314. 		</div>
  315. 	</div>
  316. </div>
  318. <footer>
  319. 	<script type="text/javascript" src="js/footer.js"></script>
  320. </footer>
  322. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  323. <script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
  324. <script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
  325. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  326. <script type="text/javascript" src="js/city.min.js"></script>
  327. <script type="text/javascript" src="js/public/baseUtil.js"></script>
  328. <script type="text/javascript" src="js/public/genCom.js"></script>
  329. <script type="text/javascript" src="js/information.js"></script>
  330. <script>
  331. 	$("body").on("click", ".date-btn", function() {
  332. 		$(".mr_calendar_ym:visible").hide();
  333. 		var flag = $(this).attr("flag");				
  334. 		var c = $(this).val();
  335. 		if(flag == 1) {
  336. 			console.log("年插件位置")
  337. 			if(c) {
  338. 				if (c == "至今") {
  339. 					$(this).siblings(".mr_calendar_ym").show();
  340. 					$(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
  341. 					return false;
  342. 				} else{
  343. 					var ye = new Date().getFullYear();
  344. 					var sroTop = (ye - parseInt(c)) * 32;
  345. 					$(this).siblings(".mr_calendar_ym").show();
  346. 					$(this).siblings(".mr_calendar_ym").find(".full_year").scrollTop(sroTop);
  347. 					$(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
  348. 					return false;
  349. 				}
  350. 				
  351. 			} else {
  352. 				var ye = new Date().getFullYear();
  353. 				$(this).siblings(".mr_calendar_ym").show();
  354. 				$(this).siblings(".mr_calendar_ym").find(".yearli:contains('" + ye + "')").addClass("active").siblings().removeClass("active");
  355. 				return false;
  356. 			}
  357. 		} else if(flag == 2) {
  358. 			console.log("月插件位置")
  359. 			if(c) {
  360. 				if(c == "至今") {
  361. 					$(this).siblings(".mr_calendar_ym").show();
  362. 					$(this).siblings(".mr_calendar_ym").find(".mli").removeClass("active");
  363. 					$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c + "')").addClass("active").siblings().removeClass("active");
  364. 					return false;
  365. 				} else {
  366. 					$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").addClass("active");
  367. 					$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + c.substr(0, 4) + "')").siblings().removeClass("active");
  368. 					if(c.substr(5, 1) == 0) {
  370. 						if(c.substr(6, 1) == 1) {
  371. 							$(this).siblings(".mr_calendar_ym").find(".mli:first").addClass("active").siblings().removeClass("active");;
  372. 						} else if(c.substr(6, 1) == 2) {
  373. 							$(this).siblings(".mr_calendar_ym").find(".mli:eq(1)").addClass("active").siblings().removeClass("active");;
  374. 						} else {
  375. 							$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(6, 1) + "')").addClass("active").siblings().removeClass("active");;
  376. 						}
  378. 					} else {
  380. 						$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").addClass("active");
  381. 						$(this).siblings(".mr_calendar_ym").find(".mli:contains('" + c.substr(5, 2) + "')").siblings().removeClass("active");
  382. 					}
  383. 					$(this).siblings(".mr_calendar_ym").show();
  384. 					var ya = $(this).siblings(".mr_calendar_ym").find(".mr_year .ymli").length;
  385. 					var ye = new Date().getFullYear();
  386. 					if(ya == 61) {
  387. 						ye = ye + 1;
  388. 					}
  389. 					var sroTop = (ye - parseInt(c.substr(0, 4))) * 32;
  390. 					$(this).siblings(".mr_calendar_ym").find(".mr_year").scrollTop(sroTop);
  391. 					return false;
  392. 				}
  393. 			} else {
  394. 				var ye = new Date().getFullYear();
  395. 				$(this).siblings(".mr_calendar_ym").show();
  396. 				$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").addClass("active");
  397. 				$(this).siblings(".mr_calendar_ym").find(".ymli:contains('" + ye + "')").siblings().removeClass("active");
  398. 				return false;
  399. 			}
  401. 		}
  402. 	})
  403. 	$("body").on("click", ".yearli", function() {
  404. 		$(this).addClass("active").siblings().removeClass("active");
  405. 		$(this).parents(".mr_calendar_ym ").siblings().val($(this).text());
  406. 		$(this).parents(".mr_calendar_ym ").hide();
  407. 		return false;
  408. 	})
  409. 	$("body").on("click", ".ymli", function() {
  410. 		$(this).addClass("active").siblings().removeClass("active");
  411. 		var year = $(this).text();
  412. 		if(year == "至今") {
  413. 			$(this).parents(".mr_calendar_ym ").siblings().val($(this).text())
  414. 			$(this).parents(".mr_calendar_ym ").hide();
  415. 		}
  416. 		return false;
  417. 	})
  418. 	$("body").on("click", ".mli", function() {
  419. 		var yearli = $(this).parents(".mr_month").siblings(".mr_year").children(".active").text();
  420. 		console.log(yearli);
  421. 		if($(this).text() < 10) {
  422. 			var month = "0" + $(this).text();
  423. 		} else {
  424. 			var month = $(this).text();
  425. 		}
  426. 		if(yearli == "至今") {
  427. 			var valueM = yearli;
  428. 			$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
  429. 			$(this).parents(".mr_calendar_ym ").hide();
  430. 		} else {
  431. 			$(this).addClass("active").siblings().removeClass("active");
  432. 			var valueM = yearli + "-" + month
  433. 			$(this).parents(".mr_calendar_ym ").siblings().val(valueM);
  434. 			$(this).parents(".mr_calendar_ym ").hide();
  435. 		}
  436. 			return false;
  437. 	})
  438. 	$("body").click(function(){
  439. 		$(".mr_calendar_ym:visible").hide();
  440. 	})
  441. 	function yearAdd() {
  442. 		//先给年下拉框赋内容   			
  443. 		var y = new Date().getFullYear();
  444. 		$(".full_year").empty();
  445. 		$(".mr_year").empty();
  446. 		for(var i = y; i > y - 60; i--) { //以今年为准，前60年，后10年   
  447. 			$(".mr_year").append('<li class="ymli">' + i + '</li>');
  448. 			$(".full_year").append('<li class="yearli">' + i + '</li>');
  449. 			if(i == y) {
  450. 				$(".mr_year>li:contains(" + i + ")").addClass("active");
  451. 				$(".full_year>li:contains(" + i + ")").addClass("active");
  452. 			}
  453. 		}
  454. 			//$(".mr_year li:first-child").before('<li class="ymli">至今</li>');
  455. 			//$(".full_year li:first-child").before('<li class="ymli">至今</li>');
  456. 		
  457. 	}
  459. 	function month() {
  460. 		//赋月份的下拉框   
  461. 		$(".mr_month").empty();
  462. 		for(var i = 1; i < 13; i++) {
  463. 			$(".mr_month").append('<li class="mli" style="text-align:center">' + i + '</li>');
  464. 		}
  465. 	}
  466. </script>
  467. </body>
  469. </html>