portal html css js resource

information.html 19KB

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