首頁 探索 說明
註冊 登入
jiapeng
/
portal-front
關註 3
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 700 版本發佈 0 Wiki

portal html css js resource

目錄樹: 763ebea486
分支列表 標籤列表
portal-front
/
e
/
z.html

z.html 15KB
文件歷史 原始文件

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