portal html css js resource

l.html 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  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>
  17. <body>
  18. <div class="contentBody2">
  19. <div class="showDetail">
  20. <div class="h1Font hWeight" id="paperName"></div>
  21. <!--内容区-->
  22. <div class="showMain showMainP">
  23. <ul>
  24. <li>
  25. <div class="showTit">期刊:<span class="showCon" id="paperJournal"></span></div>
  26. </li>
  27. <li>
  28. <div class="showTit">期卷:<span class="showCon" id="paperVolume"></span></div>
  29. </li>
  30. <li>
  31. <div class="showTit">摘要:</div>
  32. <div class="showCon" id="paperAbstract">
  33. </div>
  34. </li>
  35. </ul>
  36. </div>
  37. <!--标签模块-->
  38. <ul class="tagList">
  39. </ul>
  40. <div class="madiaBlock">
  41. <div class="madiaTit">作者</div>
  42. <ul class="mui-table-view" id="aboutAuthors">
  43. </ul>
  44. </div>
  45. </div>
  46. <div class="shareEcode">
  47. <div class="Ecodebox">
  48. <div class="Ecodecon clearfix">
  49. <img src="../images/weixin_code.jpg" />
  50. <div class="codecon">
  51. <h1>「 科袖 」</h1>
  52. <h2>搭建企业与专家的桥梁</h2>
  53. <h3>长按识别科袖公众号</h3>
  54. </div>
  55. </div>
  56. </div>
  57. <div style="margin:20px auto;">
  58. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  59. </div>
  60. </div>
  61. </div>
  62. <script type="text/javascript">
  63. $(document).ready(function() {
  64. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  65. var lineLink = document.location.href;
  66. var descContent;
  67. var shareTitle;
  68. var appid = '';
  69. var paperId = GetQueryString("id");
  70. getRecourceMe();/*获取信息*/
  71. shareWays();//分享方式
  72. $.ajax({
  73. "url": "../ajax/ppaper/incPageViews",
  74. "type": "POST",
  75. "dataType": "json",
  76. "data": {
  77. "id": paperId
  78. },
  79. "success": function(data) {
  80. console.log(data);
  81. if(data.success) {}
  82. },
  83. "error": function() {
  84. //$.MsgBox.Alert('提示', '链接服务器超时')
  85. }
  86. });
  87. $("#aboutAuthors").on("click","li",function(){
  88. var oDataId = $(this).attr("data-id");
  89. if(oDataId.substring(0,1)!="#"){
  90. location.href="http://" + window.location.host + "/e/p.html?id=" + oDataId;
  91. }else{
  92. location.href="javascrip:;";
  93. }
  94. })
  95. function getRecourceMe() {
  96. $.ajax({
  97. url:'../ajax/ppaper/qo',
  98. data: {
  99. 'id': paperId,
  100. },
  101. dataType: 'json', //服务器返回json格式数据
  102. type: 'get', //HTTP请求类型
  103. timeout: 10000, //超时时间设置为10秒;
  104. success: function(data) {
  105. if(data.success) {
  106. var mydata = data.data;
  107. paperHtml(data.data);
  108. getPaperAuthors(data.data.id)
  109. }
  110. },
  111. error: function(e) {
  112. return;
  113. }
  114. });
  115. }
  116. function paperHtml($da) {
  117. //微信再次分享配置
  118. shareTitle = $da.name;
  119. descContent = $da.summary.substring(0,40);
  120. document.title = $da.name;
  121. document.getElementById("paperName").innerHTML = $da.name; //名字
  122. document.getElementById("paperAbstract").innerHTML = $da.summary; //摘要内容
  123. if(!$da.cn4periodical){
  124. $da.cn4periodical=""
  125. }
  126. if(!$da.en4periodical){
  127. $da.en4periodical=""
  128. }
  129. if(!$da.cn4periodical && !$da.en4periodical){
  130. document.getElementById("paperJournal").parentNode.parentNode.style.display="none";
  131. }else{
  132. document.getElementById("paperJournal").innerHTML = $da.cn4periodical +" " + $da.en4periodical;
  133. }
  134. if(!$da.pubDay){
  135. document.getElementById("paperVolume").parentNode.parentNode.style.display="none";
  136. }else{
  137. document.getElementById("paperVolume").innerHTML = $da.pubDay;
  138. }
  139. if($da.keywords != undefined && $da.keywords.length != 0 ){
  140. var subs = new Array();
  141. if($da.keywords.indexOf(',')){
  142. subs = $da.keywords.split(',');
  143. }else{
  144. subs[0] = $da.keywords;
  145. }
  146. var pstr=""
  147. if(subs.length>0){
  148. for (var i = 0; i < subs.length; i++)
  149. {
  150. pstr+='<li><span class="h2Font">'+ subs[i] +'</span></li>'
  151. };
  152. $(".tagList").html(pstr);
  153. }else{
  154. $(".tagList").hide();
  155. }
  156. }
  157. }
  158. /*获取论文作者信息*/
  159. function getPaperAuthors(stritrm) {
  160. $.ajax({
  161. "url":"../ajax/ppaper/authors",
  162. "type": "GET",
  163. "success": function(data) {
  164. if(data.success) {
  165. if(data.data.length>0){
  166. for(var i=0;i<data.data.length;i++){
  167. var authTy="",authTit="",baseInfo="",imgbg="../images/default-photo.jpg";
  168. if(data.data[i].professorId.substring(0, 1) != "#"){
  169. $.ajax({
  170. url:"../ajax/professor/editBaseInfo/" + data.data[i].professorId,
  171. type:"get",
  172. async:true,
  173. success:function($proData){
  174. if($proData.success){
  175. var showPro = $proData.data;
  176. if(showPro.hasHeadImage == 1) {
  177. imgbg = "/images/head/" + showPro.id + "_l.jpg";
  178. } else {
  179. imgbg = "../images/default-photo.jpg";
  180. }
  181. //认证
  182. var oSty = autho(showPro.authType,showPro.orgAuth,showPro.authStatus);
  183. authTy = oSty.sty;
  184. authTit = oSty.title;
  185. var title = showPro.title || "";
  186. var orgName = showPro.orgName || "";
  187. var office = showPro.office || "";
  188. if(orgName!=""){
  189. if(title != "") {
  190. baseInfo = title + "," + orgName;
  191. }else{
  192. if(office!=""){
  193. baseInfo = office + "," + orgName;
  194. }else{
  195. baseInfo = orgName;
  196. }
  197. }
  198. }else{
  199. if(title != "") {
  200. baseInfo = title;
  201. }else{
  202. if(office!=""){
  203. baseInfo = office;
  204. }else{
  205. baseInfo = "";
  206. }
  207. }
  208. }
  209. var liItem = document.createElement("li");
  210. liItem.setAttribute("data-id",showPro.id);
  211. liItem.className = "mui-table-view-cell"
  212. var oString = '<div class="flexCenter mui-clearfix">'
  213. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  214. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authicon '+ authTy +'" title="'+ authTit +'"></em></p>'
  215. oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
  216. oString += '</div></div>'
  217. liItem.innerHTML = oString;
  218. document.getElementById("aboutAuthors").appendChild(liItem);
  219. }
  220. }
  221. })
  222. }else{
  223. var liItem = document.createElement("li");
  224. liItem.setAttribute("data-id",data.data[i].professorId);
  225. liItem.className = "mui-table-view-cell"
  226. var oString = '<div class="flexCenter mui-clearfix">'
  227. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  228. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ data.data[i].name +'</span></p>'
  229. oString += '</div></div>'
  230. liItem.innerHTML = oString;
  231. document.getElementById("aboutAuthors").appendChild(liItem);
  232. }
  233. }
  234. }
  235. }
  236. },
  237. "data": {
  238. "id": stritrm
  239. },
  240. dataType: "json",
  241. 'error':function() {
  242. //$.MsgBox.Alert('提示', '链接服务器超时')
  243. }
  244. });
  245. }
  246. })
  247. </script>
  248. </body>
  249. </html>