|
<!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>
<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("articleId");
var oArticleModule = {
articleId: GetQueryString("articleId"),
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;
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=$data.articleContent;
}
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);
}
}
if($data.articleType == 1) {
oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
} else {
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));
document.getElementById('name').innerHTML = $data.name;
if($data.hasOrgLogo) {
document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")";
}
if($data.authStatus == 3) {
document.getElementById("auth").classList.add("authicon-com-ok");
}
}
}
/*文章详细内容*/
oArticleModule.oAjaxGet("../ajax/article/query", {
articleId: oArticleModule.articleId
}, "get", oArticleModule.articleMess);
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
var context = "";
if(r != null)
context = r[2];
reg = null;
r = null;
return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
}
/*标志*/
function autho() {
if(arguments[0] == 1) {
return {
"sty": "authicon-pro",
"title": "科袖认证专家"
}
} else {
if(arguments[1] == 1) {
return {
"sty": "authicon-staff-ok",
"title": "企业认证员工"
}
} else {
if(arguments[2] == 3) {
return {
"sty": "authicon-real",
"title": "实名认证用户"
}
} else {
return {
"sty": "e",
"title": " "
}
}
}
}
}
/*微信分享*/
$.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>
|