jiapeng
/
portal-front


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文章分享-科袖网</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/share.css" />
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="../js/public/shareCom.js"></script>	
		<style>
			html,
			body {
				margin: 0;
				padding: 0px;
				background: #FFFFFF;
			}
		</style>
	</head>
	<body>
		<div class="contentBody2">
			<div class="showDetail">
				<div class="h1Font hWeight" id="articleName"></div>
				<div class="madiaBlock">
					<ul class="mui-table-view noactiveTab">
						<li class="mui-table-view-cell" id="personAL">
							<div class="flexCenter mui-clearfix">
								<div class="madiaHead useHead" id="messImg"></div>
								<div class="madiaInfo">
									<p><span class="h1Font" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
									<p class="h3Font" id="oTime"></p>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--文章内容区-->
				<div class="showMain" id="articleContent">
				</div>
				<!--标签模块-->
				<ul class="tagList displayNone">
					<!--<li>
						<span class="h2Font">金属材料工程与腐</span>
					</li>-->
				</ul>
			</div>
			<div class="shareEcode">
				<div class="Ecodebox">
					<div class="Ecodecon clearfix">
						<img src="../images/weixin_code.jpg" />
						<div class="codecon">
							<h1>「 科袖 」</h1>
							<h2>搭建企业与专家的桥梁</h2>
							<h3>长按识别科袖公众号</h3>
						</div>
					</div>
				</div>
				<div style="margin:20px auto;">
					<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				var imgUrl ="";
				var lineLink = document.location.href;
				var descContent="";
				var shareTitle;
				var appid = '';
				var articleId = GetQueryString("id");
				$.ajax({
					"url" : "/ajax/article/pageViews",
					"type" :  "POST" ,
					"dataType" : "json",
					"data" :{"articleId":articleId},
					"success" : function(data) {
						console.log(data);
						if (data.success){
						}
					},
					"error":function(){
						//$.MsgBox.Alert('提示','链接服务器超时')
					}
				});
				//进入发布者详情页面
				$("#personAL").on("click", function() {
					var reType = this.getAttribute("data-type");
					if(reType=="1"){
						var proId=this.getAttribute("data-id");
						location.href="http://" + window.location.host + "/e/p.html?id=" + proId;
					}else{
						var cmpId=this.getAttribute("data-id");
						location.href="http://" + window.location.host + "/e/c.html?id=" + cmpId;
					}
						
				})
				var oArticleModule = {
					articleId: GetQueryString("id"),
					oAjaxGet: function(url, obj, oType, oFun) {
						$.ajax({
							url: url,
							data: obj,
							dataType: 'json', //服务器返回json格式数据
							type: oType, //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒；
							traditional: true,
							success: function(data) {
								if(data.success) {
									oFun(data.data);
								}
							},
							error: function(e) {
								return;
							}
						});
					},
					articleMess: function($data) {
						console.log($data);
						document.getElementById("articleName").innerHTML = $data.articleTitle;
						shareTitle=$data.articleTitle;
						$("#oTime").text(commenTime($data.createTime))
						document.title=$data.articleTitle;
						stt = $data.articleImg.substring(0, 9);
						imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
						console.log(stt)
						if($data.articleContent) {
							document.getElementById("articleContent").innerHTML = $data.articleContent;
							
							descContent=document.getElementById("articleContent").innerText.substr(0,40);
						}
						if($data.subject) {
							document.getElementsByClassName("tagList")[0].style.display = "block";
							var arr = $data.subject.split(",");
							for(var i in arr) {
								var oLi = document.createElement("li");
								oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
								document.getElementsByClassName("tagList")[0].appendChild(oLi);
							}
						}
						document.getElementById("personAL").setAttribute("data-type",$data.articleType);
						if($data.articleType == 1) {
							document.getElementById("personAL").setAttribute("data-id",$data.professorId);
							oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
						} else {
							document.getElementById("personAL").setAttribute("data-id",$data.orgId);
							oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
						}
					},
					professorMess: function($data) {
						console.log($data);
						//document.getElementById('name').innerHTML = $data.name;
						$("#name").text($data.name);
						if($data.hasHeadImage == 1) {
							document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
						}
						var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
						document.getElementById("auth").classList.add(userType.sty);
						
					},
					business: function($data) {
						//console.log(JSON.stringify($data));
						if($data.forShort) {
							document.getElementById('name').innerHTML = $data.forShort;
						}else{
							document.getElementById('name').innerHTML = $data.name;
						}
						var mgimg="../images/default-icon.jpg";
						if($data.hasOrgLogo) {
							mgimg="/images/org/" + $data.id + ".jpg";
						}
						document.getElementById("messImg").classList.add("cmpHead");
						document.getElementById("messImg").innerHTML='<div class="boxBlock" style="width:50px;height:50px;"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
						if($data.authStatus == 3) {
							document.getElementById("auth").classList.add("authicon-com-ok");
						}
					}
				}
				/*文章详细内容*/
				oArticleModule.oAjaxGet("../ajax/article/query", {
					articleId: oArticleModule.articleId
				}, "get", oArticleModule.articleMess);
				
				/*微信分享*/
				$.ajax({
					url: "../ajax/weixin/jsapiTicket",
					type: 'get',
					dataType: 'json',
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
					data: {
						'url': location.href.split('#')[0]
					},
					success: function(data) {
						if(data.data) {
							wx.config({
								debug: false, //调试模式好犀利
								appId: data.data.appId,
								timestamp: data.data.timestamp,
								nonceStr: data.data.nonceStr,
								signature: data.data.signature,
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
									"onMenuShareAppMessage",
									"onMenuShareTimeline",
									"onMenuShareQQ",
									"onMenuShareQZone",
									"scanQRCode",
								]
							});
							wx.ready(function() {
								// 在这里调用 API
								wx.onMenuShareAppMessage({ //分享给朋友
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareTimeline({ //分享到朋友圈
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareQQ({ //分享到QQ
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareQZone({ //分享到QQ空间
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
							});
							//分享成功后的回调函数	
							function share_success_callback() {}
							//用户取消分享后执行的回调函数	
							function share_cancel_callback() {}
			    		}
					}
				});
			})
		</script>
	</body>
</html>