portal html css js resource

z.html 15KB

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