Startseite Erkunden Hilfe
Registrieren Anmelden
jiapeng
/
portal-front
Beobachten 3
Favorit hinzufügen 0
Fork 0
Code Issues 0 Pull-Requests 0 Commits 1074 Releases 0 Wiki

portal html css js resource

Struktur: bd4fdabf89
Branches Tags
portal-front
/
e
/
a.html

a.html 22KB
Verlauf Originalformat

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