portal html css js resource

c.html 18KB

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