Home Verkennen Help
Registreren Inloggen
jiapeng
/
portal-front
Volgen 3
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 340 Publicaties 0 Wiki

portal html css js resource

Boom: bfc6733c69
Aftakkingen Labels
portal-front
/
ekexiu
/
shareProinfor.html

shareProinfor.html 16KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484 
  1. <!DOCTYPE html>
  2. <html>
  4. 	<head>
  5. 		<meta charset="UTF-8">
  6. 		<title></title>
  7. 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. 		<link rel="stylesheet" href="../css/reset.css" />
  9. 		<link rel="stylesheet" href="../css/common.css" />
  10. 		<link rel="stylesheet" href="../css/share.css" />
  11. 		<style type="text/css">
  12. 			.ResImgBox:before { margin-left: 0px;}
  13. 		</style>
  14. 	</head>
  15. 	<body>
  16. 		<div class="contentBody2">
  17. 			<div class="blockGroup mainbox">
  18. 				<div class="maincon personinfo">
  19. 					<div class="headbox alignCenter">
  20. 						<div class="headimg userRadius"><img src="../images/default-photo.jpg" width="100%" class="headimg1" /></div>
  21. 						<div class="listtit"><span class="personalMaterial" style="position: relative;"></span><em class="authiconNew" id="nameli"></em></div>
  22. 						<p class="listtit3"><span class="personalMaterial"></span><span class="personalMaterial"></span></p>
  23. 						<p class="listtit3"><span class="personalMaterial"></span><span class="personalMaterial"> </span> <span class="personalMaterial"></span></p>
  24. 					</div>
  25. 				</div>
  26. 				<ul>
  27. 					<li>
  28. 						<a class="mui-navigate-right clearfix peolevelbox " id="accessHistory">
  29. 							<div class="pull-left peocountbox">
  30. 								<div class="peocount clearfix">
  31. 									<em class="dialogicon pull-left "></em>
  32. 									<span class="pull-left">已完成咨询<em class="consultCount"></em>次</span>
  33. 								</div>
  34. 							</div>
  35. 							<div class="rightword levelbox pull-right ">
  36. 								<span class="iconfont  start"></span>
  37. 								<!--无色星星icon-favor  黄色星icon-favorfill-->
  38. 								<span class="iconfont  start"></span>
  39. 								<span class="iconfont icon-favor start"></span>
  40. 								<span class="iconfont icon-favor start"></span>
  41. 								<span class="iconfont icon-favor start"></span>
  42. 							</div>
  44. 						</a>
  45. 					</li>
  46. 				</ul>
  47. 			</div>
  48. 			<div class="blockGroup mainbox" id="professorresourceList">
  49. 				<div class="maincon">
  50. 					<div class="infocontit">合作资源</div>
  51. 					<div class="infocon" style="padding:10px 0;">
  52. 						<ul class="listitembox resinfo" id="resourceList">
  53. 						</ul>
  54. 					</div>
  55. 				</div>
  56. 			</div>
  57. 			<div class="blockGroup mainbox" id="professorBreifinfo">
  58. 				<div class="maincon">
  59. 					<div class="infocontit">个人简介</div>
  60. 					<div class="infocon">
  61. 						<span class="breifinfo">
  62.                 </span>
  63. 					</div>
  64. 				</div>
  65. 			</div>
  66. 			<div class="blockGroup mainbox" id="professorInfosubject">
  67. 				<div class="maincon">
  68. 					<div class="infocontit">学术领域</div>
  69. 					<div class="infocon">
  70. 						<ul class="infosubject">
  71. 						</ul>
  72. 					</div>
  73. 				</div>
  74. 			</div>
  75. 			<div class="blockGroup mainbox" id="professorReserachMess">
  76. 				<div class="maincon">
  77. 					<div class="infocontit">研究方向</div>
  78. 					<div class="infocon reserachMess">
  79. 						
  80. 					</div>
  81. 				</div>
  82. 			</div>
  83. 			<div class="blockGroup mainbox" id="professorinfoapply">
  84. 				<div class="maincon">
  85. 					<div class="infocontit">应用行业</div>
  86. 					<div class="infocon">
  87. 						<ul class="infoapply">
  88. 						</ul>
  89. 					</div>
  90. 				</div>
  91. 			</div>
  93. 			<div class="blockGroup mainbox" style="padding-bottom:40px;">
  94. 				<div class="maincon alignCenter">
  95. 					<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
  96. 					<div class="frmbox" style="margin:20px auto;">
  97. 						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  98. 					</div>
  99. 					<div>
  100. 						<img style="width:120px;" src="../images/weixin_code.jpg" />
  101. 						<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
  102. 					</div>
  103. 				</div>
  104. 			</div>
  105. 		</div>
  106. 		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  107. 		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  108. 		<script>
  109. 			//获取URL ID函数
  111. 			$(document).ready(function() {
  112. 				var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  113. 				var lineLink = document.location.href;
  114. 				var descContent="研究方向：";
  115. 				var shareTitle="";
  116. 				var appid = '';
  117. 				var personalMaterial = document.getElementsByClassName('personalMaterial');
  118. 				var nameli = document.getElementById("nameli");
  119. 				var personSummary = document.getElementsByClassName("breifinfo")[0];
  120. 				var professorId = GetQueryString("professorId");
  121. 				function GetQueryString(name) {
  122. 					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  123. 					var r = window.location.search.substr(1).match(reg);
  124. 					var context = "";
  125. 					if(r != null)
  126. 						context = r[2];
  127. 					reg = null;
  128. 					r = null;
  129. 					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
  130. 				}
  131. 					//查询学术领域
  132. 				var subjectShow = function(data) {
  133. 						if(data != undefined && data.length != 0) {
  134. 							var subs = new Array();
  135. 							if(data.indexOf(',')) {
  136. 								subs = data.split(',');
  137. 							} else {
  138. 								subs[0] = data;
  139. 							}
  140. 							if(subs.length > 0) {
  141. 								var html = [];
  142. 								for(var i = 0; i < subs.length; i++) {
  143. 									html.push("<li>" + subs[i] + "</li>");
  144. 								};
  145. 								document.getElementsByClassName("infosubject")[0].innerHTML = html.join('');
  146. 							}
  147. 						}
  148. 					}
  149. 					//查询研究方向	
  150. 				var getRecords = function($researchAreaLogs, caption) {
  151. 					var ret = [];
  152. 					var t = 0;
  153. 					for(var i = 0; i < $researchAreaLogs.length; i++) {
  154. 						if(caption == $researchAreaLogs[i].caption) {
  155. 							ret[t] = {
  156. 								id: $researchAreaLogs[i].opreteProfessorId,
  157. 								img: $researchAreaLogs[i].hasHeadImage
  158. 							}
  159. 							t++;
  160. 						}
  161. 					}
  162. 					return ret;
  163. 				}
  164. 				var researchAreaShow = function($datas, $datarecords) {
  165. 						if($datas != undefined && $datas.length != 0) {
  166. 							var html = [];
  167. 							for(var i = 0; i < $datas.length; ++i) {
  168. 								var $data = $datas[i];
  169. 								var $photos = [];
  170. 								//获取头像					
  171. 								if($datarecords.length > 0) {
  172. 									$photos = getRecords($datarecords, $data.caption);
  173. 								}
  174. 								
  175. 								descContent += " " + $data.caption;
  176. 								var showDiv = "<div class='listbox'><div class='listbrowse mui-ellipsis'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum'>";
  178. 								if($photos.length < 4) {
  179. 									for(var j = 0; j < $photos.length; ++j) {
  180. 										if($photos[j].img) {
  181. 											showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  182. 										} else {
  183. 											showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  184. 										}
  185. 									}
  186. 								} else {
  187. 									for(var j = $photos.length - 2; j < $photos.length; ++j) {
  188. 										if($photos[j].img) {
  189. 											showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  190. 										} else {
  191. 											showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  192. 										}
  193. 									}
  194. 									showDiv += "<span class='mui-icon iconfont icon-more likepeople likemore userRadius'></span>";
  195. 								}
  196. 								showDiv += "</div></div></div>";
  197. 								html.push(showDiv);
  198. 							}
  199. 							document.getElementsByClassName("reserachMess")[0].innerHTML = html.join('')
  200. 						}
  201. 					}
  202. 					//查询应用行业		
  203. 				var industryShow = function(data) {
  204. 					if(data != undefined && data.length != 0) {
  205. 						var subs = new Array();
  206. 						if(data.indexOf(',')) {
  207. 							subs = data.split(',');
  208. 						} else {
  209. 							subs[0] = data;
  210. 						}
  211. 						if(subs.length > 0) {
  212. 							var html = [];
  213. 							for(var i = 0; i < subs.length; i++) {
  214. 								html.push("<li>" + subs[i] + "</li>");
  215. 							};
  216. 							document.getElementsByClassName("infoapply")[0].innerHTML = html.join('');
  217. 						}
  218. 					}
  219. 				}
  220. 				var professorResource = function(odata) {
  221. 						var $data = odata;
  222. 						var html = [];
  223. 						for(var i = 0; i < odata.length; i++) {
  224. 							var string = '<li class="listitem">'
  225. 							string += '<div class="proinfor clearfix">'
  226. 							string += '<div class="media-object pull-left ResImgBox">'
  227. 							if($data[i].images.length) {
  228. 								string += '<img class="resImg headRadius" src="../images/resource/' + $data[i].resourceId + '.jpg">'
  230. 							} else {
  232. 								string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
  233. 							}
  234. 							string += '</div>'
  235. 							string += '<div class="pull-left media-body">'
  236. 							string += '<span class="listtit">' + $data[i].resourceName + '</span>'
  237. 							string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
  238. //							string += '<p class="listtit3 resbrief">'
  239. //							if($data[i].descp) {
  240. //								string += $data[i].descp;
  241. //							}
  242. //							string += '</p>'
  243. 							string += '</div></div></li>'
  244. 							
  245. 							html.push(string);
  246. 						}
  247. 						document.getElementById("resourceList").innerHTML = html.join('');
  249. 					}
  250. 					/*获取个人信息*/
  251. 				function personalMessage() {
  252. 					$.ajax({
  253. 						url: "../ajax/professor/info/" + professorId,
  254. 						dataType: 'json', //数据格式类型
  255. 						type: 'GET', //http请求类型
  256. 						async:false,
  257. 						timeout: 10000, //超时设置
  258. 						success: function(data) {
  259. 							var $data = data.data;
  260. 							personalMaterial[0].innerText = $data.name;
  261. 							
  262. 							//title标题栏
  263. 							if(!$data.title){
  264. 								$data.title="";
  265. 							}
  266. 							shareTitle = "【科袖名片】" + $data.name + " " + $data.title + "";
  267. 							window.setTimeout(function() {
  268. 								document.title = "【科袖名片】" + $data.name + " " + $data.title + "";
  269. 							}, 500);
  270. 							
  271. 							//基本信息
  272. 							if($data.consultCount) {
  273. 								document.getElementsByClassName("consultCount")[0].innerText = $data.consultCount;
  274. 							} else {
  275. 								document.getElementById("accessHistory").style.display = "none";
  276. 							}
  277. 							var startLeval = parseInt($data.starLevel);
  278. 							var start = document.getElementsByClassName("start");
  279. 							for(var i = 0; i < startLeval; i++) {
  280. 								start[i].classList.add("icon-favorfill");
  281. 								start[i].classList.remove("icon-favor");
  282. 							}
  283. 							if($data.hasHeadImage) {
  284. 								document.getElementsByClassName("headimg1")[0].src = "../images/head/" + $data.id + "_l.jpg";
  285. 							} else {
  286. 								document.getElementsByClassName("headimg1")[0].src = "../images/default-photo.jpg";
  287. 							}
  288. 							//认证
  289. 							var oStyT=autho($data.authType,$data.orgAuth,$data.authStatus);
  290. 							nameli.classList.add(oStyT.sty);
  291. 							nameli.setAttribute("title",oStyT.title);
  292. 							
  293. 							if($data.office) {
  294. 								if($data.title) {
  295. 									personalMaterial[1].innerText = $data.office + "，";
  296. 								} else {
  297. 									personalMaterial[1].innerText = $data.office;
  298. 								}
  299. 							}
  300. 							if($data.title) {
  301. 								personalMaterial[2].innerText = $data.title;
  302. 							}
  303. 							if($data.orgName) {
  304. 								if($data.department) {
  305. 									personalMaterial[3].innerText = $data.orgName + " , ";
  306. 								} else {
  307. 									if($data.address) {
  308. 										personalMaterial[3].innerText = $data.orgName + " | ";
  309. 									} else {
  310. 										personalMaterial[3].innerText = $data.orgName;
  311. 									}
  312. 								}
  314. 							}
  315. 							if($data.department) {
  316. 								if($data.address) {
  317. 									personalMaterial[4].innerText = $data.department + " | ";
  318. 								} else {
  319. 									personalMaterial[4].innerText = $data.department;
  320. 								}
  322. 							}
  323. 							if($data.address) {
  324. 								personalMaterial[5].innerText = $data.address;
  325. 							}
  326. 							//个人简介
  328. 							if($data.descp) {
  329. 								personSummary.innerHTML = $data.descp;
  330. 							} else {
  331. 								document.getElementById("professorBreifinfo").style.display = "none";
  332. 							}
  333. 							//学术领域
  334. 							if($data.subject) {
  335. 								subjectShow($data.subject);
  336. 							} else {
  337. 								document.getElementById("professorInfosubject").style.display = "none";
  338. 							}
  339. 							//研究方向
  340. 							if($data.researchAreas.length) {
  342. 								researchAreaShow($data.researchAreas, $data.editResearchAreaLogs);
  343. 							
  344. 							} else {
  345. 								document.getElementById("professorReserachMess").style.display = "none";
  346. 							}
  347. 							//应用行业
  348. 							if($data.industry) {
  349. 								industryShow($data.industry);
  350. 							} else {
  351. 								document.getElementById("professorinfoapply").style.display = "none";
  352. 							}
  353. 							//专家资源
  354. 							if($data.resources.length) {
  355. 								professorResource($data.resources);
  356. 							} else {
  357. 								document.getElementById("professorresourceList").style.display = "none";
  358. 							}
  359. 							/*//如无详细内容数据，隐藏详细点击的按钮
  360. 							if(!$data.edus.length && !$data.jobs.length && !$data.projects.length && !$data.papers.length && !$data.patents.length && !$data.honors.length) {
  361. 								document.getElementById("detailProfessor").style.display = "none";
  362. 							}
  363. 							*/
  364. 							
  365. 							
  366. 						},
  367. 						error: function(e) {
  368. 							return;
  369. 						}
  370. 					});
  371. 				}
  372. 				personalMessage()
  373. 	
  374. 				/*微信分享*/
  375. 				$.ajax({
  376. 					url: "../ajax/weixin/jsapiTicket",
  377. 					type: 'get',
  378. 					dataType: 'json',
  379. 					contentType: "application/x-www-form-urlencoded; charset=utf-8",
  380. 					data: {
  381. 						'url': location.href.split('#')[0]
  382. 					},
  383. 					success: function(data) {
  384. 						if(data.data) {
  385. 							wx.config({
  386. 								debug: false, //调试模式好犀利
  387. 								appId: data.data.appId,
  388. 								timestamp: data.data.timestamp,
  389. 								nonceStr: data.data.nonceStr,
  390. 								signature: data.data.signature,
  391. 								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  392. 									"onMenuShareAppMessage",
  393. 									"onMenuShareTimeline",
  394. 									"onMenuShareQQ",
  395. 									"onMenuShareQZone",
  396. 									"scanQRCode",
  397. 								]
  398. 							});
  400. 							wx.ready(function() {
  401. 								// 在这里调用 API
  402. 								wx.onMenuShareAppMessage({ //分享给朋友
  403. 									title: shareTitle, // 分享标题
  404. 									desc: descContent, // 分享描述
  405. 									link: lineLink, // 分享链接
  406. 									imgUrl: imgUrl, // 分享图标
  407. 									success: share_success_callback,
  408. 									cancel: share_cancel_callback
  409. 								});
  411. 								wx.onMenuShareTimeline({ //分享到朋友圈
  412. 									title: shareTitle, // 分享标题
  413. 									desc: descContent, // 分享描述
  414. 									link: lineLink, // 分享链接
  415. 									imgUrl: imgUrl, // 分享图标
  416. 									success: share_success_callback,
  417. 									cancel: share_cancel_callback
  418. 								});
  420. 								wx.onMenuShareQQ({ //分享到QQ
  421. 									title: shareTitle, // 分享标题
  422. 									desc: descContent, // 分享描述
  423. 									link: lineLink, // 分享链接
  424. 									imgUrl: imgUrl, // 分享图标
  425. 									success: share_success_callback,
  426. 									cancel: share_cancel_callback
  427. 								});
  429. 								wx.onMenuShareQZone({ //分享到QQ空间
  430. 									title: shareTitle, // 分享标题
  431. 									desc: descContent, // 分享描述
  432. 									link: lineLink, // 分享链接
  433. 									imgUrl: imgUrl, // 分享图标
  434. 									success: share_success_callback,
  435. 									cancel: share_cancel_callback
  436. 								});
  438. 							});
  440. 							//分享成功后的回调函数	
  441. 							function share_success_callback() {}
  443. 							//用户取消分享后执行的回调函数	
  444. 							function share_cancel_callback() {}
  446. 						}
  448. 					}
  449. 				});
  450. 				/*标志*/
  451. 				function autho() {
  452. 					if(arguments[0] == 1) {
  453. 						return {
  454. 							"sty": "authicon-pro",
  455. 							"title": "科袖认证专家"
  456. 						}
  457. 					} else {
  458. 						if(arguments[1] == 1) {
  459. 							return {
  460. 								"sty": "authicon-staff-ok",
  461. 								"title": "企业认证员工"
  462. 							}
  463. 						} else {
  464. 							if(arguments[2] == 3) {
  465. 								return {
  466. 									"sty": "authicon-real",
  467. 									"title": "实名认证用户"
  468. 								}
  469. 							} else {
  470. 								return {
  471. 									"sty": "",
  472. 									"title": ""
  473. 								}
  474. 							}
  475. 						}
  476. 					}
  477. 				}
  478. 				
  479. 			})
  480. 		</script>
  482. 	</body>
  484. </html>