Главная Обзор Помощь
Регистрация Войти
jiapeng
/
portal-front
Следить 3
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 1143 Релизы 0 Вики

portal html css js resource

Дерево: ebe9a244fc
Ветки Метки
portal-front
/
e
/
z.html

z.html 17KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531 
  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{background: #FFFFFF;}
  12. 	
  13. </style>
  14. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  15. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  16. <script type="text/javascript" src="../js/public/shareCom.js"></script>	
  17. <script type="text/javascript" src="../js/public/openApp.js"></script>	
  18. </head>
  20. <body>
  21. 	<div class="contentBody2">
  22. 	    <div class="showDetail">
  23.     		<div class="h1Font hWeight" id="patentName"></div>
  24. 	    	<!--内容区-->
  25. 			<div class="showMain showMainP">
  26. 				<ul>
  27. 					<li>
  28. 						<div class="showTit">专利号：<span class="showCon" id="Znum1"></span></div>
  29. 					</li>
  30. 					<li>
  31. 						<div class="showTit">公开日：<span class="showCon" id="Znum2"></span></div>
  32. 					</li>
  33. 					<li>
  34. 						<div class="showTit">申请日：<span class="showCon" id="Znum3"></span></div>
  35. 					</li>
  36. 					<li>
  37. 						<div class="showTit">申请号：<span class="showCon" id="Znum4"></span></div>
  38. 					</li>
  39. 					<li>
  40. 						<div class="showTit">申请人：<span class="showCon" id="Znum5"></span></div>
  41. 					</li>
  42. 					<li>
  43. 						<div class="showTit">摘要：</div>
  44. 						<div class="showCon" id="patentAbstract">
  45. 							
  46. 						</div>
  47. 					</li>
  48. 				</ul>
  49. 			</div>
  50.     		<!--标签模块-->
  51. 			<ul class="tagList">
  52. 				
  53. 			</ul>
  54. 			<div class="madiaBlock">
  55. 				<div class="madiaTit">发明人</div>
  56. 				<ul class="mui-table-view" id="aboutAuthors">
  57. 			        
  58. 			    </ul>
  59. 			</div>
  60. 			<div class="madiaBlock displayNone" id="paperModule">
  61. 						<div class="madiaTit">相关论文</div>
  62. 						<ul class="mui-table-view" id="paperList">
  63. 					       <!--<li class="mui-table-view-cell">
  64. 						       	<div class="flexCenter OflexCenter mui-clearfix">
  65. 									<div class="madiaHead paperHead"></div>
  66. 									<div class="madiaInfo OmadiaInfo">
  67. 										<p class="ellipsisSty h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
  68. 										<p class="ellipsisSty h2Font">作者：李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
  69. 									</div> 
  70. 								</div>
  71. 					      </li>-->
  72. 					    </ul>
  73. 				</div>
  74. 				<div class="thumbBlock">
  75. 					<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
  76. 				</div>
  77. 				<div class="madiaBlock displayNone" id="patentModule">
  78. 						<div class="madiaTit">您可能感兴趣的专利</div>
  79. 						<ul class="mui-table-view" id="patentList">
  80. 					    </ul>
  81. 				</div>
  82. 				<div class="madiaBlock displayNone" style="padding-bottom:50px;" id="leword">
  83. 						<div class="madiaTit" id="olisten">留言</div>
  84. 						<ul class="mui-table-view commentBlock noactiveTab">
  85. 					     
  86. 					   </ul>
  87. 				</div>
  88. 	    </div>
  89. 	    <div class="shareEcode">
  90. 			<img class="Ecodecon" src="../images/ecordCard.jpg" />
  91. 			<div class="Ecodeinfo">
  92. 				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  93. 			</div>
  94. 	    </div>
  95. 	</div>
  96. <script type="text/javascript">
  97. $(document).ready(function() {
  98. 	var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  99. 	var lineLink = document.location.href;
  100. 	var descContent;
  101. 	var shareTitle;
  102. 	var appid = '';
  103. 	
  104. 	var patentId = GetQueryString("id");
  105. 		isAgreeNum()
  106. 	function isAgreeNum() {
  107. 	var data = {"id": patentId}
  108. 	$.ajax({		
  109. 		url:"/ajax/ppatent/agreeCount",
  110. 		data:data,
  111. 		dataType: 'json', //数据格式类型
  112. 		type: 'get', //http请求类型
  113. 		timeout: 10000,
  114. 		async: true,
  115. 		success: function(data) {
  116. 			if(data.success){		
  117. 					$(".thumbBtn").html("赞 <span>" + data.data + "</span>");
  118. 			}
  119. 		},
  120. 		error: function() {
  121. 			//$.MsgBox.Alert('提示',"服务器链接超时");
  122. 		}
  123. 	});
  124. }
  125. 	leword();
  126. 	function leword(){
  127. 			$.ajax({
  128. 				url:"/ajax/leaveWord/ql/patent",
  129. 				data: {
  130. 					"patentId":patentId,
  131. 					"rows":100	},
  132. 				dataType: 'json', //服务器返回json格式数据
  133. 				type: 'get', //HTTP请求类型
  134. 				timeout: 10000, //超时时间设置为10秒；
  135. 				traditional: true,
  136. 				success: function(data) {
  137. 					if(data.success) {
  138. 						console.log(data)
  139. 						if(data.data.length == 0) {
  140. 							return;
  141. 						}
  142. 						$("#leword").show();
  143. 						for(var i = 0; i < data.data.length; i++) {
  144. 							var oText = ""
  145. 							var userType = autho(data.data[i].professor.authType, data.data[i].professor.orgAuth, data.data[i].professor.authStatus);
  146. 							var baImg = "../images/default-photo.jpg";
  147. 							if(data.data[i].professor.hasHeadImage == 1) {
  148. 								baImg = "/images/head/" + data.data[i].professor.id + "_l.jpg";
  149. 							}
  150. 							var li = document.createElement("li");
  151. 							li.innerHTML = '<div class="flexCenter clearfix" data-id="' + data.data[i].professor.id + '">' +
  152. 								'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
  153. 								'<div class="madiaInfo">' +
  154. 								'<p><span class="h1Font" data-id="' + data.data[i].professor.id + '">' + data.data[i].professor.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  155. 								'<p class="h2Font">' + data.data[i].content + '</p>' +
  156. 								'<p class="operateSpan">' +
  157. 								'<span class="commenttime">' + commenTime(data.data[i].createTime) + '</span>' +
  158. //								'<span data-id="' + data.data[i].id + '" class="dele">' + oText + '</span>' +
  159. 								'</p>' +
  160. 								'</div>'
  161. 							document.getElementsByClassName("commentBlock")[0].appendChild(li);
  162. 						}
  163. 	
  164. 					}
  165. 				},
  166. 				error: function() {
  167. 				}
  168. 			});
  169. 		}
  170. 	$(".commentBlock").on("click","li>.flexCenter",function(){
  171. 		location.href="http://" + window.location.host + "/e/p.html?id=" + $(this).attr("data-id");
  172. 	})
  173. 	
  174. 	var this_="../html/patentShow.html?patentId="+patentId;
  175. 	wcFresh(this_);
  176. 	$("body").on("click",".goSpan,.thumbBtn",function(){
  177. 		isInstalled(this_,true);
  178. 		$(this).addClass("activeThis");
  179. 	})
  180. 	paperInterestingList()
  181. 	function paperInterestingList(){
  182. 		$.ajax({
  183. 			"url" : "/ajax/ppatent/ralatePatents",
  184. 			"type" :  "GET" ,
  185. 			"dataType" : "json",
  186. 			"data" :{
  187. 				"patentId":patentId
  188. 			},
  189. 			//"async":false,
  190. 			"traditional": true, //传数组必须加这个
  191. 			"success" : function(data) {
  192. 				if(data.success) {
  193. 					console.log(data);
  194. 					var dataStr=data.data
  195. 					var lengthT;
  196. 					if(dataStr.length>5){
  197. 						lengthT=5;
  198. 					}else{
  199. 						lengthT=dataStr.length
  200. 					}
  201. 					if(dataStr.length > 0){
  202. 						$("#patentModule").show();
  203. 						var itemlist = '';
  204. 						for(var i = 0; i < lengthT; i++) {
  205. 							
  206. 							var itemlist = '<li class="mui-table-view-cell" data-id="'+dataStr[i].id+'">';
  207. 							itemlist += '<div class="flexCenter OflexCenter mui-clearfix"><div class="madiaHead patentHead"></div>';
  208. 							itemlist += '<div class="madiaInfo OmadiaInfo">';
  209. 							itemlist += '<p class="ellipsisSty-2 h1Font">'+ dataStr[i].name +'</p>';
  210. 							itemlist += '<p class="ellipsisSty h2Font">发明人：'+ dataStr[i].authors.substring(0, dataStr[i].authors.length - 1) +'</p>';
  211. 							itemlist += '</div></div></li>';
  212. 							$itemlist = $(itemlist);
  213. 							$("#patentList").append($itemlist);
  214. 						}
  215. 					}
  216. 				}
  217. 			},
  218. 			"error":function(){
  219. 				//$.MsgBox.Alert('提示','链接服务器超时')
  220. 			}
  221. 		});
  222. 	}
  223. 	$("#paperList").on("click","li",function(){
  224. 		location.href="http://" + window.location.host + "/e/l.html?id=" + $(this).attr("data-id");
  225. 	});
  226. 	$("#patentList").on("click","li",function(){
  227. 		location.href="http://" + window.location.host + "/e/z.html?id=" + $(this).attr("data-id");
  228. 	});
  229. 	getRecourceMe();
  230. 	$.ajax({
  231. 		"url": "../ajax/ppatent/incPageViews",
  232. 		"type": "POST",
  233. 		"dataType": "json",
  234. 		"data": {
  235. 			"id": patentId
  236. 		},
  237. 		"success": function(data) {
  238. 			console.log(data);
  239. 			if(data.success) {}
  240. 		},
  241. 		"error": function() {
  242. 			//$.MsgBox.Alert('提示', '链接服务器超时')
  243. 		}
  244. 	});
  245. 	$("#aboutAuthors").on("click","li",function(){
  246. 		var oDataId = $(this).attr("data-id");
  247. 		if(oDataId.substring(0,1)!="#"){
  248. 			location.href="http://" + window.location.host + "/e/p.html?id=" + oDataId;
  249. 			$(this).addClass("activeThis");
  250. 		}
  251. 	})
  252. 	$(".tagList").on("click", "li", function() {
  253. 		var keyCon=$(this).find(".h2Font").text();
  254. 		location.href="http://" + window.location.host + "/e/search.html?flag=4&key=" + keyCon;
  255. 	})
  256. 		
  257. 	function getRecourceMe() {
  258. 		$.ajax({
  259. 			url:'../ajax/ppatent/qo',
  260. 			data: {
  261. 				'id': patentId,
  262. 			},
  263. 			dataType: 'json', //服务器返回json格式数据
  264. 			type: 'get', //HTTP请求类型
  265. 			timeout: 10000, //超时时间设置为10秒；
  266. 			success: function(data) {
  267. 				if(data.success) {
  268. 					var mydata = data.data;
  269. 					patentHtml(data.data);
  270. 					getpatentAuthors(data.data.id)
  271. 				}
  272. 			},
  273. 			error: function(e) {
  274. 				return;
  275. 			}
  276. 		});
  277. 	}
  278. 	function patentHtml($da) {
  279. 		//微信再次分享配置
  280. 		shareTitle = $da.name;
  281. 		descContent = $da.summary.substring(0,70);
  282. 		
  283. 		document.title = $da.name; 
  284. 		document.getElementById("patentName").innerHTML = $da.name; //名字
  285. 		document.getElementById("patentAbstract").innerHTML = $da.summary; //摘要内容
  286. 		document.getElementById("Znum1").innerHTML = $da.code;//专利号
  287. 		if($da.pubDay){
  288. 			document.getElementById("Znum2").innerHTML = TimeTr($da.pubDay);
  289. 		}else{
  290. 			document.getElementById("Znum2").parentNode.parentNode.style.display="none";
  291. 		}
  292. 		if($da.reqCode){
  293. 			document.getElementById("Znum4").innerHTML = $da.reqCode;
  294. 		}else{
  295. 			document.getElementById("Znum4").parentNode.parentNode.style.display="none";
  296. 		}
  297. 		if($da.reqDay){
  298. 			document.getElementById("Znum3").innerHTML =  TimeTr($da.reqDay);
  299. 		}else{
  300. 			document.getElementById("Znum3").parentNode.parentNode.style.display="none";
  301. 		}
  302. 		if($da.reqDay){
  303. 			document.getElementById("Znum5").innerHTML = $da.reqPerson;
  304. 		}else{
  305. 			document.getElementById("Znum5").parentNode.parentNode.style.display="none";
  306. 		}
  307. 		
  308. 		if($da.keywords != undefined && $da.keywords.length != 0 ){
  309. 			var subs = new Array();
  310. 			if($da.keywords.indexOf(',')){
  311. 				subs = $da.keywords.split(',');
  312. 			}else{
  313. 				subs[0] = $da.keywords;
  314. 			}
  315. 			var pstr=""
  316. 			if(subs.length>0){
  317. 				paperRelatedList(subs);
  318. 				for (var i = 0; i < subs.length; i++) 
  319. 				{
  320. 					pstr+='<li><span class="h2Font">'+ subs[i] +'</span></li>'
  321. 				};
  322. 				$(".tagList").html(pstr);
  323. 			}else{
  324. 				$(".tagList").hide();
  325. 			}
  326. 		}		
  327. 	}
  328. 	/*获取论文作者信息*/
  329. 	function getpatentAuthors(stritrm) {
  330. 		$.ajax({
  331. 			"url":"../ajax/ppatent/authors",
  332. 			"type": "GET",
  333. 			"success": function(data) {
  334. 				if(data.success) {
  335. 					if(data.data.length>0){
  336. 						for(var i=0;i<data.data.length;i++){
  337. 							var authTy="",authTit="",baseInfo="",imgbg="../images/default-photo.jpg";
  338. 							if(data.data[i].professorId.substring(0, 1) != "#"){
  339. 								$.ajax({
  340. 									url:"../ajax/professor/editBaseInfo/" + data.data[i].professorId,
  341. 									type:"get",
  342. 									async:true,
  343. 									success:function($proData){
  344. 										if($proData.success){
  345. 											var showPro = $proData.data;
  346. 											if(showPro.hasHeadImage == 1) {
  347. 												imgbg = "/images/head/" + showPro.id + "_l.jpg";
  348. 											} else {
  349. 												imgbg = "../images/default-photo.jpg";
  350. 											}
  351. 											//认证
  352. 											var oSty = autho(showPro.authType,showPro.orgAuth,showPro.authStatus);
  353. 											authTy = oSty.sty;
  354. 											authTit = oSty.title;
  355. 											
  356. 											var title = showPro.title || "";
  357. 											var orgName = showPro.orgName || "";
  358. 											var office = showPro.office || "";
  359. 											if(orgName!=""){
  360. 												if(title != "") {
  361. 													baseInfo = title + "，" + orgName;
  362. 												}else{
  363. 													if(office!=""){
  364. 														baseInfo = office  + "，" + orgName;	
  365. 													}else{
  366. 														baseInfo = orgName;	
  367. 													}
  368. 												}
  369. 											}else{
  370. 												if(title != "") {
  371. 													baseInfo = title;
  372. 												}else{
  373. 													if(office!=""){
  374. 														baseInfo = office;	
  375. 													}else{
  376. 														baseInfo = "";	
  377. 													}
  378. 												}
  379. 											}
  380. 											var liItem = document.createElement("li");
  381. 											liItem.setAttribute("data-id",showPro.id);
  382. 											liItem.className = "mui-table-view-cell"
  383. 											var oString = '<div class="flexCenter mui-clearfix">'
  384. 											oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  385. 											oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authiconNew '+ authTy +'" title="'+ authTit +'"></em></p>'
  386. 											oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
  387. 											oString += '</div><div class="goSpan"><span class="attenSpan" data-id="'+showPro.id+'">关注</span></div></div>'
  388. 											liItem.innerHTML = oString;
  389. 											document.getElementById("aboutAuthors").appendChild(liItem);
  390. 										}
  391. 									}
  392. 								})
  393. 							}else{
  394. 								var liItem = document.createElement("li");
  395. 								liItem.setAttribute("data-id",data.data[i].professorId);
  396. 								liItem.className = "mui-table-view-cell"
  397. 								var oString = '<div class="flexCenter mui-clearfix">'
  398. 								oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  399. 								oString += '<div class="madiaInfo"><p><span class="h1Font">'+ data.data[i].name  +'</span></p>'
  400. 								oString += '</div></div>'
  401. 								liItem.innerHTML = oString;
  402. 								document.getElementById("aboutAuthors").appendChild(liItem);
  403. 							}
  404. 							
  405. 						}
  406. 					}
  407. 				}
  408. 			},
  409. 			"data": {
  410. 				"id": stritrm
  411. 			},
  412. 			dataType: "json",
  413. 			'error':function() {
  414. 				//$.MsgBox.Alert('提示', '链接服务器超时')
  415. 			}
  416. 		});
  417. 	}
  418. 	/*微信分享*/
  419. 	$.ajax({
  420. 		url: "../ajax/weixin/jsapiTicket",
  421. 		type: 'get',
  422. 		dataType: 'json',
  423. 		contentType: "application/x-www-form-urlencoded; charset=utf-8",
  424. 		data: {
  425. 			'url': location.href.split('#')[0]
  426. 		},
  427. 		success: function(data) {
  428. 			if(data.data) {
  429. 				wx.config({
  430. 					debug: false, //调试模式好犀利
  431. 					appId: data.data.appId,
  432. 					timestamp: data.data.timestamp,
  433. 					nonceStr: data.data.nonceStr,
  434. 					signature: data.data.signature,
  435. 					jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  436. 						"onMenuShareAppMessage",
  437. 						"onMenuShareTimeline",
  438. 						"onMenuShareQQ",
  439. 						"onMenuShareQZone",
  440. 						"scanQRCode",
  441. 					]
  442. 				});
  443. 				wx.ready(function() {
  444. 					// 在这里调用 API
  445. 					wx.onMenuShareAppMessage({ //分享给朋友
  446. 						title: shareTitle, // 分享标题
  447. 						desc: descContent, // 分享描述
  448. 						link: lineLink, // 分享链接
  449. 						imgUrl: imgUrl, // 分享图标
  450. 						success: share_success_callback,
  451. 						cancel: share_cancel_callback
  452. 					});
  453. 					wx.onMenuShareTimeline({ //分享到朋友圈
  454. 						title: shareTitle, // 分享标题
  455. 						desc: descContent, // 分享描述
  456. 						link: lineLink, // 分享链接
  457. 						imgUrl: imgUrl, // 分享图标
  458. 						success: share_success_callback,
  459. 						cancel: share_cancel_callback
  460. 					});
  461. 					wx.onMenuShareQQ({ //分享到QQ
  462. 						title: shareTitle, // 分享标题
  463. 						desc: descContent, // 分享描述
  464. 						link: lineLink, // 分享链接
  465. 						imgUrl: imgUrl, // 分享图标
  466. 						success: share_success_callback,
  467. 						cancel: share_cancel_callback
  468. 					});
  469. 					wx.onMenuShareQZone({ //分享到QQ空间
  470. 						title: shareTitle, // 分享标题
  471. 						desc: descContent, // 分享描述
  472. 						link: lineLink, // 分享链接
  473. 						imgUrl: imgUrl, // 分享图标
  474. 						success: share_success_callback,
  475. 						cancel: share_cancel_callback
  476. 					});
  477. 				});
  478. 				//分享成功后的回调函数	
  479. 				function share_success_callback() {}
  480. 				//用户取消分享后执行的回调函数	
  481. 				function share_cancel_callback() {}
  482.     		}
  483. 		}
  484. 	});
  485. 	//根据关键词查询查找相关论文
  486. 	function paperRelatedList(array){
  487. 		$.ajax({
  488. 			"url"  :  "/ajax/ppaper/assPapers",
  489. 			"type" :  "GET" ,
  490. 			"dataType" : "json",
  491. 			"data" :{
  492. 				"kws":array
  493. 			},
  494. 			//"async":false,
  495. 			"traditional": true, //传数组必须加这个
  496. 			"success" : function(data) {
  497. 				if(data.success) {
  498. 					console.log(data);
  499. 					var dataStr=data.data
  500. 					var lengthT;
  501. 					if(dataStr.length>5){
  502. 						lengthT=5;
  503. 					}else{
  504. 						lengthT=dataStr.length
  505. 					}
  506. 					if(dataStr.length > 0){
  507. 						$("#paperModule").show();
  508. 						var itemlist = '';
  509. 						for(var i = 0; i < lengthT; i++) {
  510. 							var itemlist = '<li class="mui-table-view-cell" data-id="'+dataStr[i].id+'">';
  511. 							itemlist += '<div class="flexCenter OflexCenter mui-clearfix"><div class="madiaHead paperHead"></div>';
  512. 							itemlist += '<div class="madiaInfo OmadiaInfo">';
  513. 							itemlist += '<p class="ellipsisSty-2 h1Font">'+ dataStr[i].name +'</p>';
  514. 							itemlist += '<p class="ellipsisSty h2Font">作者：'+ dataStr[i].authors.substring(0, dataStr[i].authors.length - 1) +'</p>';
  515. 							itemlist += '</div></div></li>';
  516. 							$itemlist = $(itemlist);
  517. 							$("#paperList").append($itemlist);
  518. 						}
  519. 					}
  520. 				}
  521. 			},
  522. 			"error":function(){
  523. 				plus.nativeUI.toast("服务器链接超时", toastStyle);
  524. 			}
  525. 		});
  526. 	}
  527. })
  528. </script>
  529. </body>
  531. </html>