portal html css js resource

c.html 8.9KB

    <!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(); shareWays();//分享方式 $("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() { } }) } }) </script> </body> </html>