Home Verkennen Help
Registreren Inloggen
jiapeng
/
portal-front
Volgen 3
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 1129 Publicaties 0 Wiki

portal html css js resource

Boom: ae387dbbad
Aftakkingen Labels
portal-front
/
e
/
a.html

a.html 22KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636 
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <!--<meta name="apple-itunes-app" content="app-id=H53C12FED, app-argument=ekexiu://">-->
  7. <title>文章分享-科袖网</title>
  8. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  9. <link rel="stylesheet" href="../css/reset.css" />
  10. <link rel="stylesheet" href="../css/common.css" />
  11. <link rel="stylesheet" href="../css/swiper.min.css" />
  12. <link rel="stylesheet" href="../css/share.css" />
  13. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  14. <script type="text/javascript" src="../js/public/swiper.min.js"></script>	
  15. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  16. <script type="text/javascript" src="../js/public/shareCom.js"></script>	
  17. <script type="text/javascript" src="../js/public/openApp.js"></script>	
  18. <script type="text/javascript">
  19. 	addscript("ad_article_h5");
  20. </script>
  21. <style>
  22. 	html,body {background: #FFFFFF;}
  23. </style>
  24. </head>
  26. <body>
  27. <div class="contentBody2">
  28. 	<div class="topFu clearfix">
  29. 		<div class="topLogo floatL"></div>
  30. 		<div class="goSpan floatR">
  31. 			<span class="openSpan">打开</span>
  32. 		</div>
  33. 	</div>
  34. 	<div class="showDetail" style="padding-top:56px;">
  35. 		<div class="h1Font hWeight" id="articleName"></div>
  36. 		<div class="madiaBlock">
  37. 			<ul class="mui-table-view noactiveTab">
  38. 				<li>
  39. 					<div class="flexCenter clearfix">
  40. 						<a id="personAL">
  41. 							<div class="madiaHead useHead" id="messImg"></div>
  42. 							<div class="madiaInfo">
  43. 								<p><span class="h1Font ellipsisSty" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
  44. 								<p class="h3Font" id="oTime"></p>
  45. 							</div>
  46. 						</a>
  47. 						<div class="goSpan">
  48. 							<span class="attenSpan">关注</span>
  49. 						</div>
  50. 					</div>
  51. 				</li>
  52. 			</ul>
  53. 		</div>
  54. 		<!--文章内容区-->
  55. 		<div class="showMain" id="articleContent">
  56. 		</div>
  57. 		<!--标签模块-->
  58. 		<ul class="tagList displayNone">
  59. 			<!--<li>
  60. 				<span class="h2Font">金属材料工程与腐</span>
  61. 			</li>-->
  62. 		</ul>
  63. 		<div class="madiaBlock displayNone" id="correlationExpert">
  64. 			<div class="madiaTit">相关专家</div>
  65. 			<ul class="mui-table-view" id="expertList">
  66. 		       
  67. 		    </ul>
  68. 		</div>
  69. 		<div class="madiaBlock displayNone" id="resource">
  70. 			<div class="madiaTit">相关资源</div>
  71. 			<ul class="mui-table-view" id="resourceList">
  72. 		        
  73. 		    </ul>
  74. 		</div>
  75. 		<div class="madiaBlock displayNone" id="correlationCompany">
  76. 			<div class="madiaTit">相关企业</div>
  77. 			<ul class="mui-table-view" id="companyList">
  78. 		       
  79. 		    </ul>
  80. 		</div>
  81. 		<!--点赞模块-->
  82. 		<div class="thumbBlock">
  83. 			<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
  84. 		</div>
  85. 		<!--广告模块-->
  86. 		<div class="madiaBlock swiper-container advertItem" style="margin:30px 0 10px">
  87. 		  
  88. 		</div>
  89. 		<!--您可能感兴趣的文章-->
  90. 		<div class="madiaBlock displayNone" id="article">
  91. 			<div class="madiaTit">您可能感兴趣的文章</div>
  92. 			<ul class="mui-table-view" id="articleList">
  93. 		        
  94. 		    </ul>
  95. 		</div>
  96. 		<!--您可能感兴趣的文章-->
  97. 		<div class="madiaBlock displayNone" id="newarticle">
  98. 			<div class="madiaTit">最新文章</div>
  99. 			<ul class="mui-table-view" id="newarticleList">
  100. 		        
  101. 		    </ul>
  102. 		</div>
  103. 		<!--留言-->
  104. 		<div class="madiaBlock displayNone">
  105. 			<div class="madiaTit" id="olisten">留言</div>
  106. 			<ul class="mui-table-view commentBlock commentsArea">
  107. 		     
  108. 		   </ul>
  109. 		</div>
  110. 	</div>
  111. 	<div class="shareEcode">
  112. 		<img class="Ecodecon" src="../images/ecordCard.jpg" />
  113. 	</div>
  114. </div>
  116. <script type="text/javascript">
  117. 	$(document).ready(function() {
  118. 		var imgUrl ="http://www.ekexiu.com/images/logo180.png";
  119. 		var lineLink = document.location.href;
  120. 		var descContent="";
  121. 		var shareTitle;
  122. 		var appid = '';
  123. 		var articleId = GetQueryString("id");
  124. 		leword(500, 1);//liuyan
  125. 		wlog("article", articleId, 3)
  126. 		//进入发布者详情页面
  127. 		$("#personAL").on("click", function() {
  128. 			var reType = this.getAttribute("data-type");
  129. 			if(reType=="1"){
  130. 				var proId=this.getAttribute("data-id");
  131. 				location.href="http://" + window.location.host + "/e/p.html?id=" + proId;
  132. 			}else{
  133. 				var cmpId=this.getAttribute("data-id");
  134. 				location.href="http://" + window.location.host + "/e/c.html?id=" + cmpId;
  135. 			}
  136. 		})
  137. 		var this_="../html/professorArticle.html?articleId="+articleId;
  138. 		wcFresh(this_);
  139. 		$("body").on("click",".goSpan,.thumbBtn",function(){
  140. 			isInstalled(this_,true);
  141. 			$(this).addClass("activeThis");
  142. 		})
  143. 		
  144. 		$("#articleList,#newarticleList").on("click","li", function() {
  145. 			var OdataId=this.getAttribute("data-id");
  146. 			location.href="http://" + window.location.host + "/e/a.html?id=" + OdataId;
  147. 		})
  148. 		$("#resourceList").on("click","li", function() {
  149. 			var OdataId=this.getAttribute("data-id");
  150. 			location.href="http://" + window.location.host + "/e/r.html?id=" + OdataId;
  151. 		})
  152. 		$("#expertList").on("click","li", function() {
  153. 			var OdataId=this.getAttribute("data-id");
  154. 			location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
  155. 		})
  156. 		$(".commentBlock").on("click","li>.flexCenter",function(){
  157. 			var OdataId=this.getAttribute("data-id");
  158. 			location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
  159. 		})
  160. 		$("#companyList").on("click","li", function() {
  161. 			var OdataId=this.getAttribute("data-id");
  162. 			location.href="http://" + window.location.host + "/e/c.html?id=" + OdataId;
  163. 			
  164. 		})
  165. 		$(".tagList").on("click", "li", function() {
  166. 			var keyCon=$(this).find(".h2Font").text();
  167. 			location.href="http://" + window.location.host + "/e/search.html?flag=3&key=" + keyCon;
  168. 		})
  169. 	
  170. 		
  171. 		var oArticleModule = {
  172. 			articleId: GetQueryString("id"),
  173. 			oAjaxGet: function(url, obj, oType, oFun) {
  174. 				$.ajax(url,{
  175. 					data: obj,
  176. 					dataType: 'json', //服务器返回json格式数据
  177. 					type: oType, //HTTP请求类型
  178. 					timeout: 10000, //超时时间设置为10秒；
  179. 					traditional: true,
  180. 					success: function(data) {
  181. 						if(data.success) {
  182. 							oFun(data.data);
  183. 						}
  184. 					},
  185. 					error: function(e) {
  186. 						return;
  187. 					}
  188. 				});
  189. 			},
  190. 			articleMess: function($data) {
  191. 				console.log($data);
  192. 				document.getElementById("articleName").innerHTML = $data.articleTitle;
  193. 				shareTitle=$data.articleTitle;
  194. 				document.title=$data.articleTitle;
  195. 				stt = $data.articleImg.substring(0, 9);
  196. 				imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
  197. 				console.log(stt)
  198. 				if($data.articleContent) {
  199. 					document.getElementById("articleContent").innerHTML = $data.articleContent;
  200. 					
  201. 					descContent=document.getElementById("articleContent").innerText.substr(0,70);
  202. 				}
  203. 				if($data.subject) {
  204. 					document.getElementsByClassName("tagList")[0].style.display = "block";
  205. 					var arr = $data.subject.split(",");
  206. 					for(var i in arr) {
  207. 						var oLi = document.createElement("li");
  208. 						oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
  209. 						document.getElementsByClassName("tagList")[0].appendChild(oLi);
  210. 					}
  211. 				}
  212. 				document.getElementById("snum").innerHTML = $data.articleAgree;
  213. 				document.getElementById("oTime").innerHTML = commenTime($data.publishTime);
  214. 				document.getElementById("personAL").setAttribute("data-type",$data.articleType);
  215. 				if($data.articleType == 1) {
  216. 					oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  217. 						"keys": arr,
  218. 						"professorId": oArticleModule.oWner,
  219. 						"articleId": oArticleModule.articleId,
  220. 						"rows": 5
  221. 					}, "get", oArticleModule.correlationArticle);
  222. 					document.getElementById("personAL").setAttribute("data-id",$data.professorId);
  223. 					oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
  224. 				} else {
  225. 					oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  226. 						"keys": arr,
  227. 						"orgId": oArticleModule.oWner,
  228. 						"articleId": oArticleModule.articleId,
  229. 						"rows": 5
  230. 					}, "get", oArticleModule.correlationArticle);
  231. 					document.getElementById("personAL").setAttribute("data-id",$data.orgId);
  232. 					oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
  233. 				}
  234. 				
  235. 			},
  236. 			professorMess: function($data) {
  237. 				console.log($data);
  238. 				document.getElementById('name').innerHTML = $data.name;
  239. 				if($data.hasHeadImage == 1) {
  240. 					document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
  241. 				}
  242. 				var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  243. 				document.getElementById("auth").classList.add(userType.sty);
  244. 				
  245. 			},
  246. 			business: function($data) {
  247. 				if($data.forShort) {
  248. 					document.getElementById('name').innerHTML = $data.forShort;
  249. 				}else{
  250. 					document.getElementById('name').innerHTML = $data.name;
  251. 				}
  252. 				var mgimg="../images/default-icon.jpg";
  253. 				if($data.hasOrgLogo) {
  254. 					mgimg="/images/org/" + $data.id + ".jpg";
  255. 				}
  256. 				document.getElementById("messImg").classList.add("cmpHead2");
  257. 				document.getElementById("messImg").innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
  258. 				if($data.authStatus == 3) {
  259. 					document.getElementById("auth").classList.add("authicon-com-ok");
  260. 				}
  261. 			},
  262. 			correlationExpert: function($data) {
  263. 				if($data.length == 0) {
  264. 					return;
  265. 				}
  266. 				document.getElementById("correlationExpert").classList.remove("displayNone");
  267. 				for(var i = 0; i < $data.length; i++) {
  268. 					(function(n) {
  269. 						oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data[n].professorId, "", "get", oArticleModule.expertList);
  270. 					})(i)
  271. 	
  272. 				}
  273. 	
  274. 			},
  275. 			expertList: function($data) {
  276. 				var os = "";
  277. 				if($data.title) {
  278. 					if($data.orgName) {
  279. 						os = $data.title + "，" + $data.orgName;
  280. 					} else {
  281. 						os = $data.title;
  282. 					}
  283. 				} else {
  284. 					if($data.office) {
  285. 						if($data.orgName) {
  286. 							os = $data.office + "，" + $data.orgName;
  287. 						} else {
  288. 							os = $data.office;
  289. 						}
  290. 					} else {
  291. 						if($data.orgName) {
  292. 							os = $data.orgName;
  293. 						}
  294. 					}
  295. 				}
  296. 				var baImg = "../images/default-photo.jpg";
  297. 				if($data.hasHeadImage == 1) {
  298. 					baImg = "/images/head/" + $data.id + "_l.jpg";
  299. 				}
  300. 				var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  301. 				var li = document.createElement("li");
  302. 				li.setAttribute("data-id", $data.id);
  303. 				li.innerHTML = '<div class="flexCenter clearfix">' +
  304. 					'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
  305. 					'<div class="madiaInfo">' +
  306. 					'<p><span class="h1Font">' + $data.name + '</span><em class="authiconNew ' + userType.sty + '"></em></p>' +
  307. 					'<p class="ellipsisSty h2Font">' + os + '</p>' +
  308. 					'</div>' +
  309. 					'</div>'
  310. 				document.getElementById("expertList").appendChild(li);
  311. 			},
  312. 			correlationResource: function($data) {
  313. 				console.log($data);
  314. 				if($data.length == 0) {
  315. 					return;
  316. 				}
  317. 				document.getElementById("resource").classList.remove("displayNone");
  318. 				for(var i = 0; i < $data.length; i++) {
  319. 					oArticleModule.oAjaxGet( "../ajax/resource/queryOne", {
  320. 						"resourceId": $data[i].resourceId
  321. 					}, "get", oArticleModule.rsourceList);
  322. 				}
  323. 	
  324. 			},
  325. 			rsourceList: function($data) {
  326. 				var namepo, userType;
  327. 				if($data.resourceType == 1) {
  328. 					namepo = $data.editProfessor.name;
  329. 					userType = autho($data.editProfessor.authType, $data.editProfessor.orgAuth, $data.editProfessor.authStatus);
  330. 				} else {
  331. 					userType = {};
  332. 					if($data.organization.forShort){
  333. 						namepo = $data.organization.forShort;
  334. 					}else{
  335. 						namepo = $data.organization.name;
  336. 					}
  337. 					if($data.organization.authStatus == 3) {
  338. 						userType.sty = "authicon-com-ok"
  339. 					} 
  340. 				}
  341. 				var rImg = "../images/default-resource.jpg";
  342. 				if($data.images.length>0){
  343. 					rImg = "/data/resource/" + $data.images[0].imageSrc;
  344. 				}
  345. 				var li = document.createElement("li");
  346. 				li.setAttribute("data-id", $data.resourceId);
  347. 				li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  348. 					' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
  349. 					'<div class="madiaInfo OmadiaInfo">' +
  350. 					'<p class="ellipsisSty h1Font">' + $data.resourceName + '</p>' +
  351. 					'<p><span class="h2Font">' + namepo + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  352. 					'<p class="ellipsisSty-2 h2Font">用途：' + $data.supportedServices + '</p>' +
  353. 					'</div>' +
  354. 					'</div>'
  355. 				document.getElementById("resourceList").appendChild(li);
  356. 			},
  357. 			correlationArticle: function($data) {
  358. 				if($data.total) {
  359. 					if($data.data.length == 0) {
  360. 						return;
  361. 					}
  362. 				}else{
  363. 					if($data.length == 0) {
  364. 						return;
  365. 					}
  366. 				}
  367. 				var oo=1;
  368. 			if($data.total) {
  369. 				var $data=$data.data;
  370. 				
  371. 				document.getElementById('newarticle').style.display = "block";
  372. 				oo=0;
  373. 			}else{
  374. 				document.getElementById('article').style.display = "block";
  375. 				
  376. 			}
  377. 				for(var i = 0; i < $data.length; i++) {
  378. 					var ourl, of ;
  379. 					if($data[i].articleType == 1) {
  380. 						ourl = "/ajax/professor/editBaseInfo/" + $data[i].professorId; of = 1;
  381. 					} else {
  382. 						ourl = "/ajax/org/" + $data[i].orgId; of = 2;
  383. 					}
  384. 					var arImg = "../images/default-artical.jpg";
  385. 					if($data[i].articleImg) {
  386. 						arImg = "/data/article/" + $data[i].articleImg
  387. 					}
  388. 					var title = $data[i].articleTitle;
  389. 					$.ajax({
  390. 						url:ourl,
  391. 						dataType: 'json', //服务器返回json格式数据
  392. 						type: "get", //HTTP请求类型
  393. 						timeout: 10000, //超时时间设置为10秒；
  394. 						async: false,
  395. 						traditional: true,
  396. 						success: function(data) {
  397. 							if(data.success) {
  398. 								var namepo=""
  399. 								var li = document.createElement("li");
  400. 								if( of == 1) {
  401. 									namepo = data.data.name;
  402. 									var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  403. 									li.setAttribute("owner-id", data.data.id);
  404. 									li.setAttribute("data-type", 1);
  405. 								} else {
  406. 									if(data.data.forShort){
  407. 										namepo = data.data.forShort;
  408. 									}else{
  409. 										namepo = data.data.name;
  410. 									}
  411. 									var userType = {};
  412. 									if(data.data.authStatus == 3) {
  413. 										userType.sty = 'authicon-com-ok'
  414. 									} else {
  415. 										userType.sty = "e"
  416. 									}
  417. 									li.setAttribute("owner-id", data.data.id);
  418. 									li.setAttribute("data-type", 2);
  419. 								}
  420. 								li.setAttribute("data-id", $data[i].articleId);
  421. 								li.className = "mui-table-view-cell";
  422. 								li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  423. 									'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
  424. 									'<div class="madiaInfo OmadiaInfo">' +
  425. 									'<p class="ellipsisSty-2 h1Font">' + title + '</p>' +
  426. 									'<p><span class="h2Font" style="margin-right:10px">'+namepo+'</span><span class="time">'+commenTime($data[i].publishTime)+'</span></p>'+
  427. 									'</div>' +
  428. 									'</div>'
  429. 								
  430. 								if(oo==0){
  431. 									document.getElementById("newarticleList").appendChild(li)
  432. 								}else{
  433. 									document.getElementById("articleList").appendChild(li);
  434. 								}
  435. 							}
  436. 						},
  437. 						error: function() {
  438. 						}
  439. 					});
  440. 				}
  441. 			},
  442. 			correlationCompany: function($data) {
  443. 				console.log($data);
  444. 				if($data.length == 0) {
  445. 					return;
  446. 				}
  447. 				document.getElementById("correlationCompany").classList.remove("displayNone");
  448. 				for(var i = 0; i < $data.length; i++) {
  449. 					oArticleModule.oAjaxGet( "../ajax/org/"+ $data[i].orgId, {
  450. 						
  451. 					}, "get", oArticleModule.companyList);
  452. 				}
  453. 	
  454. 			},
  455. 			companyList: function($data) {
  456. 				var baImg = "../images/default-icon.jpg";
  457. 				if($data.hasHeadImage == 1) {
  458. 					baImg = "/images/org/" + $data.id + "_l.jpg";
  459. 				}
  460. 				var namepo,userType=""
  461. 				if($data.authStatus == 3){
  462. 					userType= "authicon-com-ok"
  463. 				}
  464. 				if($data.forShort){
  465. 					namepo = $data.forShort;
  466. 				}else{
  467. 					namepo = $data.name;
  468. 				}
  469. 				/*应用行业*/
  470. 				var proOther = "";
  471. 				if($data.industry) {
  472. 					proOther = $data.industry.replace(/,/gi, " | ");
  473. 				}
  474. 				var li = document.createElement("li");
  475. 				li.setAttribute("data-id", $data.id);
  476. 				li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  477. 					'<div class="madiaHead cmpHead">'+
  478. 						'<div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="'+ baImg +'"></div>'+
  479. 					'</div>' +
  480. 					'<div class="madiaInfo OmadiaInfo">' +
  481. 					'<p><span class="h1Font">' + namepo + '</span><em class="authiconNew ' + userType + '"></em></p>' +
  482. 					'<p class="ellipsisSty h2Font">' + proOther + '</p>' +
  483. 					'</div>' +
  484. 					'</div>'
  485. 				document.getElementById("companyList").appendChild(li);
  486. 			}
  487. 			
  488. 		}
  489. 		/*文章详细内容*/
  490. 		oArticleModule.oAjaxGet("../ajax/article/query", {
  491. 			articleId: oArticleModule.articleId
  492. 		}, "get", oArticleModule.articleMess);
  493. 		oArticleModule.oAjaxGet("../ajax/article/ralatePro", {
  494. 			"articleId": oArticleModule.articleId
  495. 		}, "get", oArticleModule.correlationExpert);
  496. 		oArticleModule.oAjaxGet("../ajax/article/ralateRes", {
  497. 			"articleId": oArticleModule.articleId
  498. 		}, "get", oArticleModule.correlationResource);
  499. 		oArticleModule.oAjaxGet("../ajax/article/ralateOrg", {
  500. 			"articleId": oArticleModule.articleId
  501. 		}, "get", oArticleModule.correlationCompany);
  502. 		oArticleModule.oAjaxGet("/ajax/article/find", {pageSize:5}, "get", oArticleModule.correlationArticle);
  503. 		//留言
  504. 		function leword(row, aa){
  505. 			$.ajax({
  506. 				url:"../ajax/leaveWord/ql",
  507. 				data: {
  508. 					"articleId":articleId,
  509. 					"rows":row	},
  510. 				dataType: 'json', //服务器返回json格式数据
  511. 				type: 'get', //HTTP请求类型
  512. 				timeout: 10000, //超时时间设置为10秒；
  513. 				traditional: true,
  514. 				success: function(data) {
  515. 					if(data.success) {
  516. 						console.log(data)
  517. 						document.getElementsByClassName('commentBlock')[0].innerHTML = ""
  518. 						if(data.data.length == 0) {
  519. 							return;
  520. 						}
  521. 						document.getElementById("olisten").parentNode.classList.remove("displayNone");
  522. 						for(var i = 0; i < data.data.length; i++) {
  523. 							var oText = ""
  524. 							var userType = autho(data.data[i].professor.authType, data.data[i].professor.orgAuth, data.data[i].professor.authStatus);
  525. 							var baImg = "../images/default-photo.jpg";
  526. 							if(data.data[i].professor.hasHeadImage == 1) {
  527. 								baImg = "/images/head/" + data.data[i].professor.id + "_l.jpg";
  528. 							}
  529. 							var li = document.createElement("li");
  530. 							li.innerHTML = '<div class="flexCenter clearfix" data-id="' + data.data[i].professor.id + '">' +
  531. 								'<div class="madiaHead useHead useHeadMsg" style="background-image:url(' + baImg + ')"></div>' +
  532. 								'<div class="madiaInfo">' +
  533. 								'<p><span class="h1Font" data-id="' + data.data[i].professor.id + '">' + data.data[i].professor.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  534. 								'<p class="h2Font">' + data.data[i].content + '</p>' +
  535. 								'<p class="operateSpan">' +
  536. 								'<span class="commenttime">' + commenTime(data.data[i].createTime) + '</span>' +
  537. //								'<span data-id="' + data.data[i].id + '" class="dele">' + oText + '</span>' +
  538. 								'</p>' +
  539. 								'</div>'
  540. 							document.getElementsByClassName("commentBlock")[0].appendChild(li);
  541. 						}
  542. 	
  543. 					}
  544. 				},
  545. 				error: function() {
  546. 				}
  547. 			});
  548. 		}
  549. 		//浏览量
  550. 		$.ajax({
  551. 			"url" : "../ajax/article/pageViews",
  552. 			"type" :  "POST" ,
  553. 			"dataType" : "json",
  554. 			"data" :{"articleId":articleId},
  555. 			"success" : function(data) {
  556. 				if (data.success){
  557. 					console.log(data);
  558. 				}
  559. 			},
  560. 			"error":function(){
  561. 			}
  562. 		});
  563. 		
  564. 		/*微信分享*/
  565. 		$.ajax({
  566. 			url: "../ajax/weixin/jsapiTicket",
  567. 			type: 'get',
  568. 			dataType: 'json',
  569. 			contentType: "application/x-www-form-urlencoded; charset=utf-8",
  570. 			data: {
  571. 				'url': location.href.split('#')[0]
  572. 			},
  573. 			success: function(data) {
  574. 				if(data.data) {
  575. 					wx.config({
  576. 						debug: false, //调试模式好犀利
  577. 						appId: data.data.appId,
  578. 						timestamp: data.data.timestamp,
  579. 						nonceStr: data.data.nonceStr,
  580. 						signature: data.data.signature,
  581. 						jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  582. 							"onMenuShareAppMessage",
  583. 							"onMenuShareTimeline",
  584. 							"onMenuShareQQ",
  585. 							"onMenuShareQZone",
  586. 							"scanQRCode",
  587. 						]
  588. 					});
  589. 					wx.ready(function() {
  590. 						// 在这里调用 API
  591. 						wx.onMenuShareAppMessage({ //分享给朋友
  592. 							title: shareTitle, // 分享标题
  593. 							desc: descContent, // 分享描述
  594. 							link: lineLink, // 分享链接
  595. 							imgUrl: imgUrl, // 分享图标
  596. 							success: share_success_callback,
  597. 							cancel: share_cancel_callback
  598. 						});
  599. 						wx.onMenuShareTimeline({ //分享到朋友圈
  600. 							title: shareTitle, // 分享标题
  601. 							desc: descContent, // 分享描述
  602. 							link: lineLink, // 分享链接
  603. 							imgUrl: imgUrl, // 分享图标
  604. 							success: share_success_callback,
  605. 							cancel: share_cancel_callback
  606. 						});
  607. 						wx.onMenuShareQQ({ //分享到QQ
  608. 							title: shareTitle, // 分享标题
  609. 							desc: descContent, // 分享描述
  610. 							link: lineLink, // 分享链接
  611. 							imgUrl: imgUrl, // 分享图标
  612. 							success: share_success_callback,
  613. 							cancel: share_cancel_callback
  614. 						});
  615. 						wx.onMenuShareQZone({ //分享到QQ空间
  616. 							title: shareTitle, // 分享标题
  617. 							desc: descContent, // 分享描述
  618. 							link: lineLink, // 分享链接
  619. 							imgUrl: imgUrl, // 分享图标
  620. 							success: share_success_callback,
  621. 							cancel: share_cancel_callback
  622. 						});
  623. 					});
  624. 					//分享成功后的回调函数	
  625. 					function share_success_callback() {}
  626. 					//用户取消分享后执行的回调函数	
  627. 					function share_cancel_callback() {}
  628. 	    		}
  629. 			}
  630. 		});
  631. 	})
  632. </script>
  634. </body>
  636. </html>