portal html css js resource

c.html 16KB

    <!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">资源</div> <div class="infocon madiaBlock"> <ul class="mui-table-view" id="resourceShow"> </ul> </div> <div class="seeMore displayNone" id="seeMoreResource"><em>查看全部<span id="resourceNum">0</span>个</em></div> </div> <div class="mainbox"> <div class="infocontit">文章</div> <div class="infocon madiaBlock"> <ul class="mui-table-view" id="articelShow"> </ul> </div> <div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部<span id="articalNum">0</span>篇</em></div> </div> <!--相关文章--> <div class="mainbox displayNone"> <div class="infocontit">相关文章</div> <div class="infocon madiaBlock"> <ul class="mui-table-view" id="oArticle"> </ul> </div> </div> <!--您可能感兴趣的qiye--> <div class="mainbox displayNone"> <div class="infocontit">您可能感兴趣的企业</div> <div class="infocon madiaBlock"> <ul class="mui-table-view" id="cmpList"> </ul> </div> </div> <div class="shareEcode"> <img class="Ecodecon" src="../images/ecordCard.jpg" /> <div style="margin:-50px 10px 20px;"> <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"); 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() { } }); $("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="iconfontnew icon-address"></em> ' + $data.city; } else { document.getElementById("address").style.display = "none"; } /*企业简介*/ if($data.descp) { document.getElementById("breifinfo").innerText = $data.descp; }else{ document.getElementById("breifinfo").parentNode.style.display = "none"; } /*应用行业*/ 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() { } }) } /*相关文章*/ function relatedArticles() { $.ajax({ "url": "../ajax/resource/articles", "type": "GET", "success": function(data) { console.log(data); if(data.success) { if(data.data.length == 0) { return; } $("#oArticle").parent().removeClass("displayNone"); relatedArticlesHtml(data.data); } }, "data": { "resourceId": resourceId, "rows": 5 }, dataType: "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } relatedArticles(); /*相关文章html*/ function relatedArticlesHtml($html) { for(var i = 0; i < $html.length; i++) { (function(n) { var oURL; if($html[i].article.articleType==1) { oURL="../ajax/professor/baseInfo/" + $html[i].article.professorId; }else{ oURL="../ajax/org/" + $html[i].article.orgId; } $.ajax({ "url":oURL, "type": "GET", "success": function(data) { if(data.success) { var cmpname=""; if(data.data.forShort){ cmpname=data.data.forShort; }else{ cmpname=data.data.name; } if($html[n].article.articleType==1) { var stl = autho(data.data.authType, data.data.orgAuth, data.data.authStatus); }else { var stl={}; stl.sty=""; stl.title=""; if(data.data.authStatus==3) { stl.sty="authicon-com-ok"; stl.title="认证企业"; } } var str = "" str += '<li class="flexCenter OflexCenter" data-id="' + $html[n].article.articleId + '">' if($html[n].article.articleImg) { str += '<div class="madiaHead artHead" style="background-image: url(/data/article/' + $html[n].article.articleImg + ')"></div>' } else { str += '<div class="madiaHead artHead"></div>' } str += '<div class="madiaInfo OmadiaInfo">' str += '<p class="h1Font ellipsisSty">' + $html[n].article.articleTitle + '</p>' str += '<p><span class="h2Font">' + cmpname + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>' str += '</div></li>' $("#oArticle").append(str); } }, 'dataType': "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); })(i); } } /*文章跳转*/ $("#oArticle").on("click", "li", function() { location.href="http://" + window.location.host + "/e/a.html?id=" + $(this).attr("data-id"); }) function interestingQiye(arry,oId,oNu) { var oUrl; var $in={}; $in.keys= arry; $in.resourceId= resourceId; if(oNu==0) { $in.professorId= oId; oUrl="../ajax/resource/ralateRes"; }else { $in.orgId= oId; oUrl="../ajax/resource/orgRalateRes"; } $.ajax({ "url": oUrl, "type": "GET", "success": function(data) { console.log(data); if(data.success) { if(data.data.length == 0) { return; } $("#resourceList").parent().removeClass("displayNone"); interestingQiyeHtml(data.data); } }, "data":$in, "traditional": true, dataType: "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } /*感兴趣资源的html*/ function interestingQiyeHtml($respond) { for(var i = 0; i < 5; i++) { if($respond[i].organization) { var stl={}; stl.sty=""; stl.title=""; if($respond[i].organization.authStatus==3) { stl.sty="authicon-com-ok"; stl.title="认证企业"; } var name=""; if($respond[i].organization.forShort){ name=$respond[i].organization.forShort; }else{ name=$respond[i].organization.name; } }else { var stl = autho($respond[i].editProfessor.authType, $respond[i].editProfessor.orgAuth, $respond[i].editProfessor.authStatus); var name= $respond[i].editProfessor.name; } var oStr = ''; oStr+='<li class="flexCenter OflexCenter" style="" data-id="' + $respond[i].resourceId + '">' if($respond[i].images.length) { oStr += '<div class="madiaHead resouseHead" style="background-image: url(/data/resource/' + $respond[i].images[0].imageSrc + ')"></div>' } else { oStr += '<div class="madiaHead resouseHead"></div>' } oStr += '<div class="madiaInfo OmadiaInfo">' oStr += '<p class="h1Font">' + $respond[i].resourceName + '</p>' oStr += '<p class="h2Font ellipsisSty">用途:<span>' + $respond[i].supportedServices + '</span></p>' oStr += '<p><span class="h2Font">' + name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>' oStr += '</div></li>' $("#resourceList").append(oStr); } } /*点击资源列表*/ $("#resourceList").on("click", "li", function() { location.href="http://" + window.location.host + "/e/r.html?id=" + $(this).attr("data-id"); }) /*微信分享*/ $.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>