portal html css js resource

a.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318
  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. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  11. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  12. <style>
  13. html,
  14. body {
  15. margin: 0;
  16. padding: 0px;
  17. background: #FFFFFF;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="contentBody2">
  23. <div class="showDetail">
  24. <div class="h1Font hWeight" id="articleName"></div>
  25. <div class="madiaBlock">
  26. <ul class="mui-table-view noactiveTab">
  27. <li class="mui-table-view-cell" id="personAL">
  28. <div class="flexCenter mui-clearfix">
  29. <div class="madiaHead useHead" id="messImg"></div>
  30. <div class="madiaInfo">
  31. <p><span class="h1Font" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
  32. <p class="h3Font" id="oTime"></p>
  33. </div>
  34. </div>
  35. </li>
  36. </ul>
  37. </div>
  38. <!--文章内容区-->
  39. <div class="showMain" id="articleContent">
  40. </div>
  41. <!--标签模块-->
  42. <ul class="tagList displayNone">
  43. <!--<li>
  44. <span class="h2Font">金属材料工程与腐</span>
  45. </li>-->
  46. </ul>
  47. </div>
  48. <div class="shareEcode">
  49. <div class="Ecodebox">
  50. <div class="Ecodecon clearfix">
  51. <img src="../images/weixin_code.jpg" />
  52. <div class="codecon">
  53. <h1>「 科袖 」</h1>
  54. <h2>搭建企业与专家的桥梁</h2>
  55. <h3>长按识别科袖公众号</h3>
  56. </div>
  57. </div>
  58. </div>
  59. <div style="margin:20px auto;">
  60. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  61. </div>
  62. </div>
  63. </div>
  64. <script type="text/javascript">
  65. $(document).ready(function() {
  66. var imgUrl ="";
  67. var lineLink = document.location.href;
  68. var descContent="";
  69. var shareTitle;
  70. var appid = '';
  71. var articleId = GetQueryString("id");
  72. $.ajax({
  73. "url" : "/ajax/article/pageViews",
  74. "type" : "POST" ,
  75. "dataType" : "json",
  76. "data" :{"articleId":articleId},
  77. "success" : function(data) {
  78. console.log(data);
  79. if (data.success){
  80. }
  81. },
  82. "error":function(){
  83. //$.MsgBox.Alert('提示','链接服务器超时')
  84. }
  85. });
  86. var oArticleModule = {
  87. articleId: GetQueryString("id"),
  88. oAjaxGet: function(url, obj, oType, oFun) {
  89. $.ajax({
  90. url: url,
  91. data: obj,
  92. dataType: 'json', //服务器返回json格式数据
  93. type: oType, //HTTP请求类型
  94. timeout: 10000, //超时时间设置为10秒;
  95. traditional: true,
  96. success: function(data) {
  97. if(data.success) {
  98. oFun(data.data);
  99. }
  100. },
  101. error: function(e) {
  102. return;
  103. }
  104. });
  105. },
  106. articleMess: function($data) {
  107. console.log($data);
  108. document.getElementById("articleName").innerHTML = $data.articleTitle;
  109. $("#oTime").text(commenTime($data.createTime))
  110. shareTitle=$data.articleTitle;
  111. document.title=$data.articleTitle;
  112. stt = $data.articleImg.substring(0, 9);
  113. imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
  114. console.log(stt)
  115. if($data.articleContent) {
  116. document.getElementById("articleContent").innerHTML = $data.articleContent;
  117. descContent=$data.articleContent;
  118. }
  119. if($data.subject) {
  120. document.getElementsByClassName("tagList")[0].style.display = "block";
  121. var arr = $data.subject.split(",");
  122. for(var i in arr) {
  123. var oLi = document.createElement("li");
  124. oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
  125. document.getElementsByClassName("tagList")[0].appendChild(oLi);
  126. }
  127. }
  128. if($data.articleType == 1) {
  129. oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
  130. } else {
  131. oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
  132. }
  133. },
  134. professorMess: function($data) {
  135. console.log($data);
  136. //document.getElementById('name').innerHTML = $data.name;
  137. $("#name").text($data.name);
  138. if($data.hasHeadImage == 1) {
  139. document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
  140. }
  141. var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  142. document.getElementById("auth").classList.add(userType.sty);
  143. },
  144. business: function($data) {
  145. //console.log(JSON.stringify($data));
  146. if($data.forShort) {
  147. document.getElementById('name').innerHTML = $data.forShort;
  148. }else{
  149. document.getElementById('name').innerHTML = $data.name;
  150. }
  151. if($data.hasOrgLogo) {
  152. document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
  153. }
  154. if($data.authStatus == 3) {
  155. document.getElementById("auth").classList.add("authicon-com-ok");
  156. }
  157. }
  158. }
  159. /*文章详细内容*/
  160. oArticleModule.oAjaxGet("../ajax/article/query", {
  161. articleId: oArticleModule.articleId
  162. }, "get", oArticleModule.articleMess);
  163. function GetQueryString(name) {
  164. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  165. var r = window.location.search.substr(1).match(reg);
  166. var context = "";
  167. if(r != null)
  168. context = r[2];
  169. reg = null;
  170. r = null;
  171. return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
  172. }
  173. /*标志*/
  174. function autho() {
  175. if(arguments[0] == 1) {
  176. return {
  177. "sty": "authicon-pro",
  178. "title": "科袖认证专家"
  179. }
  180. } else {
  181. if(arguments[1] == 1) {
  182. return {
  183. "sty": "authicon-staff-ok",
  184. "title": "企业认证员工"
  185. }
  186. } else {
  187. if(arguments[2] == 3) {
  188. return {
  189. "sty": "authicon-real",
  190. "title": "实名认证用户"
  191. }
  192. } else {
  193. return {
  194. "sty": "e",
  195. "title": " "
  196. }
  197. }
  198. }
  199. }
  200. }
  201. /*微信分享*/
  202. $.ajax({
  203. url: "../ajax/weixin/jsapiTicket",
  204. type: 'get',
  205. dataType: 'json',
  206. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  207. data: {
  208. 'url': location.href.split('#')[0]
  209. },
  210. success: function(data) {
  211. if(data.data) {
  212. wx.config({
  213. debug: false, //调试模式好犀利
  214. appId: data.data.appId,
  215. timestamp: data.data.timestamp,
  216. nonceStr: data.data.nonceStr,
  217. signature: data.data.signature,
  218. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  219. "onMenuShareAppMessage",
  220. "onMenuShareTimeline",
  221. "onMenuShareQQ",
  222. "onMenuShareQZone",
  223. "scanQRCode",
  224. ]
  225. });
  226. wx.ready(function() {
  227. // 在这里调用 API
  228. wx.onMenuShareAppMessage({ //分享给朋友
  229. title: shareTitle, // 分享标题
  230. desc: descContent, // 分享描述
  231. link: lineLink, // 分享链接
  232. imgUrl: imgUrl, // 分享图标
  233. success: share_success_callback,
  234. cancel: share_cancel_callback
  235. });
  236. wx.onMenuShareTimeline({ //分享到朋友圈
  237. title: shareTitle, // 分享标题
  238. desc: descContent, // 分享描述
  239. link: lineLink, // 分享链接
  240. imgUrl: imgUrl, // 分享图标
  241. success: share_success_callback,
  242. cancel: share_cancel_callback
  243. });
  244. wx.onMenuShareQQ({ //分享到QQ
  245. title: shareTitle, // 分享标题
  246. desc: descContent, // 分享描述
  247. link: lineLink, // 分享链接
  248. imgUrl: imgUrl, // 分享图标
  249. success: share_success_callback,
  250. cancel: share_cancel_callback
  251. });
  252. wx.onMenuShareQZone({ //分享到QQ空间
  253. title: shareTitle, // 分享标题
  254. desc: descContent, // 分享描述
  255. link: lineLink, // 分享链接
  256. imgUrl: imgUrl, // 分享图标
  257. success: share_success_callback,
  258. cancel: share_cancel_callback
  259. });
  260. });
  261. //分享成功后的回调函数
  262. function share_success_callback() {}
  263. //用户取消分享后执行的回调函数
  264. function share_cancel_callback() {}
  265. }
  266. }
  267. });
  268. //时间显示规则
  269. function commenTime(startTime) {
  270. console.log(startTime)
  271. var nowTimg = new Date();
  272. var startdate = new Date();
  273. startdate.setFullYear(parseInt(startTime.substring(0, 4)));
  274. startdate.setMonth(parseInt(startTime.substring(4, 6)) - 1);
  275. startdate.setDate(parseInt(startTime.substring(6, 8)));
  276. startdate.setHours(parseInt(startTime.substring(8, 10)));
  277. startdate.setMinutes(parseInt(startTime.substring(10, 12)));
  278. startdate.setSeconds(parseInt(startTime.substring(12, 14)));
  279. var date3 = nowTimg.getTime() - startdate.getTime(); //时间差的毫秒数
  280. var hours = parseInt((date3 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  281. var minutes = parseInt((date3 % (1000 * 60 * 60)) / (1000 * 60));
  282. if(date3 < 60000) {
  283. return "刚刚";
  284. } else if(date3 >= 60000 && date3 < 3600000) {
  285. return minutes + "分钟前";
  286. } else if(date3 >= 3600000 && date3 < 86400000) {
  287. return hours + "小时前";
  288. } else if(date3 >= 86400000) {
  289. if(nowTimg.getFullYear() == startTime.substring(0, 4)) {
  290. return startTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + startTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + startTime.substring(8, 10) + ":" + startTime.substring(10, 12);
  291. } else {
  292. return startTime.substring(0, 4) + "年" + startTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + startTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + startTime.substring(8, 10) + ":" + startTime.substring(10, 12);
  293. }
  294. }
  295. }
  296. })
  297. </script>
  298. </body>
  299. </html>