Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 721 Releases 0 Wiki

portal html css js resource

Tree: cc8b36e7f9
Branches Tags
portal-front
/
e
/
c.html

c.html 16KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525 
  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>
  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="authicon" 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="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
  36. 			<div class="infocon">
  37. 				<span class="breifinfo" id="breifinfo">
  38. 		        </span>
  39. 			</div>
  40. 		</div>
  41. 		<div class="mainbox">
  42. 			<div class="infocontit">专注领域</div>
  43. 			<div class="infocon listArea">
  44. 				<ul id="subjectShow">
  45. 					
  46. 				</ul>
  47. 			</div>
  48. 		</div>
  49. 		<div class="mainbox">
  50. 			<div class="infocontit">资源</div>
  51. 			<div class="infocon madiaBlock">
  52. 				<ul class="mui-table-view" id="resourceShow">
  53. 			    </ul>
  54. 			</div>
  55. 			<div class="seeMore displayNone" id="seeMoreResource"><em>查看全部<span id="resourceNum">0</span>个</em></div>
  56. 		</div>
  57. 		<div class="mainbox">
  58. 			<div class="infocontit">文章</div>
  59. 			<div class="infocon madiaBlock">
  60. 				<ul class="mui-table-view" id="articelShow">
  61. 			    </ul>
  62. 			</div>
  63. 			<div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部<span id="articalNum">0</span>篇</em></div>
  64. 		</div>
  65. 		<!--相关文章-->
  66. 		<div class="mainbox displayNone">
  67. 			<div class="infocontit">相关文章</div>
  68. 			<div class="infocon madiaBlock">
  69. 				<ul class="mui-table-view" id="relateArt">
  70. 			    </ul>
  71. 			</div>
  72. 		</div>
  73. 		<!--您可能感兴趣的qiye-->
  74. 		<div class="mainbox displayNone">
  75. 			<div class="infocontit">您可能感兴趣的企业</div>
  76. 			<div class="infocon madiaBlock">
  77. 				<ul class="mui-table-view" id="likePro">
  78. 			    </ul>
  79. 			</div>
  80. 		</div>
  81. 	    <div class="shareEcode">
  82. 			<img class="Ecodecon" src="../images/ecordCard.jpg" />
  83. 			<div style="margin:-50px 10px 20px;">
  84. 				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  85. 			</div>
  86. 		</div>
  87. 	</div>
  88. <script type="text/javascript">
  89. $(document).ready(function() {
  90. 	var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  91. 	var lineLink = document.location.href;
  92. 	var descContent;
  93. 	var shareTitle;
  94. 	var appid = '';
  95. 	
  96. 	var orgId = GetQueryString("id");
  97. 	companyMessage(orgId);
  98. 	getArticel();
  99. 	getResource();
  100. 	likeExperts();
  101. 	relevantarticalList();
  102. 	
  103. 	$.ajax({
  104. 		"url": "/ajax/org/incPageViews",
  105. 		"type": "POST",
  106. 		"dataType": "json",
  107. 		"data": {
  108. 			"id": orgId
  109. 		},
  110. 		"success": function(data) {
  111. 			console.log(data);
  112. 			if(data.success) {}
  113. 		},
  114. 		"error": function() {
  115. 		}
  116. 	});
  117. 	
  118. 	$("body").on("click",".seeMore,#goCmpBrief",function(){
  119. 		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
  120. 	})
  121. 	$('#articelShow,#relateArt').on('click', 'li', function() {
  122. 		var id = this.getAttribute("data-id");
  123. 		location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  124. 	})
  125. 	$('#resourceShow').on('click', 'li', function() {
  126. 		var id = this.getAttribute("data-id");
  127. 		location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  128. 	})
  130. 	function companyMessage(id) {
  131. 		$.ajax({
  132. 			url: "../ajax/org/" + id, 
  133. 			dataType: 'json', //数据格式类型
  134. 			type: 'GET', //http请求类型
  135. 			timeout: 10000, //超时设置
  136. 			success: function(data) {
  137. 				if(data.success) {
  138. 					var $data = data.data;
  139. 					if($data.forShort){
  140. 						document.getElementById("companyName").innerText = $data.forShort;
  141. 					}else{
  142. 						document.getElementById("companyName").innerText = $data.name;
  143. 					}
  144. 					if($data.hasOrgLogo) {
  145. 						document.getElementById("oimg").src = "/images/org/" + $data.id + ".jpg";
  146. 					} else {
  147. 						document.getElementById("oimg").src = "../images/default-icon.jpg";
  148. 					}
  149. 					/*企业标识*/
  150. 					if($data.authStatus == 3) {
  151. 						document.getElementById("authFlag").classList.add("authicon-com-ok");
  152. 					}
  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. 					}
  162. 					/*企业简介*/
  163. 					if($data.descp) {
  164. 						document.getElementById("breifinfo").innerText = $data.descp;
  165. 					}else{
  166. 						document.getElementById("breifinfo").parentNode.style.display = "none";
  167. 					}
  168. 					/*应用行业*/
  169. 					var proOther = "";
  170. 					if($data.industry) {
  171. 						proOther = $data.industry.replace(/,/gi, " | ");
  172. 					}
  173. 					document.getElementById("industryShow").innerText = proOther;
  174. 					/*专注领域*/
  175. 					if($data.subject) {
  176. 						indu($data.subject, 'subjectShow')
  177. 					} else {
  178. 						document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  179. 					}
  180. 					
  181. 					document.title=$data.name + "-" + proOther; 
  182. 					//微信再次分享
  183. 					shareTitle = document.getElementById("companyName").innerText;
  184. 					descContent = document.getElementById("industryShow").innerText.substring(0,40);
  185. 					if(document.getElementById("oimg").src !="../images/default-icon.jpg"){
  186. 						imgUrl= document.getElementById("oimg").src;
  187. 					}
  188. 					
  189. 				}
  190. 			},
  191. 			error: function() {
  192. 			}
  193. 		});
  194. 	}
  195. 	/*应用行业及领域及企业资质*/
  196. 	function indu(oString, oSelector) {
  197. 		var arr = oString.split(",");
  198. 		var oArr = new Array();
  199. 		var i;
  200. 		for(i in arr) {
  201. 			oArr.push('<li>' + arr[i] + '</li>');
  202. 		}
  203. 		document.getElementById(oSelector).innerHTML = oArr.join("");
  204. 	}
  205. 	//获取资源
  206. 	function getResource() {
  207. 		$.ajax({
  208. 			url: "../ajax/resource/pqOrgPublish",
  209. 			type: "GET",
  210. 			timeout: 10000,
  211. 			dataType: "json",
  212. 			data: {
  213. 				"orgId": orgId
  214. 			},
  215. 			success: function(data) {
  216. 				console.log(data)
  217. 				if(data.success) {
  218. 					var obj = data.data.data;
  219. 					if(obj.length>0){
  220. 						document.getElementById("resourceNum").innerText = obj.length;
  221. 						if(obj.length>2){
  222. 							obj.length =2;
  223. 							document.getElementById("seeMoreResource").classList.remove("displayNone");
  224. 						}
  225. 						for(var i = 0; i < obj.length; i++) {
  226. 							var liItem = document.createElement("li");
  227. 							liItem.className = "mui-table-view-cell"
  228. 							liItem.setAttribute("data-id",obj[i].resourceId)
  229. 							var oString = '<div class="flexCenter OflexCenter clearfix">'
  230. 							if(obj[i].images.length) {
  231. 								oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
  232. 							} else {
  233. 								oString += '<div class="madiaHead resouseHead"></div>'
  234. 							}
  235. 							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p><p class="h2Font mui-ellipsis">应用用途：' + obj[i].supportedServices + '</p>'
  236. 							oString += '</div></div>'
  237. 							liItem.innerHTML = oString;
  238. 							document.getElementById("resourceShow").appendChild(liItem);
  239. 						}
  240. 					}else{
  241. 						document.getElementById("resourceShow").parentNode.parentNode.style.display="none";
  242. 					}
  243. 				}
  244. 			},
  245. 			error: function() {
  246. 			}
  247. 		})
  248. 	}
  249. 	/*企业文章html*/
  250. 	function getArticel() {
  251. 		$.ajax({
  252. 			url: "../ajax/article/pqOrgPublish", 
  253. 			type: "GET",
  254. 			timeout: 10000,
  255. 			dataType: "json",
  256. 			data: {
  257. 				"orgId": orgId
  258. 			},
  259. 			success: function(data) {
  260. 				console.log(data)
  261. 				if(data.success) {
  262. 					var obj = data.data.data;
  263. 					if(obj.length>0){
  264. 						document.getElementById("articalNum").innerText = obj.length;
  265. 						if(obj.length>2){
  266. 							obj.length =2;
  267. 							document.getElementById("seeMoreArtical").classList.remove("displayNone");
  268. 						}
  269. 						for(var i = 0; i < obj.length; i++) {
  270. 							var liItem = document.createElement("li");
  271. 							liItem.className = "mui-table-view-cell"
  272. 							liItem.setAttribute("data-id",obj[i].articleId);
  273. 							liItem.setAttribute("owner-id",obj[i].orgId);
  274. 							
  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 += '</div></div>'
  283. 							liItem.innerHTML = oString;
  284. 							document.getElementById("articelShow").appendChild(liItem);
  285. 						}
  286. 					}else{
  287. 						document.getElementById("articelShow").parentNode.parentNode.style.display="none";
  288. 					}
  289. 				}
  290. 			},
  291. 			error: function() {
  292. 			}
  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. 										
  358. 										var itemlist = '<div class="flexCenter OflexCenter clearfix"><div class="madiaHead artHead" style="background-image:url('+imgL+')"></div>';
  359. 											itemlist += '<div class="madiaInfo OmadiaInfo">';
  360. 											itemlist += '<p class="ellipsis h2Font" id="usertitle">'+StrData[n].articleTitle+'</p>';
  361. 											itemlist += '<p><span class="h1Font">'+thisName+'</span><em class="authicon '+thisAuth+'" title="'+thisTitle+'"></em></p>';
  362. 											itemlist += '</div></div>';
  363. 											
  364. 										add.innerHTML=itemlist;
  365. 										document.getElementById("relateArt").appendChild(add);
  366. 									}
  367. 								},
  368. 								error: function() {
  369. 								}
  370. 							});
  371. 						})(i);
  372. 					}
  373. 				}
  374. 			},
  375. 			error: function() {
  376. 				plus.nativeUI.toast("服务器链接超时", toastStyle);
  377. 				return;
  378. 			}
  379. 		});
  380. 	}
  381.     
  382.     //感兴趣
  383. 	function likeExperts(){
  384. 		$.ajax({
  385. 			url:"/ajax/org/ralateOrgs", 
  386. 			"type": "get",
  387. 			"dataType" : "json",
  388. 			"data" :{"orgId":orgId},
  389. 			"success": function(data) {
  390. 				if(data.success && data.data) {
  391. 					var lengthT;
  392. 					if(data.data.length>5){
  393. 						lengthT=5;
  394. 					}else{
  395. 						lengthT=data.data.length
  396. 					}
  397. 					for(var i = 0; i < lengthT; i++) {
  398. 						var ExpId = data.data[i].id;
  399. 						likeExpertsList(ExpId);
  400. 					}
  401. 					
  402. 				}
  403. 			},
  404. 			error: function() {
  405. 			}
  406. 		});
  407. 	}
  408. 	//感兴趣
  409. 	function likeExpertsList(ExpId){
  410. 		$.ajax({
  411. 			url: "/ajax/org/"+ExpId, 
  412. 			"type" :  "GET" ,
  413. 			"dataType" : "json",
  414. 			"success" : function(data) {
  415. 				if (data.success && data.data!=""){
  416. 					document.getElementById("likePro").parentNode.parentNode.classList.remove("displayNone");	
  417. 					var add = document.createElement("li");
  418. 					add.setAttribute("data-id",data.data.id);
  419. 					add.className = "mui-table-view-cell";
  420. 					add.style.minHeight="68px";
  421. 					var imgL,thisName,thisAuth,thisTitle,otherI="";
  422. 					if(data.data.hasOrgLogo == 1) {
  423. 						imgL="/images/org/" + data.data.id + ".jpg";
  424. 					}else{
  425. 						imgL='../images/default-icon.jpg'
  426. 					}
  427. 					if(data.data.forShort){
  428. 						thisName=data.data.forShort
  429. 					}else{
  430. 						thisName=data.data.name
  431. 					}
  432. 					if(data.data.industry){
  433. 						otherI=data.data.industry.replace(/,/gi, " | ");
  434. 					}
  435. 					if(data.data.authStatus==3){
  436. 						thisAuth="authicon-com-ok"
  437. 						thisTitle="科袖认证企业"
  438. 					}
  439. 					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>';
  440. 						itemlist += '<div class="madiaInfo OmadiaInfo">';
  441. 						itemlist += '<p><span class="h1Font">'+thisName+'</span><em class="authicon '+thisAuth+'" title="'+thisTitle+'"></em></p>';
  442. 						itemlist += '<p class="ellipsis h2Font">'+otherI+'</p>';
  443. 						itemlist += '</div></a>';
  444. 					add.innerHTML=itemlist;
  445. 					document.getElementById("likePro").appendChild(add);
  446. 					
  447. 				}
  448. 			},
  449. 			error: function() {
  450. 			}
  451. 		});
  452. 	}
  453. 	
  454.     /*微信分享*/
  455. 	$.ajax({
  456. 		url: "../ajax/weixin/jsapiTicket",
  457. 		type: 'get',
  458. 		dataType: 'json',
  459. 		contentType: "application/x-www-form-urlencoded; charset=utf-8",
  460. 		data: {
  461. 			'url': location.href.split('#')[0]
  462. 		},
  463. 		success: function(data) {
  464. 			if(data.data) {
  465. 				wx.config({
  466. 					debug: false, //调试模式好犀利
  467. 					appId: data.data.appId,
  468. 					timestamp: data.data.timestamp,
  469. 					nonceStr: data.data.nonceStr,
  470. 					signature: data.data.signature,
  471. 					jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  472. 						"onMenuShareAppMessage",
  473. 						"onMenuShareTimeline",
  474. 						"onMenuShareQQ",
  475. 						"onMenuShareQZone",
  476. 						"scanQRCode",
  477. 					]
  478. 				});
  479. 				wx.ready(function() {
  480. 					// 在这里调用 API
  481. 					wx.onMenuShareAppMessage({ //分享给朋友
  482. 						title: shareTitle, // 分享标题
  483. 						desc: descContent, // 分享描述
  484. 						link: lineLink, // 分享链接
  485. 						imgUrl: imgUrl, // 分享图标
  486. 						success: share_success_callback,
  487. 						cancel: share_cancel_callback
  488. 					});
  489. 					wx.onMenuShareTimeline({ //分享到朋友圈
  490. 						title: shareTitle, // 分享标题
  491. 						desc: descContent, // 分享描述
  492. 						link: lineLink, // 分享链接
  493. 						imgUrl: imgUrl, // 分享图标
  494. 						success: share_success_callback,
  495. 						cancel: share_cancel_callback
  496. 					});
  497. 					wx.onMenuShareQQ({ //分享到QQ
  498. 						title: shareTitle, // 分享标题
  499. 						desc: descContent, // 分享描述
  500. 						link: lineLink, // 分享链接
  501. 						imgUrl: imgUrl, // 分享图标
  502. 						success: share_success_callback,
  503. 						cancel: share_cancel_callback
  504. 					});
  505. 					wx.onMenuShareQZone({ //分享到QQ空间
  506. 						title: shareTitle, // 分享标题
  507. 						desc: descContent, // 分享描述
  508. 						link: lineLink, // 分享链接
  509. 						imgUrl: imgUrl, // 分享图标
  510. 						success: share_success_callback,
  511. 						cancel: share_cancel_callback
  512. 					});
  513. 				});
  514. 				//分享成功后的回调函数	
  515. 				function share_success_callback() {}
  516. 				//用户取消分享后执行的回调函数	
  517. 				function share_cancel_callback() {}
  518.     		}
  519. 		}
  520. 	});
  521. })
  522. </script>
  523. </body>
  525. </html>