portal html css js resource

l.html 15KB

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