portal html css js resource

c.html 18KB

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