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

portal html css js resource

Aborescence: 78753a270e
Branches Tags
portal-front
/
e
/
p.html

p.html 17KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户分享-科袖网</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/common.css" />
  9. <link rel="stylesheet" href="../css/share.css" />
  10. <style>
  11. 	html,body{margin:0;padding:0px;background: #F4F6F8;}
  12. </style>
  13. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  14. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  15. <script type="text/javascript" src="../js/public/shareCom.js"></script>		
  16. </head>
  18. <body>
  19. 	<div class="contentBody2">
  20. 	    <div class="showCardI">
  21. 			<div class="cardTop">
  22. 				<div class="cardImg userCard" id="proHead"></div>
  23. 				<div class="cardInfo">
  24. 					<p><span class="h1Font" id="proName"></span><em class="authiconNew" title="" id="proAuth"></em></p>
  25. 					<p class="ellipsisSty h2Font"id="proOther"></p>
  26. 					<p class="h3Font" id="proAddress"></p>
  27. 				</div>		
  28. 			</div>
  29. 		</div>
  30. 		<div class="mainbox">
  31. 			<div class="infocontit mui-clearfix" style="cursor: pointer;" id="goCmpBrief">个人介绍 <em></em></div>
  32. 			<div class="infocon">
  33. 				<span class="breifinfo" id="breifinfo">
  34.         		</span>
  35. 			</div>
  36. 		</div>
  37. 		<div class="mainbox">
  38. 			<div class="infocontit">学术领域</div>
  39. 			<div class="infocon listArea">
  40. 				<ul id="subjectShow">
  41. 					
  42. 				</ul>
  43. 			</div>
  44. 		</div>
  45. 		<div class="mainbox">
  46. 			<div class="infocontit">研究方向</div>
  47. 			<div class="infocon reserachMess">
  49. 			</div>
  50. 		</div>
  51. 		<div class="mainbox">
  52. 			<div class="infocontit">行业领域</div>
  53. 			<div class="infocon listArea">
  54. 				<ul id="industryShow">
  55. 					
  56. 				</ul>
  57. 			</div>
  58. 		</div>
  59. 		<div class="mainbox">
  60. 			<div class="infocontit">资源 (<span id="resourceNum">0</span>)</div>
  61. 			<div class="infocon madiaBlock">
  62. 				<ul class="mui-table-view" id="resourceShow">
  63. 			    </ul>
  64. 			</div>
  65. 			<div class="seeMore displayNone" id="seeMoreResource"><em>查看更多</em></div>
  66. 		</div>
  67. 		<div class="mainbox">
  68. 			<div class="infocontit">专利 (<span id="patentNum">0</span>)</div>
  69. 			<div class="infocon madiaBlock">
  70. 				<ul class="mui-table-view" id="patentShow">
  71. 			    </ul>
  72. 			</div>
  73. 			<div class="seeMore displayNone" id="seeMorePatent"><em>查看更多</em></div>
  74. 		</div>
  75. 		<div class="mainbox">
  76. 			<div class="infocontit">论文 (<span id="paperNum">0</span>)</div>
  77. 			<div class="infocon madiaBlock">
  78. 				<ul class="mui-table-view" id="paperShow">
  79. 			    </ul>
  80. 			</div>
  81. 			<div class="seeMore displayNone" id="seeMorePaper"><em>查看更多</em></div>
  82. 		</div>
  83. 		<div class="mainbox">
  84. 			<div class="infocontit">文章 (<span id="articalNum">0</span>)</div>
  85. 			<div class="infocon madiaBlock">
  86. 				<ul class="mui-table-view" id="articelShow">
  87. 			    </ul>
  88. 			</div>
  89. 			<div class="seeMore displayNone" id="seeMoreArtical"><em>查看更多</em></div>
  90. 		</div>
  91. 	    <div class="shareEcode" style="background: #FFFFFF;">
  92. 	    	<div class="Ecodebox">
  93. 				<div class="Ecodecon clearfix">
  94. 					<img src="../images/weixin_code.jpg" />
  95. 					<div class="codecon">
  96. 						<h1>「 科袖 」</h1>
  97. 						<h2>搭建企业与专家的桥梁</h2>
  98. 						<h3>长按识别科袖公众号</h3>
  99. 					</div>
  100. 				</div>
  101. 			</div>
  102. 			<div style="margin:20px auto;">
  103. 				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  104. 			</div>
  105. 	    </div>
  106. 	</div>
  107. <script type="text/javascript">
  108. $(document).ready(function() {
  109. 	var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  110. 	var lineLink = document.location.href;
  111. 	var descContent;
  112. 	var shareTitle;
  113. 	var appid = '';
  114. 	
  115. 	var proId = GetQueryString("id");
  116. 	//proId = "91E3F49CE63B43EEBA0C68B6DD7F0A19";
  117. 	userMessage(proId);
  118. 	getArticel();
  119. 	getResource();
  120. 	getPaper();
  121. 	getPatent();
  122. 	
  123. 	$("body").on("click",".seeMore,#goCmpBrief",function(){
  124. 		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
  125. 		$(this).addClass("activeThis");
  126. 	})
  127. 	$('#articelShow').on('click', 'li', function() {
  128. 		var id = this.getAttribute("data-id");
  129. 		location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  130. 		$(this).addClass("activeThis");
  131. 	})
  132. 	$('#resourceShow').on('click', 'li', function() {
  133. 		var id = this.getAttribute("data-id");
  134. 		location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  135. 		$(this).addClass("activeThis");
  136. 	})
  137. 	$('#paperShow').on('click', 'li', function() {
  138. 		var id = this.getAttribute("data-id");
  139. 		location.href="http://" + window.location.host + "/e/l.html?id=" + id;
  140. 		$(this).addClass("activeThis");
  141. 	})
  142. 	$('#patentShow').on('click', 'li', function() {
  143. 		var id = this.getAttribute("data-id");
  144. 		location.href="http://" + window.location.host + "/e/z.html?id=" + id;
  145. 		$(this).addClass("activeThis");
  146. 	})
  148. 	function userMessage(id) {
  149. 		$.ajax({
  150. 			type:"get",
  151. 			url:"/ajax/professor/info/"+ proId,
  152. 			async:true,
  153. 			success: function(data) {
  154. 				var $info = data.data;
  155. 				if(data.success) {
  156. 					if($info.hasHeadImage){
  157. 						$("#proHead").css("background-image","url(/images/head/"+ $info.id +"_l.jpg)");
  158. 					}
  159. 					$("#proName").text($info.name);
  160. 					var oStyS=autho($info.authType,$info.orgAuth,$info.authStatus);
  161. 					$("#proAuth").addClass(oStyS.sty); $("#proAuth").attr("title",oStyS.title);
  162. 					if($info.address){
  163. 						$("#proAddress").html('<em class="mui-icon iconfontnew icon-address"></em> ' + $info.address);
  164. 					}
  165. 					var proOther="";
  166. 					if($info.orgName){
  167. 						if($info.department){
  168. 							if($info.title){
  169. 								proOther = $info.title + "，" + $info.department + "，" + $info.orgName
  170. 							}else{
  171. 								if($info.office){
  172. 									proOther = $info.office + "，" + $info.department + "，" + $info.orgName
  173. 								}else{
  174. 									proOther = $info.department + "，" + $info.orgName
  175. 								}
  176. 							}
  177. 						}else{
  178. 							proOther = $info.orgName
  179. 						}
  180. 					}
  181. 					$("#proOther").text(proOther);
  182. 					var llqtitle=$info.name + "-" + proOther.replace(/，/gi,"-");//修改浏览器title信息
  183. 					document.title = llqtitle;
  185. 					//个人简介
  186. 					if($info.descp) {
  187. 						$("#breifinfo").text($info.descp);
  188. 					}
  189. 					//学术领域					
  190. 					if($info.subject) {
  191. 						indu($info.subject, 'subjectShow')
  192. 					} else {
  193. 						document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  194. 					}
  195. 					//研究方向
  196. 					if($info.researchAreas.length) {
  197. 						researchAreaShow($info.researchAreas, $info.editResearchAreaLogs);
  198. 					} else {
  199. 						document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  200. 					}
  201. 					//行业领域	
  202. 					if($info.industry) {
  203. 						indu($info.industry, 'industryShow')
  204. 					} else {
  205. 						document.getElementById("industryShow").parentNode.parentNode.style.display = "none";
  206. 					}
  208. 					//微信再次分享
  209. 					shareTitle = document.getElementById("proName").innerText;
  210. 					descContent = document.getElementById("subjectShow").innerText.substring(0,40);
  211. 					
  212. 				}
  213. 			},
  214. 			error: function() {
  215. 			}
  216. 		});
  217. 	}
  218. 	//查询研究方向	
  219. 	var getRecords = function($researchAreaLogs, caption) {
  220. 		var ret = [];
  221. 		var t = 0;
  222. 		for(var i = 0; i < $researchAreaLogs.length; i++) {
  223. 			if(caption == $researchAreaLogs[i].caption) {
  224. 				ret[t] = {
  225. 					id: $researchAreaLogs[i].opreteProfessorId,
  226. 					img: $researchAreaLogs[i].hasHeadImage
  227. 				}
  228. 				t++;
  229. 			}
  230. 		}
  231. 		return ret;
  232. 	}
  233. 	var resear = "";
  234. 	var researchAreaShow = function($datas, $datarecords) {
  235. 		if($datas != undefined && $datas.length != 0) {
  236. 			var html = [];
  237. 			for(var i = 0; i < $datas.length; ++i) {
  238. 				var $data = $datas[i];
  239. 				var $photos = [];
  240. 				//获取头像					
  241. 				if($datarecords.length > 0) {
  242. 					$photos = getRecords($datarecords, $data.caption);
  243. 				}
  244. 				var showDiv = "<div class='listbox'><div class='listbrowse ellipsisSty'dataCaption="+$data.caption+"><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum' dataCaption="+$data.caption+">"
  245. 				
  246. 				if($photos.length < 4) {
  247. 					for(var j = 0; j < $photos.length; ++j) {
  248. 						if($photos[j].img) {
  249. 							showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  250. 						} else {
  251. 							showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  252. 						}
  253. 					}
  254. 				} else {
  255. 					for(var j = $photos.length - 2; j < $photos.length; ++j) {
  256. 						if($photos[j].img) {
  257. 							showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  258. 						} else {
  259. 							showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  260. 						}
  261. 					}
  262. 					showDiv += "<span class='mui-icon iconfont icon-more likepeople likemore userRadius'></span>";
  263. 				}
  264. 				showDiv += "</div></div></div>";
  265. 				html.push(showDiv);
  266. 				resear += (i + 1) + "." + $data.caption + " ";
  267. 			}
  268. 			document.getElementsByClassName("reserachMess")[0].innerHTML = html.join('')
  269. 		}
  270. 	}
  271. 	/*应用行业及领域及企业纸质*/
  272. 	function indu(oString, oSelector) {
  273. 		var arr = oString.split(",");
  274. 		var oArr = new Array();
  275. 		var i;
  276. 		for(i in arr) {
  277. 			oArr.push('<li>' + arr[i] + '</li>');
  278. 		}
  279. 		document.getElementById(oSelector).innerHTML = oArr.join("");
  280. 	}
  281. 	//获取资源
  282. 	function getResource() {
  283. 		$.ajax({
  284. 			url: "../ajax/resource/pqProPublish",
  285. 			type: "GET",
  286. 			timeout: 10000,
  287. 			dataType: "json",
  288. 			data: {
  289. 				"professorId": proId,
  290. 			},
  291. 			success: function(data) {
  292. 				console.log(data)
  293. 				if(data.success) {
  294. 					var obj = data.data.data;
  295. 					if(obj.length>0){
  296. 						document.getElementById("resourceNum").innerText = obj.length;
  297. 						if(obj.length>2){
  298. 							obj.length =2;
  299. 							document.getElementById("seeMoreResource").classList.remove("displayNone");
  300. 						}
  301. 						for(var i = 0; i < obj.length; i++) {
  302. 							var liItem = document.createElement("li");
  303. 							liItem.className = "mui-table-view-cell"
  304. 							liItem.setAttribute("data-id",obj[i].resourceId)
  305. 							var oString = '<div class="flexCenter OflexCenter clearfix">'
  306. 							if(obj[i].images.length) {
  307. 								oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
  308. 							} else {
  309. 								oString += '<div class="madiaHead resouseHead"></div>'
  310. 							}
  311. 							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p>'
  312. 							oString += '<p class="h2Font ellipsisSty">应用用途：' + obj[i].supportedServices + '</p>'
  313. 							oString += '</div></div>'
  314. 							liItem.innerHTML = oString;
  315. 							document.getElementById("resourceShow").appendChild(liItem);
  316. 						}
  317. 					}else{
  318. 						document.getElementById("resourceShow").parentNode.parentNode.style.display="none";
  319. 					}
  320. 				}
  321. 			},
  322. 			error: function() {
  323. 			}
  324. 		})
  325. 	}
  326. 	/*企业文章html*/
  327. 	function getArticel() {
  328. 		$.ajax({
  329. 			url: "../ajax/article/pqProPublish", 
  330. 			type: "GET",
  331. 			timeout: 10000,
  332. 			dataType: "json",
  333. 			data: {
  334. 				"professorId": proId,
  335. 			},
  336. 			success: function(data) {
  337. 				console.log(data)
  338. 				if(data.success) {
  339. 					var obj = data.data.data;
  340. 					if(obj.length>0){
  341. 						document.getElementById("articalNum").innerText = obj.length;
  342. 						if(obj.length>2){
  343. 							obj.length =2;
  344. 							document.getElementById("seeMoreArtical").classList.remove("displayNone");
  345. 						}
  346. 						for(var i = 0; i < obj.length; i++) {
  347. 							var liItem = document.createElement("li");
  348. 							liItem.setAttribute("data-id",obj[i].articleId);
  349. 							liItem.setAttribute("owner-id",obj[i].orgId);
  350. 							liItem.className = "mui-table-view-cell"
  351. 							var oString = '<div class="flexCenter OflexCenter clearfix">'
  352. 							if(obj[i].articleImg) {
  353. 								oString += '<div class="madiaHead artHead" style="background-image:url(../data/article/' + obj[i].articleImg + ')"></div>'
  354. 							} else {
  355. 								oString += '<div class="madiaHead artHead"></div>'
  356. 							}
  357. 							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>'
  358. 							oString += '</div></div>'
  359. 							liItem.innerHTML = oString;
  360. 							document.getElementById("articelShow").appendChild(liItem);
  361. 						}
  362. 					}else{
  363. 						document.getElementById("articelShow").parentNode.parentNode.style.display="none";
  364. 					}
  365. 				}
  366. 			},
  367. 			error: function() {
  368. 			}
  369. 		})
  370. 	}
  371. 	function getPaper() {
  372. 		$.ajax({
  373. 			url: "../ajax/ppaper/byProfessor", 
  374. 			type: "GET",
  375. 			timeout: 10000,
  376. 			dataType: "json",
  377. 			data: {
  378. 				"id": proId,
  379. 			},
  380. 			success: function(data) {
  381. 				console.log(data)
  382. 				if(data.success) {
  383. 					var obj = data.data.data;
  384. 					if(obj.length>0){
  385. 						document.getElementById("paperNum").innerText = obj.length;
  386. 						if(obj.length>2){
  387. 							obj.length =2;
  388. 							document.getElementById("seeMorePaper").classList.remove("displayNone");
  389. 						}
  390. 						for(var i = 0; i < obj.length; i++) {
  391. 							var liItem = document.createElement("li");
  392. 							liItem.setAttribute("data-id",obj[i].id);
  393. 							liItem.className = "mui-table-view-cell"
  394. 							var oString = '<div class="flexCenter OflexCenter clearfix">'
  395. 							oString += '<div class="madiaHead paperHead"></div>'
  396. 							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].name + '</p>'
  397. 							oString += '<p class="ellipsisSty h2Font">作者：' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>'
  398. 							oString += '</div></div>'
  399. 							liItem.innerHTML = oString;
  400. 							document.getElementById("paperShow").appendChild(liItem);
  401. 						}
  402. 					}else{
  403. 						document.getElementById("paperShow").parentNode.parentNode.style.display="none";
  404. 					}
  405. 				}
  406. 			},
  407. 			error: function() {
  408. 			}
  409. 		})
  410. 	}
  411.     function getPatent() {
  412. 		$.ajax({
  413. 			url: "../ajax/ppatent/byProfessor", 
  414. 			type: "GET",
  415. 			timeout: 10000,
  416. 			dataType: "json",
  417. 			data: {
  418. 				"id": proId,
  419. 			},
  420. 			success: function(data) {
  421. 				console.log(data)
  422. 				if(data.success) {
  423. 					var obj = data.data.data;
  424. 					if(obj.length>0){
  425. 						document.getElementById("patentNum").innerText = obj.length;
  426. 						if(obj.length>2){
  427. 							obj.length =2;
  428. 							document.getElementById("seeMorePatent").classList.remove("displayNone");
  429. 						}
  430. 						for(var i = 0; i < obj.length; i++) {
  431. 							var liItem = document.createElement("li");
  432. 							liItem.setAttribute("data-id",obj[i].id);
  433. 							liItem.className = "mui-table-view-cell"
  434. 							var oString = '<div class="flexCenter OflexCenter clearfix">'
  435. 							oString += '<div class="madiaHead patentHead"></div>'
  436. 							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].name + '</p>'
  437. 							oString += '<p class="ellipsisSty h2Font">发明人：' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>'
  438. 							oString += '</div></div>'
  439. 							liItem.innerHTML = oString;
  440. 							document.getElementById("patentShow").appendChild(liItem);
  441. 						}
  442. 					}else{
  443. 						document.getElementById("patentShow").parentNode.parentNode.style.display="none";
  444. 					}
  445. 				}
  446. 			},
  447. 			error: function() {
  448. 			}
  449. 		})
  450. 	}
  451.     
  452.     /*微信分享*/
  453. 	$.ajax({
  454. 		url: "../ajax/weixin/jsapiTicket",
  455. 		type: 'get',
  456. 		dataType: 'json',
  457. 		contentType: "application/x-www-form-urlencoded; charset=utf-8",
  458. 		data: {
  459. 			'url': location.href.split('#')[0]
  460. 		},
  461. 		success: function(data) {
  462. 			if(data.data) {
  463. 				wx.config({
  464. 					debug: false, //调试模式好犀利
  465. 					appId: data.data.appId,
  466. 					timestamp: data.data.timestamp,
  467. 					nonceStr: data.data.nonceStr,
  468. 					signature: data.data.signature,
  469. 					jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  470. 						"onMenuShareAppMessage",
  471. 						"onMenuShareTimeline",
  472. 						"onMenuShareQQ",
  473. 						"onMenuShareQZone",
  474. 						"scanQRCode",
  475. 					]
  476. 				});
  477. 				wx.ready(function() {
  478. 					// 在这里调用 API
  479. 					wx.onMenuShareAppMessage({ //分享给朋友
  480. 						title: shareTitle, // 分享标题
  481. 						desc: descContent, // 分享描述
  482. 						link: lineLink, // 分享链接
  483. 						imgUrl: imgUrl, // 分享图标
  484. 						success: share_success_callback,
  485. 						cancel: share_cancel_callback
  486. 					});
  487. 					wx.onMenuShareTimeline({ //分享到朋友圈
  488. 						title: shareTitle, // 分享标题
  489. 						desc: descContent, // 分享描述
  490. 						link: lineLink, // 分享链接
  491. 						imgUrl: imgUrl, // 分享图标
  492. 						success: share_success_callback,
  493. 						cancel: share_cancel_callback
  494. 					});
  495. 					wx.onMenuShareQQ({ //分享到QQ
  496. 						title: shareTitle, // 分享标题
  497. 						desc: descContent, // 分享描述
  498. 						link: lineLink, // 分享链接
  499. 						imgUrl: imgUrl, // 分享图标
  500. 						success: share_success_callback,
  501. 						cancel: share_cancel_callback
  502. 					});
  503. 					wx.onMenuShareQZone({ //分享到QQ空间
  504. 						title: shareTitle, // 分享标题
  505. 						desc: descContent, // 分享描述
  506. 						link: lineLink, // 分享链接
  507. 						imgUrl: imgUrl, // 分享图标
  508. 						success: share_success_callback,
  509. 						cancel: share_cancel_callback
  510. 					});
  511. 				});
  512. 				//分享成功后的回调函数	
  513. 				function share_success_callback() {}
  514. 				//用户取消分享后执行的回调函数	
  515. 				function share_cancel_callback() {}
  516.     		}
  517. 		}
  518. 	});
  519. })
  520. </script>
  521. </body>
  523. </html>