portal html css js resource

c.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580
  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="authiconNew" id="authFlag"></em></p>
  28. <p class="ellipsisSty h2Font" id="industryShow"></p>
  29. <p class="h3Font" id="address"></p>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="mainbox">
  34. <div class="infocon madiaBlock needList" style="border:none">
  35. <ul class="mui-table-view" id="showDemand">
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="mainbox">
  40. <div class="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
  41. <div class="infocon">
  42. <span class="breifinfo" id="breifinfo">
  43. </span>
  44. </div>
  45. </div>
  46. <div class="mainbox">
  47. <div class="infocontit">专注领域</div>
  48. <div class="infocon listArea">
  49. <ul id="subjectShow">
  50. </ul>
  51. </div>
  52. </div>
  53. <div class="mainbox">
  54. <div class="infocontit">资源</div>
  55. <div class="infocon madiaBlock">
  56. <ul class="mui-table-view" id="resourceShow">
  57. </ul>
  58. </div>
  59. <div class="seeMore displayNone" id="seeMoreResource"><em>查看全部<span id="resourceNum">0</span></em></div>
  60. </div>
  61. <div class="mainbox">
  62. <div class="infocontit">文章</div>
  63. <div class="infocon madiaBlock">
  64. <ul class="mui-table-view" id="articelShow">
  65. </ul>
  66. </div>
  67. <div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部<span id="articalNum">0</span></em></div>
  68. </div>
  69. <!--相关文章-->
  70. <div class="mainbox displayNone">
  71. <div class="infocontit">相关文章</div>
  72. <div class="infocon madiaBlock">
  73. <ul class="mui-table-view" id="relateArt">
  74. </ul>
  75. </div>
  76. </div>
  77. <!--您可能感兴趣的qiye-->
  78. <div class="mainbox displayNone">
  79. <div class="infocontit">您可能感兴趣的企业</div>
  80. <div class="infocon madiaBlock">
  81. <ul class="mui-table-view" id="likePro">
  82. </ul>
  83. </div>
  84. </div>
  85. <div class="shareEcode">
  86. <img class="Ecodecon" src="../images/ecordCard.jpg" />
  87. <div class="Ecodeinfo">
  88. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  89. </div>
  90. </div>
  91. </div>
  92. <script type="text/javascript">
  93. $(document).ready(function() {
  94. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  95. var lineLink = document.location.href;
  96. var descContent;
  97. var shareTitle;
  98. var appid = '';
  99. var orgId = GetQueryString("id");
  100. companyMessage(orgId);
  101. getArticel();
  102. getResource();
  103. getDemands();
  104. likeExperts();
  105. relevantarticalList();
  106. $.ajax({
  107. "url": "/ajax/org/incPageViews",
  108. "type": "POST",
  109. "dataType": "json",
  110. "data": {
  111. "id": orgId
  112. },
  113. "success": function(data) {
  114. console.log(data);
  115. if(data.success) {}
  116. },
  117. "error": function() {
  118. }
  119. });
  120. $("body").on("click",".seeMore,#goCmpBrief",function(){
  121. location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
  122. })
  123. $('#articelShow,#relateArt').on('click', 'li', function() {
  124. var id = this.getAttribute("data-id");
  125. location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  126. })
  127. $('#resourceShow').on('click', 'li', function() {
  128. var id = this.getAttribute("data-id");
  129. location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  130. })
  131. function companyMessage(id) {
  132. $.ajax({
  133. url: "../ajax/org/" + id,
  134. dataType: 'json', //数据格式类型
  135. type: 'GET', //http请求类型
  136. timeout: 10000, //超时设置
  137. success: function(data) {
  138. if(data.success) {
  139. var $data = data.data;
  140. if($data.forShort){
  141. document.getElementById("companyName").innerText = $data.forShort;
  142. }else{
  143. document.getElementById("companyName").innerText = $data.name;
  144. }
  145. if($data.hasOrgLogo) {
  146. document.getElementById("oimg").src = "/images/org/" + $data.id + ".jpg";
  147. } else {
  148. document.getElementById("oimg").src = "../images/default-icon.jpg";
  149. }
  150. /*企业标识*/
  151. if($data.authStatus == 3) {
  152. document.getElementById("authFlag").classList.add("authicon-com-ok");
  153. }
  154. /*所在城市*/
  155. if($data.city){
  156. document.getElementById("address").innerHTML ='<em class="iconfontnew icon-address"></em> ' + $data.city;
  157. }
  158. else {
  159. document.getElementById("address").style.display = "none";
  160. }
  161. /*企业简介*/
  162. if($data.descp) {
  163. document.getElementById("breifinfo").innerText = $data.descp;
  164. }else{
  165. document.getElementById("breifinfo").parentNode.style.display = "none";
  166. }
  167. /*应用行业*/
  168. var proOther = "";
  169. if($data.industry) {
  170. proOther = $data.industry.replace(/,/gi, " | ");
  171. }
  172. document.getElementById("industryShow").innerText = proOther;
  173. /*专注领域*/
  174. if($data.subject) {
  175. indu($data.subject, 'subjectShow')
  176. } else {
  177. document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  178. }
  179. document.title=$data.name + "-" + proOther;
  180. //微信再次分享
  181. shareTitle = document.getElementById("companyName").innerText;
  182. descContent = document.getElementById("industryShow").innerText.substring(0,40);
  183. if(document.getElementById("oimg").src !="../images/default-icon.jpg"){
  184. imgUrl= document.getElementById("oimg").src;
  185. }
  186. }
  187. },
  188. error: function() {
  189. }
  190. });
  191. }
  192. /*应用行业及领域及企业资质*/
  193. function indu(oString, oSelector) {
  194. var arr = oString.split(",");
  195. var oArr = new Array();
  196. var i;
  197. for(i in arr) {
  198. oArr.push('<li>' + arr[i] + '</li>');
  199. }
  200. document.getElementById(oSelector).innerHTML = oArr.join("");
  201. }
  202. //获取资源
  203. function getResource() {
  204. $.ajax({
  205. url: "../ajax/resource/pqOrgPublish",
  206. type: "GET",
  207. timeout: 10000,
  208. dataType: "json",
  209. data: {
  210. "orgId": orgId
  211. },
  212. success: function(data) {
  213. console.log(data)
  214. if(data.success) {
  215. var obj = data.data.data;
  216. if(obj.length>0){
  217. document.getElementById("resourceNum").innerText = obj.length;
  218. if(obj.length>2){
  219. obj.length =2;
  220. document.getElementById("seeMoreResource").classList.remove("displayNone");
  221. }
  222. for(var i = 0; i < obj.length; i++) {
  223. var liItem = document.createElement("li");
  224. liItem.className = "mui-table-view-cell"
  225. liItem.setAttribute("data-id",obj[i].resourceId)
  226. var oString = '<div class="flexCenter OflexCenter clearfix">'
  227. if(obj[i].images.length) {
  228. oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
  229. } else {
  230. oString += '<div class="madiaHead resouseHead"></div>'
  231. }
  232. oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p><p class="h2Font ellipsisSty-2">用途:' + obj[i].supportedServices + '</p>'
  233. oString += '</div></div>'
  234. liItem.innerHTML = oString;
  235. document.getElementById("resourceShow").appendChild(liItem);
  236. }
  237. }else{
  238. document.getElementById("resourceShow").parentNode.parentNode.style.display="none";
  239. }
  240. }
  241. },
  242. error: function() {
  243. }
  244. })
  245. }
  246. /*企业文章html*/
  247. function getArticel() {
  248. $.ajax({
  249. url: "../ajax/article/pqOrgPublish",
  250. type: "GET",
  251. timeout: 10000,
  252. dataType: "json",
  253. data: {
  254. "orgId": orgId
  255. },
  256. success: function(data) {
  257. console.log(data)
  258. if(data.success) {
  259. var obj = data.data.data;
  260. if(obj.length>0){
  261. document.getElementById("articalNum").innerText = obj.length;
  262. if(obj.length>2){
  263. obj.length =2;
  264. document.getElementById("seeMoreArtical").classList.remove("displayNone");
  265. }
  266. for(var i = 0; i < obj.length; i++) {
  267. var liItem = document.createElement("li");
  268. liItem.className = "mui-table-view-cell"
  269. liItem.setAttribute("data-id",obj[i].articleId);
  270. liItem.setAttribute("owner-id",obj[i].orgId);
  271. var oString = '<div class="flexCenter OflexCenter clearfix">'
  272. if(obj[i].articleImg) {
  273. oString += '<div class="madiaHead artHead" style="background-image:url(../data/article/' + obj[i].articleImg + ')"></div>'
  274. } else {
  275. oString += '<div class="madiaHead artHead"></div>'
  276. }
  277. oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>'
  278. oString += '<p class="h2Font ellipsisSty"><span class="time">'+commenTime(obj[i].publishTime)+'</span></p>'
  279. oString += '</div></div>'
  280. liItem.innerHTML = oString;
  281. document.getElementById("articelShow").appendChild(liItem);
  282. }
  283. }else{
  284. document.getElementById("articelShow").parentNode.parentNode.style.display="none";
  285. }
  286. }
  287. },
  288. error: function() {
  289. }
  290. })
  291. }
  292. //相关文章信息
  293. function relevantarticalList(){
  294. $.ajax({
  295. url:"/ajax/article/byAssOrg",
  296. "type" : "GET" ,
  297. "dataType" : "json",
  298. "data" :{"id":orgId},
  299. "async":"false",
  300. "traditional": true, //传数组必须加这个
  301. "success" : function(data) {
  302. if (data.success && data.data!=""){
  303. document.getElementById("relateArt").parentNode.parentNode.classList.remove("displayNone");
  304. document.getElementById("relateArt").innerHTML="";
  305. var StrData = data.data
  306. var lengthT;
  307. if(data.data.length>5){
  308. lengthT=5;
  309. }else{
  310. lengthT=data.data.length
  311. }
  312. for(var i = 0; i < lengthT; i++) {
  313. (function(n) {
  314. var imgL="../images/default-artical.jpg";
  315. if(StrData[i].articleImg){
  316. imgL='/data/article/' + StrData[i].articleImg
  317. }
  318. var oURL;
  319. if(StrData[i].articleType==1) {
  320. oURL="/ajax/professor/baseInfo/"+StrData[i].professorId;
  321. }else{
  322. oURL="/ajax/org/" + StrData[i].orgId;
  323. }
  324. $.ajax({
  325. url:oURL,
  326. "type": "GET",
  327. 'dataType': "json",
  328. "success": function(data) {
  329. if(data.success) {
  330. var add = document.createElement("li");
  331. add.className = "mui-table-view-cell";
  332. add.setAttribute("data-id",StrData[n].articleId);
  333. var thisName,userType,thisAuth,thisTitle
  334. if(data.data.forShort){
  335. thisName=data.data.forShort;
  336. }else{
  337. thisName=data.data.name;
  338. }
  339. if(StrData[n].articleType==1) {
  340. userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  341. thisTitle = userType.title;
  342. thisAuth = userType.sty;
  343. add.setAttribute("owner-id", data.data.id);
  344. add.setAttribute("data-type", 1);
  345. }else {
  346. add.setAttribute("owner-id", data.data.id);
  347. add.setAttribute("data-type", 2);
  348. if(data.data.authStatus==3) {
  349. thisTitle = "科袖认证企业";
  350. thisAuth = "authicon-com-ok";
  351. }
  352. }
  353. var itemlist = '<div class="flexCenter OflexCenter clearfix"><div class="madiaHead artHead" style="background-image:url('+imgL+')"></div>';
  354. itemlist += '<div class="madiaInfo OmadiaInfo">';
  355. itemlist += '<p class="ellipsisSty-2 h1Font" id="usertitle">'+StrData[n].articleTitle+'</p>';
  356. itemlist += '<p><span class="h2Font" style="margin-right:10px">'+thisName+'</span><span class="time">'+commenTime(StrData[n].publishTime)+'</span></p>';
  357. itemlist += '</div></div>';
  358. add.innerHTML=itemlist;
  359. document.getElementById("relateArt").appendChild(add);
  360. }
  361. },
  362. error: function() {
  363. }
  364. });
  365. })(i);
  366. }
  367. }
  368. },
  369. error: function() {
  370. }
  371. });
  372. }
  373. //获取需求
  374. function getDemands() {
  375. $.ajax({
  376. url: "/ajax/demand/pq",
  377. type: "GET",
  378. timeout: 10000,
  379. dataType: "json",
  380. data: {
  381. "state":'1',
  382. "oid":orgId,
  383. },
  384. success: function(data) {
  385. if(data.success) {
  386. document.getElementById("showDemand").innerHTML="";
  387. var $info = data.data.data;
  388. if($info.length > 0){
  389. for(var i = 0; i < $info.length; i++) {
  390. var liStr = document.createElement("li");
  391. liStr.setAttribute("data-id",$info[i].id);
  392. liStr.className = "mui-table-view-cell"
  393. document.getElementById("showDemand").appendChild(liStr);
  394. demandHtml($info[i],liStr);
  395. }
  396. }else{
  397. document.getElementById("showDemand").parentNode.parentNode.style.display="none";
  398. }
  399. }
  400. },
  401. error: function() {
  402. }
  403. })
  404. }
  405. function demandHtml($data,liStr) {
  406. var strCon='';
  407. strCon+='<a href="d.html?id='+$data.id+'" class="madiaInfo">'
  408. strCon+='<p class="h1Font ellipsisSty">'+ $data.title +'</p>'
  409. strCon+='<p class="h2Font ellipsisSty-5">'+$data.descp+'</p>'
  410. strCon+='<div class="showli mui-ellipsis">'
  411. if($data.city){ strCon+='<span>'+$data.city+'</span>' }
  412. if($data.duration!=0){ strCon+='<span>预期 '+demandDuration[$data.duration]+'</span>' }
  413. if($data.cost!=0){ strCon+='<span>预算 '+demandCost[$data.cost]+'</span>' }
  414. if($data.invalidDay){ strCon+='<span>有效期至 '+TimeTr($data.invalidDay)+'</span>' }
  415. strCon+='</div>'
  416. strCon+='</a>'
  417. liStr.innerHTML=strCon
  418. }
  419. //感兴趣
  420. function likeExperts(){
  421. $.ajax({
  422. url:"/ajax/org/ralateOrgs",
  423. "type": "get",
  424. "dataType" : "json",
  425. "data" :{"orgId":orgId},
  426. "success": function(data) {
  427. if(data.success && data.data) {
  428. var lengthT;
  429. if(data.data.length>5){
  430. lengthT=5;
  431. }else{
  432. lengthT=data.data.length
  433. }
  434. for(var i = 0; i < lengthT; i++) {
  435. var ExpId = data.data[i].id;
  436. likeExpertsList(ExpId);
  437. }
  438. }
  439. },
  440. error: function() {
  441. }
  442. });
  443. }
  444. //感兴趣
  445. function likeExpertsList(ExpId){
  446. $.ajax({
  447. url: "/ajax/org/"+ExpId,
  448. "type" : "GET" ,
  449. "dataType" : "json",
  450. "success" : function(data) {
  451. if (data.success && data.data!=""){
  452. document.getElementById("likePro").parentNode.parentNode.classList.remove("displayNone");
  453. var add = document.createElement("li");
  454. add.setAttribute("data-id",data.data.id);
  455. add.className = "mui-table-view-cell";
  456. add.style.minHeight="68px";
  457. var imgL,thisName,thisAuth,thisTitle,otherI="";
  458. if(data.data.hasOrgLogo == 1) {
  459. imgL="/images/org/" + data.data.id + ".jpg";
  460. }else{
  461. imgL='../images/default-icon.jpg'
  462. }
  463. if(data.data.forShort){
  464. thisName=data.data.forShort
  465. }else{
  466. thisName=data.data.name
  467. }
  468. if(data.data.industry){
  469. otherI=data.data.industry.replace(/,/gi, " | ");
  470. }
  471. if(data.data.authStatus==3){
  472. thisAuth="authicon-com-ok"
  473. thisTitle="科袖认证企业"
  474. }
  475. var itemlist = '<a href="c.html?id='+data.data.id+'" class="flexCenter OflexCenter clearfix"><div class="madiaHead cmpHead"><div class="boxBlock"><img class="boxBlockimg" src="'+imgL+'" /></div></div>';
  476. itemlist += '<div class="madiaInfo OmadiaInfo">';
  477. itemlist += '<p class="ellipsisSty"><span class="h1Font">'+thisName+'</span><em class="authiconNew '+thisAuth+'" title="'+thisTitle+'"></em></p>';
  478. itemlist += '<p class="ellipsisSty h2Font">'+otherI+'</p>';
  479. itemlist += '</div></a>';
  480. add.innerHTML=itemlist;
  481. document.getElementById("likePro").appendChild(add);
  482. }
  483. },
  484. error: function() {
  485. }
  486. });
  487. }
  488. /*微信分享*/
  489. $.ajax({
  490. url: "../ajax/weixin/jsapiTicket",
  491. type: 'get',
  492. dataType: 'json',
  493. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  494. data: {
  495. 'url': location.href.split('#')[0]
  496. },
  497. success: function(data) {
  498. if(data.data) {
  499. wx.config({
  500. debug: false, //调试模式好犀利
  501. appId: data.data.appId,
  502. timestamp: data.data.timestamp,
  503. nonceStr: data.data.nonceStr,
  504. signature: data.data.signature,
  505. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  506. "onMenuShareAppMessage",
  507. "onMenuShareTimeline",
  508. "onMenuShareQQ",
  509. "onMenuShareQZone",
  510. "scanQRCode",
  511. ]
  512. });
  513. wx.ready(function() {
  514. // 在这里调用 API
  515. wx.onMenuShareAppMessage({ //分享给朋友
  516. title: shareTitle, // 分享标题
  517. desc: descContent, // 分享描述
  518. link: lineLink, // 分享链接
  519. imgUrl: imgUrl, // 分享图标
  520. success: share_success_callback,
  521. cancel: share_cancel_callback
  522. });
  523. wx.onMenuShareTimeline({ //分享到朋友圈
  524. title: shareTitle, // 分享标题
  525. desc: descContent, // 分享描述
  526. link: lineLink, // 分享链接
  527. imgUrl: imgUrl, // 分享图标
  528. success: share_success_callback,
  529. cancel: share_cancel_callback
  530. });
  531. wx.onMenuShareQQ({ //分享到QQ
  532. title: shareTitle, // 分享标题
  533. desc: descContent, // 分享描述
  534. link: lineLink, // 分享链接
  535. imgUrl: imgUrl, // 分享图标
  536. success: share_success_callback,
  537. cancel: share_cancel_callback
  538. });
  539. wx.onMenuShareQZone({ //分享到QQ空间
  540. title: shareTitle, // 分享标题
  541. desc: descContent, // 分享描述
  542. link: lineLink, // 分享链接
  543. imgUrl: imgUrl, // 分享图标
  544. success: share_success_callback,
  545. cancel: share_cancel_callback
  546. });
  547. });
  548. //分享成功后的回调函数
  549. function share_success_callback() {}
  550. //用户取消分享后执行的回调函数
  551. function share_cancel_callback() {}
  552. }
  553. }
  554. });
  555. })
  556. </script>
  557. </body>
  558. </html>