portal html css js resource

a.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  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. shareTitle=$data.articleTitle;
  110. $("#oTime").text(commenTime($data.createTime))
  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. document.getElementById('name').innerHTML = $data.name;
  147. if($data.hasOrgLogo) {
  148. document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
  149. }
  150. if($data.authStatus == 3) {
  151. document.getElementById("auth").classList.add("authicon-com-ok");
  152. }
  153. }
  154. }
  155. /*文章详细内容*/
  156. oArticleModule.oAjaxGet("../ajax/article/query", {
  157. articleId: oArticleModule.articleId
  158. }, "get", oArticleModule.articleMess);
  159. function GetQueryString(name) {
  160. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  161. var r = window.location.search.substr(1).match(reg);
  162. var context = "";
  163. if(r != null)
  164. context = r[2];
  165. reg = null;
  166. r = null;
  167. return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
  168. }
  169. /*标志*/
  170. function autho() {
  171. if(arguments[0] == 1) {
  172. return {
  173. "sty": "authicon-pro",
  174. "title": "科袖认证专家"
  175. }
  176. } else {
  177. if(arguments[1] == 1) {
  178. return {
  179. "sty": "authicon-staff-ok",
  180. "title": "企业认证员工"
  181. }
  182. } else {
  183. if(arguments[2] == 3) {
  184. return {
  185. "sty": "authicon-real",
  186. "title": "实名认证用户"
  187. }
  188. } else {
  189. return {
  190. "sty": "e",
  191. "title": " "
  192. }
  193. }
  194. }
  195. }
  196. }
  197. /*微信分享*/
  198. $.ajax({
  199. url: "../ajax/weixin/jsapiTicket",
  200. type: 'get',
  201. dataType: 'json',
  202. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  203. data: {
  204. 'url': location.href.split('#')[0]
  205. },
  206. success: function(data) {
  207. if(data.data) {
  208. wx.config({
  209. debug: false, //调试模式好犀利
  210. appId: data.data.appId,
  211. timestamp: data.data.timestamp,
  212. nonceStr: data.data.nonceStr,
  213. signature: data.data.signature,
  214. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  215. "onMenuShareAppMessage",
  216. "onMenuShareTimeline",
  217. "onMenuShareQQ",
  218. "onMenuShareQZone",
  219. "scanQRCode",
  220. ]
  221. });
  222. wx.ready(function() {
  223. // 在这里调用 API
  224. wx.onMenuShareAppMessage({ //分享给朋友
  225. title: shareTitle, // 分享标题
  226. desc: descContent, // 分享描述
  227. link: lineLink, // 分享链接
  228. imgUrl: imgUrl, // 分享图标
  229. success: share_success_callback,
  230. cancel: share_cancel_callback
  231. });
  232. wx.onMenuShareTimeline({ //分享到朋友圈
  233. title: shareTitle, // 分享标题
  234. desc: descContent, // 分享描述
  235. link: lineLink, // 分享链接
  236. imgUrl: imgUrl, // 分享图标
  237. success: share_success_callback,
  238. cancel: share_cancel_callback
  239. });
  240. wx.onMenuShareQQ({ //分享到QQ
  241. title: shareTitle, // 分享标题
  242. desc: descContent, // 分享描述
  243. link: lineLink, // 分享链接
  244. imgUrl: imgUrl, // 分享图标
  245. success: share_success_callback,
  246. cancel: share_cancel_callback
  247. });
  248. wx.onMenuShareQZone({ //分享到QQ空间
  249. title: shareTitle, // 分享标题
  250. desc: descContent, // 分享描述
  251. link: lineLink, // 分享链接
  252. imgUrl: imgUrl, // 分享图标
  253. success: share_success_callback,
  254. cancel: share_cancel_callback
  255. });
  256. });
  257. //分享成功后的回调函数
  258. function share_success_callback() {}
  259. //用户取消分享后执行的回调函数
  260. function share_cancel_callback() {}
  261. }
  262. }
  263. });
  264. function commenTime(startTime){
  265. var nowTimg = new Date();
  266. var startdate = new Date();
  267. startdate.setFullYear(parseInt(startTime.substring(0,4)));
  268. startdate.setMonth(parseInt(startTime.substring(4,6))-1);
  269. startdate.setDate(parseInt(startTime.substring(6,8)));
  270. startdate.setHours(parseInt(startTime.substring(8,10)));
  271. startdate.setMinutes(parseInt(startTime.substring(10,12)));
  272. startdate.setSeconds(parseInt(startTime.substring(12,14)));
  273. var date3=nowTimg.getTime()-startdate.getTime(); //时间差的毫秒数
  274. var hours = parseInt((date3 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  275. var minutes = parseInt((date3 % (1000 * 60 * 60)) / (1000 * 60));
  276. if(date3 < 60000){
  277. return "刚刚";
  278. }else if(date3 >= 60000 && date3 < 3600000){
  279. return minutes + "分钟前";
  280. }else if(date3 >= 3600000 && date3 < 86400000){
  281. return hours + "小时前";
  282. }else if(date3 >= 86400000 && date3 < 172800000){
  283. return "昨天 " + startTime.substring(8,10) + ":" +startTime.substring(10,12);
  284. }else if(date3 >= 172800000 && date3 < 31536000000){
  285. 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);
  286. }
  287. else{
  288. 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);
  289. }
  290. }
  291. })
  292. </script>
  293. </body>
  294. </html>