portal html css js resource

z.html 16KB

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