portal html css js resource

c.html 8.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>企业分享-科袖网</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/common.css" />
  9. <link rel="stylesheet" href="../css/share.css" />
  10. <style>
  11. html,body{margin:0;padding:0px;background: #F4F6F8;}
  12. .showCardI{background-image: url(../images/enterprise_img_bg_nor@3x.png)}
  13. .infocontit:before{background: #28b8fa;}
  14. </style>
  15. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  16. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  17. <script type="text/javascript" src="../js/public/shareCom.js"></script>
  18. </head>
  19. <body>
  20. <div class="contentBody2">
  21. <div class="showCardI">
  22. <div class="cardTop">
  23. <div class="cardImg cmpCard">
  24. <div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="../images/default-icon.jpg"></div>
  25. </div>
  26. <div class="cardInfo">
  27. <p><span class="h1Font" id="companyName"></span><em class="authicon" id="authFlag"></em></p>
  28. <p class="ellipsisSty h2Font" id="industryShow"></p>
  29. <p class="h3Font"><em class="iconfontnew icon-address"></em> <span id="address"></span></p>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="mainbox">
  34. <div class="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
  35. <div class="infocon">
  36. <span class="breifinfo" id="breifinfo">
  37. </span>
  38. </div>
  39. </div>
  40. <div class="mainbox">
  41. <div class="infocontit">专注领域</div>
  42. <div class="infocon listArea">
  43. <ul id="subjectShow">
  44. </ul>
  45. </div>
  46. </div>
  47. <div class="mainbox">
  48. <div class="infocontit">资源 (<span id="resourceNum">0</span>)</div>
  49. <div class="infocon madiaBlock">
  50. <ul class="mui-table-view" id="resourceShow">
  51. </ul>
  52. </div>
  53. <div class="seeMore displayNone" id="seeMoreResource"><em>查看更多</em></div>
  54. </div>
  55. <div class="mainbox">
  56. <div class="infocontit">文章 (<span id="articalNum">0</span>)</div>
  57. <div class="infocon madiaBlock">
  58. <ul class="mui-table-view" id="articelShow">
  59. </ul>
  60. </div>
  61. <div class="seeMore displayNone" id="seeMoreArtical"><em>查看更多</em></div>
  62. </div>
  63. <div class="shareEcode" style="background: #FFFFFF;">
  64. <div class="Ecodebox">
  65. <div class="Ecodecon clearfix">
  66. <img src="../images/weixin_code.jpg" />
  67. <div class="codecon">
  68. <h1>「 科袖 」</h1>
  69. <h2>搭建企业与专家的桥梁</h2>
  70. <h3>长按识别科袖公众号</h3>
  71. </div>
  72. </div>
  73. </div>
  74. <div style="margin:20px auto;">
  75. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  76. </div>
  77. </div>
  78. </div>
  79. <script type="text/javascript">
  80. $(document).ready(function() {
  81. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  82. var lineLink = document.location.href;
  83. var descContent;
  84. var shareTitle;
  85. var appid = '';
  86. var orgId = GetQueryString("id");
  87. //orgId = "A93B9348F2094D12A6DC9A23F16E1246";
  88. companyMessage(orgId);
  89. getArticel();
  90. getResource();
  91. shareWays();//分享方式
  92. $("body").on("click",".seeMore,#goCmpBrief",function(){
  93. location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
  94. })
  95. $('#articelShow').on('click', 'li', function() {
  96. var id = this.getAttribute("data-id");
  97. location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  98. })
  99. $('#resourceShow').on('click', 'li', function() {
  100. var id = this.getAttribute("data-id");
  101. location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  102. })
  103. function companyMessage(id) {
  104. $.ajax({
  105. url: "../ajax/org/" + id,
  106. dataType: 'json', //数据格式类型
  107. type: 'GET', //http请求类型
  108. timeout: 10000, //超时设置
  109. success: function(data) {
  110. if(data.success) {
  111. var $data = data.data;
  112. if($data.forShort){
  113. document.getElementById("companyName").innerText = $data.forShort;
  114. }else{
  115. document.getElementById("companyName").innerText = $data.name;
  116. }
  117. if($data.hasOrgLogo) {
  118. document.getElementById("oimg").src = "/images/org/" + $data.id + ".jpg";
  119. } else {
  120. document.getElementById("oimg").src = "../images/default-icon.jpg";
  121. }
  122. /*企业标识*/
  123. if($data.authStatus == 3) {
  124. document.getElementById("authFlag").classList.add("authicon-com-ok");
  125. }
  126. /*所在城市*/
  127. if($data.city) {
  128. document.getElementById("address").innerText = $data.city;
  129. } else {
  130. document.getElementById("address").parentNode.style.display = "none";
  131. }
  132. /*企业简介*/
  133. if($data.descp) {
  134. document.getElementById("breifinfo").innerText = $data.descp;
  135. }
  136. /*应用行业*/
  137. var proOther = "";
  138. if($data.industry) {
  139. proOther = $data.industry.replace(/,/gi, " | ");
  140. }
  141. document.getElementById("industryShow").innerText = proOther;
  142. /*专注领域*/
  143. if($data.subject) {
  144. indu($data.subject, 'subjectShow')
  145. } else {
  146. document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  147. }
  148. document.title=$data.name + "-" + proOther;
  149. //微信再次分享
  150. shareTitle = document.getElementById("companyName").innerText;
  151. descContent = document.getElementById("industryShow").innerText.substring(0,20);
  152. if(document.getElementById("oimg").src !="../images/default-icon.jpg"){
  153. imgUrl= document.getElementById("oimg").src;
  154. }
  155. }
  156. },
  157. error: function() {
  158. }
  159. });
  160. }
  161. /*应用行业及领域及企业纸质*/
  162. function indu(oString, oSelector) {
  163. var arr = oString.split(",");
  164. var oArr = new Array();
  165. var i;
  166. for(i in arr) {
  167. oArr.push('<li>' + arr[i] + '</li>');
  168. }
  169. document.getElementById(oSelector).innerHTML = oArr.join("");
  170. }
  171. //获取资源
  172. function getResource() {
  173. $.ajax({
  174. url: "../ajax/resource/pqOrgPublish",
  175. type: "GET",
  176. timeout: 10000,
  177. dataType: "json",
  178. data: {
  179. "orgId": orgId
  180. },
  181. success: function(data) {
  182. console.log(data)
  183. if(data.success) {
  184. var obj = data.data.data;
  185. if(obj.length>0){
  186. document.getElementById("resourceNum").innerText = obj.length;
  187. if(obj.length>2){
  188. obj.length =2;
  189. document.getElementById("seeMoreResource").classList.remove("displayNone");
  190. }
  191. for(var i = 0; i < obj.length; i++) {
  192. var liItem = document.createElement("li");
  193. liItem.className = "mui-table-view-cell"
  194. liItem.setAttribute("data-id",obj[i].resourceId)
  195. var oString = '<div class="flexCenter OflexCenter clearfix">'
  196. if(obj[i].images.length) {
  197. oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
  198. } else {
  199. oString += '<div class="madiaHead resouseHead"></div>'
  200. }
  201. oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p><p class="h2Font mui-ellipsis">应用用途:' + obj[i].supportedServices + '</p>'
  202. oString += '</div></div>'
  203. liItem.innerHTML = oString;
  204. document.getElementById("resourceShow").appendChild(liItem);
  205. }
  206. }else{
  207. document.getElementById("resourceShow").parentNode.parentNode.style.display="none";
  208. }
  209. }
  210. },
  211. error: function() {
  212. }
  213. })
  214. }
  215. /*企业文章html*/
  216. function getArticel() {
  217. $.ajax({
  218. url: "../ajax/article/pqOrgPublish",
  219. type: "GET",
  220. timeout: 10000,
  221. dataType: "json",
  222. data: {
  223. "orgId": orgId
  224. },
  225. success: function(data) {
  226. console.log(data)
  227. if(data.success) {
  228. var obj = data.data.data;
  229. if(obj.length>0){
  230. document.getElementById("articalNum").innerText = obj.length;
  231. if(obj.length>2){
  232. obj.length =2;
  233. document.getElementById("seeMoreArtical").classList.remove("displayNone");
  234. }
  235. for(var i = 0; i < obj.length; i++) {
  236. var liItem = document.createElement("li");
  237. liItem.setAttribute("data-id",obj[i].articleId);
  238. liItem.setAttribute("owner-id",obj[i].orgId);
  239. liItem.className = "mui-table-view-cell"
  240. var oString = '<div class="flexCenter OflexCenter clearfix">'
  241. if(obj[i].articleImg) {
  242. oString += '<div class="madiaHead artHead" style="background-image:url(../data/article/' + obj[i].articleImg + ')"></div>'
  243. } else {
  244. oString += '<div class="madiaHead artHead"></div>'
  245. }
  246. oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>'
  247. oString += '</div></div>'
  248. liItem.innerHTML = oString;
  249. document.getElementById("articelShow").appendChild(liItem);
  250. }
  251. }else{
  252. document.getElementById("articelShow").parentNode.parentNode.style.display="none";
  253. }
  254. }
  255. },
  256. error: function() {
  257. }
  258. })
  259. }
  260. })
  261. </script>
  262. </body>
  263. </html>