|
<!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" />
<style>
html,body{margin:0;padding:0px;background: #F4F6F8;}
.showCardI{background-image: url(../images/enterprise_img_bg_nor@3x.png)}
.infocontit:before{background: #28b8fa;}
</style>
<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>
</head>
<body>
<div class="contentBody2">
<div class="showCardI">
<div class="cardTop">
<div class="cardImg cmpCard">
<div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="../images/default-icon.jpg"></div>
</div>
<div class="cardInfo">
<p><span class="h1Font" id="companyName"></span><em class="authicon" id="authFlag"></em></p>
<p class="ellipsisSty h2Font" id="industryShow"></p>
<p class="h3Font" id="address"></p>
</div>
</div>
</div>
<div class="mainbox">
<div class="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
<div class="infocon">
<span class="breifinfo" id="breifinfo">
</span>
</div>
</div>
<div class="mainbox">
<div class="infocontit">专注领域</div>
<div class="infocon listArea">
<ul id="subjectShow">
</ul>
</div>
</div>
<div class="mainbox">
<div class="infocontit">资源 (<span id="resourceNum">0</span>)</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="resourceShow">
</ul>
</div>
<div class="seeMore displayNone" id="seeMoreResource"><em>查看更多</em></div>
</div>
<div class="mainbox">
<div class="infocontit">文章 (<span id="articalNum">0</span>)</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="articelShow">
</ul>
</div>
<div class="seeMore displayNone" id="seeMoreArtical"><em>查看更多</em></div>
</div>
<div class="shareEcode" style="background: #FFFFFF;">
<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 = "http://www.ekexiu.com/images/logo180.png";
var lineLink = document.location.href;
var descContent;
var shareTitle;
var appid = '';
var orgId = GetQueryString("id");
//orgId = "A93B9348F2094D12A6DC9A23F16E1246";
companyMessage(orgId);
getArticel();
getResource();
$.ajax({
"url": "/ajax/org/incPageViews",
"type": "POST",
"dataType": "json",
"data": {
"id": orgId
},
"success": function(data) {
console.log(data);
if(data.success) {}
},
"error": function() {
//$.MsgBox.Alert('提示', '链接服务器超时')
}
});
$("body").on("click",".seeMore,#goCmpBrief",function(){
location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
})
$('#articelShow').on('click', 'li', function() {
var id = this.getAttribute("data-id");
location.href="http://" + window.location.host + "/e/a.html?id=" + id;
})
$('#resourceShow').on('click', 'li', function() {
var id = this.getAttribute("data-id");
location.href="http://" + window.location.host + "/e/r.html?id=" + id;
})
function companyMessage(id) {
$.ajax({
url: "../ajax/org/" + id,
dataType: 'json', //数据格式类型
type: 'GET', //http请求类型
timeout: 10000, //超时设置
success: function(data) {
if(data.success) {
var $data = data.data;
if($data.forShort){
document.getElementById("companyName").innerText = $data.forShort;
}else{
document.getElementById("companyName").innerText = $data.name;
}
if($data.hasOrgLogo) {
document.getElementById("oimg").src = "/images/org/" + $data.id + ".jpg";
} else {
document.getElementById("oimg").src = "../images/default-icon.jpg";
}
/*企业标识*/
if($data.authStatus == 3) {
document.getElementById("authFlag").classList.add("authicon-com-ok");
}
/*所在城市*/
if($data.city){
document.getElementById("address").innerHTML ='<em class="mui-icon iconfontnew icon-address"></em> ' + $data.city;
}
else {
document.getElementById("address").style.display = "none";
}
/*企业简介*/
if($data.descp) {
document.getElementById("breifinfo").innerText = $data.descp;
}
/*应用行业*/
var proOther = "";
if($data.industry) {
proOther = $data.industry.replace(/,/gi, " | ");
}
document.getElementById("industryShow").innerText = proOther;
/*专注领域*/
if($data.subject) {
indu($data.subject, 'subjectShow')
} else {
document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
}
document.title=$data.name + "-" + proOther;
//微信再次分享
shareTitle = document.getElementById("companyName").innerText;
descContent = document.getElementById("industryShow").innerText.substring(0,40);
if(document.getElementById("oimg").src !="../images/default-icon.jpg"){
imgUrl= document.getElementById("oimg").src;
}
}
},
error: function() {
}
});
}
/*应用行业及领域及企业资质*/
function indu(oString, oSelector) {
var arr = oString.split(",");
var oArr = new Array();
var i;
for(i in arr) {
oArr.push('<li>' + arr[i] + '</li>');
}
document.getElementById(oSelector).innerHTML = oArr.join("");
}
//获取资源
function getResource() {
$.ajax({
url: "../ajax/resource/pqOrgPublish",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"orgId": orgId
},
success: function(data) {
console.log(data)
if(data.success) {
var obj = data.data.data;
if(obj.length>0){
document.getElementById("resourceNum").innerText = obj.length;
if(obj.length>2){
obj.length =2;
document.getElementById("seeMoreResource").classList.remove("displayNone");
}
for(var i = 0; i < obj.length; i++) {
var liItem = document.createElement("li");
liItem.className = "mui-table-view-cell"
liItem.setAttribute("data-id",obj[i].resourceId)
var oString = '<div class="flexCenter OflexCenter clearfix">'
if(obj[i].images.length) {
oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
} else {
oString += '<div class="madiaHead resouseHead"></div>'
}
oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p><p class="h2Font mui-ellipsis">应用用途：' + obj[i].supportedServices + '</p>'
oString += '</div></div>'
liItem.innerHTML = oString;
document.getElementById("resourceShow").appendChild(liItem);
}
}else{
document.getElementById("resourceShow").parentNode.parentNode.style.display="none";
}
}
},
error: function() {
}
})
}
/*企业文章html*/
function getArticel() {
$.ajax({
url: "../ajax/article/pqOrgPublish",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"orgId": orgId
},
success: function(data) {
console.log(data)
if(data.success) {
var obj = data.data.data;
if(obj.length>0){
document.getElementById("articalNum").innerText = obj.length;
if(obj.length>2){
obj.length =2;
document.getElementById("seeMoreArtical").classList.remove("displayNone");
}
for(var i = 0; i < obj.length; i++) {
var liItem = document.createElement("li");
liItem.setAttribute("data-id",obj[i].articleId);
liItem.setAttribute("owner-id",obj[i].orgId);
liItem.className = "mui-table-view-cell"
var oString = '<div class="flexCenter OflexCenter clearfix">'
if(obj[i].articleImg) {
oString += '<div class="madiaHead artHead" style="background-image:url(../data/article/' + obj[i].articleImg + ')"></div>'
} else {
oString += '<div class="madiaHead artHead"></div>'
}
oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>'
oString += '</div></div>'
liItem.innerHTML = oString;
document.getElementById("articelShow").appendChild(liItem);
}
}else{
document.getElementById("articelShow").parentNode.parentNode.style.display="none";
}
}
},
error: function() {
}
})
}
/*微信分享*/
$.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>
|
