jiapeng
/
portal-front


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品分享-科袖网</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/share.css" />
		<style>
			html,
			body {
				margin: 0;
				padding: 0px;
				background: #FFFFFF;
			}
		</style>
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="../js/public/swiper.min.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="../js/public/baseUtil.js"></script>
		<script type="text/javascript" src="../js/public/shareCom.js"></script>
		<script type="text/javascript" src="../js/public/openApp.js"></script>
	</head>
	<body>
		<div class="contentBody2">
			<!--焦点图 start-->
			<div data-editor="topslider">
				<div id="index-container">
					<ul class="swiper-wrapper">
						<!--<li class="swiper-slide"><a class="tab-re"><img src="../images/banner/banner01.jpg" /></a></li>-->
					</ul>
					<div class="swiper-pagination" id="index-pagination"></div>
				</div>
			</div>
			<div class="showDetail">
				<div class="h1Font hWeight" id="resourceName"></div>
				<div class="showFont" id="application"></div>
				<div class="madiaBlock">
					<ul class="mui-table-view noactiveTab infoBlock">
						<li class="mui-table-view-cell">
							<div class="flexCenter mui-clearfix">
								<a id="thisInfo">
									<div class="madiaHead" id="thisPic"></div>
									<div class="madiaInfo" style="padding-right: 80px;">
										<p><span class="h1Font ellipsisSty" id="thisName"></span><em class="authiconNew" title="" id="authFlag"></em></p>
										<p class="h3Font ellipsisSty" id="thisOther"></p>
									</div>
								</a>
								<div class="goSpan">
									<span class="attenSpan">关注</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--内容区-->
				<div class="showMain showRes">
					<ul>
						<li>
							<div class="showTit">所属机构</div>
							<div class="showCon" id="resorceOrg"></div>
						</li>
						<li>
							<div class="showTit">厂商型号</div>
							<div class="showCon" id="modelNumber"></div>
						</li>
						<li>
							<div class="showTit">产地：</div>
							<div class="showCon" id="productArea">
							</div>
						</li>
						<li>
							<div class="showTit">官方价格：</div>
							<div class="showCon" id="officialPrice">
							</div>
						</li>
						<li>
							<div class="showTit">性能参数</div>
							<div class="showCon" id="performancePa"></div>
						</li>
						<li id="articleContent">
							<div class="showTit">详细介绍</div>
							<div class="showCon" id="detailDescp"></div>
						</li>
					</ul>
				</div>
				<!--标签模块-->
				<ul class="tagList">
					<!--<li>
					<span class="h2Font"></span>
				</li>-->
				</ul>
				<div class="madiaBlock displayNone">
					<div class="madiaTit">相关文章</div>
					<ul class="mui-table-view" id="likeArtical">
					</ul>
				</div>
				<div class="madiaBlock displayNone">
					<div class="madiaTit">其他产品</div>
					<ul class="mui-table-view" id="likeResource">
					</ul>
				</div>
			</div>
			<div class="shareEcode">
				<img class="Ecodecon" src="../images/ecordCard.jpg" />
				<div class="Ecodeinfo">
					<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				var imgUrl = "http://www.ekexiu.com/images/logo180.png";
				var lineLink = document.location.href;
				var descContent;
				var shareTitle;
				var appid = '';
				var resourceId = GetQueryString("id");
				var othisInfo = document.getElementById("thisInfo"); //用户/企业信息
				var othisName = document.getElementById("thisName"); //专家名称
				var othisOther = document.getElementById("thisOther"); //专家职称/职位
				var oauthFlag = document.getElementById("authFlag"); //专家认证
				var othisPic = document.getElementById("thisPic"); //专家头像
				var oresorcePic = document.getElementById("resorcePic"); //资源图片
				var oresourceName = document.getElementById("resourceName"); //资源名称
				var oapplication = document.getElementById("application"); //应用用途
				var oresorceOrg = document.getElementById("resorceOrg"); //资源所属机构
				var omodelNumber = document.getElementById("modelNumber"); //厂商型号
				var operformancePa = document.getElementById("performancePa"); //性能参数
				var oremarkContent = document.getElementById("remarkContent"); //合作备注
				var odetailDescp = document.getElementById("detailDescp"); //详细描述
				getRecourceMe(); /*获取信息*/
				relatedArticles(); /*相关文章信息*/
				//interestingResources();
				pageViewLog(resourceId, 11);
				//进入发布者详情页面
				$("#thisInfo").on("click", function() {
					var reType = this.getAttribute("data-type");
					if(reType == "1") {
						var proId = this.getAttribute("data-id");
						location.href = "http://" + window.location.host + "/e/p.html?id=" + proId;
					} else if(reType == "2") {
						var cmpId = this.getAttribute("data-id");
						location.href = "http://" + window.location.host + "/e/c.html?id=" + cmpId;
					}
				})
				var this_ = "../html/resourceShow.html?resourceId=" + resourceId;
				wcFresh(this_);
				$("body").on("click", ".goSpan", function() {
					isInstalled(this_, true);
					$(this).addClass("activeThis");
				})
				function getRecourceMe() {
					$.ajax({
						url: '/ajax/product/qo',
						data: {
							'id': resourceId,
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'get', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						success: function(data) {
							if(data.success) {
								var mydata = data.data;
								var resourceName = mydata.name;
								document.title = resourceName;
								oresourceName.innerHTML = mydata.name;
								oapplication.innerHTML = "简介：" + mydata.cnt;
								//微信再次分享配置
								shareTitle = oresourceName.innerHTML;
								descContent = oapplication.innerHTML;
								if(mydata.spec) { //厂商型号
									omodelNumber.innerText = mydata.spec;
									omodelNumber.parentNode.style.display = "block";
								}
								if(mydata.producingArea) {
									$("#productArea").text(mydata.producingArea).parents("li").show();
								}
								if(mydata.price) {
									$("#officialPrice").text(mydata.price).parents("li").show();
								}
								if(mydata.parameter) { //性能参数
									operformancePa.innerHTML = mydata.parameter;
									operformancePa.parentNode.style.display = "block";
								}
								if(mydata.descp) { //详细描述
									odetailDescp.innerHTML = mydata.descp;
									odetailDescp.parentNode.style.display = "block";
								}
								if(mydata.keywords) {
									var oSub = mydata.keywords.split(",");
									var oSt = "";
									for(var i = 0; i < oSub.length; i++) {
										oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
									}
									$(".tagList").html(oSt);
								} else {
									$("#resourceList").parents(".otherShow").addClass("displayNone")
								}
								orgSigInfo(mydata.owner);
								otherProduct(mydata.owner)
								if(mydata.images) {
									imgUrl = "http://www.ekexiu.com/data/product" + mydata.images.split(",")[0].replace(/\.(jpg|jpeg|png)$/, "_s.jpg");
									var rPdiv = '';
									for(var i = 0; i < mydata.images.split(",").length; i++) {
										rPdiv += '<li class="swiper-slide"><a class="tab-re"><img src="../data/product' + mydata.images.split(",")[i] + '" /></a></li>'
									}
									$("#index-container ul").append(rPdiv);
									//轮换图片滚动
									var swiper = new Swiper('#index-container', {
										pagination: '#index-pagination',
										slidesPerView: 1,
										paginationClickable: true,
										loop: true,
										autoplay: 5000,
										autoplayDisableOnInteraction: false
									});
								} else {
									$("#index-container").parent().hide();
								}
							}
						},
						error: function(e) {
							return;
						}
					});
				}
				/*资源里面相关文章*/
				function relatedArticles() {
					$.ajax({
						url: '/ajax/article/lq/byProduct',
						type: "GET",
						data: {
							"product": resourceId,
							"rows": 5
						},
						dataType: "json",
						success: function(data) {
							if(data.success) {
								if(data.data.length == 0) {
									return;
								}
								document.getElementById("likeArtical").parentNode.classList.remove("displayNone");
								var $html = data.data;
								console.log($html)
								for(var i = 0; i < $html.length; i++) {
									(function(n) {
										var oURL;
										if($html[i].articleType == 1) {
											oURL = "/ajax/professor/baseInfo/" + $html[i].ownerId;
										} else {
											oURL = "/ajax/org/" + $html[i].ownerId;
										}
										$.ajax({
											url: oURL,
											type: "GET",
											dataType: "json",
											success: function(data) {
												if(data.success) {
													var likeRUl = document.getElementById("likeArtical");
													var likeRli = document.createElement("li");
													likeRli.className = 'mui-table-view-cell';
													likeRli.setAttribute("data-id", $html[n].articleId);
													var comName = "";
													if($html[n].articleType == 1) {
														var stl = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
														comName = data.data.name;
														likeRli.setAttribute("data-type", 1);
													} else if($html[n].articleType == 2) {
														var stl = {};
														stl.sty = "";
														stl.title = "";
														if(data.data.authStatus == 3) {
															stl.sty = "authicon-com-ok";
															stl.title = "认证企业";
														}
														if(data.data.forShort) {
															comName = data.data.forShort;
														} else {
															comName = data.data.name;
														}
														likeRli.setAttribute("data-type", 2);
													} else if($html[n].articleType == 3) {
														var stl = {};
														stl.sty = "";
														stl.title = "";
														comName = data.data.name;
														likeRli.setAttribute("data-type", 3);
													}
													var str = ""
													str += '<div class="flexCenter OflexCenter mui-clearfix">'
													if($html[n].articleImg) {
														str += '<div class="madiaHead artHead" style="background-image: url(/data/article/' + $html[n].articleImg + ')"></div>'
													} else {
														str += '<div class="madiaHead artHead"></div>'
													}
													str += '<div class="madiaInfo OmadiaInfo">'
													str += '<p class="ellipsisSty-2 h1Font">' + $html[n].articleTitle + '</p>'
													str += '<p><span class="h2Font" style="margin-right:10px;">' + comName + '</span><span class="time">' + commenTime($html[n].publishTime) + '</span></p>'
													str += '</div></div>'
													likeRli.innerHTML = str;
													likeRUl.appendChild(likeRli, likeRUl.lastChild);
												}
											},
											error: function() {}
										});
									})(i);
								}
							}
						},
						error: function() {}
					});
				}
				function orgSigInfo(id) {
					$.ajax({
						url: "/ajax/org/" + id,
						type: "GET",
						data: {},
						dataType: "json",
						success: function(data) {
							var mydata = {};
							mydata.organization = data.data;
							othisInfo.setAttribute("data-id", mydata.organization.id);
							othisInfo.setAttribute("data-status", mydata.organization.authStatus);
							othisInfo.setAttribute("data-type", mydata.resourceType);
							if(mydata.organization.forShort) {
								othisName.innerHTML = mydata.organization.forShort;
							} else {
								othisName.innerHTML = mydata.organization.name;
							}
							if(mydata.organization.subject) {
								othisOther.innerHTML = (mydata.organization.subject).replace(/,/, " | ");
							}
							var mgimg = "../images/default-icon.jpg";
							if(mydata.organization.hasOrgLogo) {
								mgimg = "/images/org/" + mydata.organization.id + ".jpg";
							}
							othisPic.classList.add("cmpHead2");
							othisPic.innerHTML = '<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="' + mgimg + '"></div>'
							if(mydata.organization.authStatus == 3) {
								oauthFlag.classList.add("authicon-com-ok");
							}
						}
					});
				}
				/*文章跳转*/
				$("#likeArtical").on("click", "li", function() {
					location.href = "http://" + window.location.host + "/e/a.html?id=" + $(this).attr("data-id");
				})
				/*产品跳转*/
				$("#likeResource").on("click", "li", function() {
					location.href = "http://" + window.location.host + "/e/pr.html?id=" + $(this).attr("data-id");
				})
				function otherProduct(par) {
					var $info = {};
					$info.rows = 6;
					$info.owner = par;
					$.ajax({
							url: "/ajax/product/publish",
							data: $info,
							dataType: "json",
							traditional: true,
							type: 'get', //HTTP请求类型
							success: function(data) {
								if(data.success) {
									if(data.data.length <= 1) {
										return;
									}
									document.getElementById("likeResource").parentNode.classList.remove("displayNone");
									var $data = data.data;
									for(var i = 0; i < $data.length; i++) {
										(function(n) {
											$.ajax({
												url: "/ajax/org/" + $data[n].owner,
												"type": "GET",
												'dataType': "json",
												"success": function(data) {
													if(data.success) {
														var thisName, userType, thisAuth, thisTitle
														if(data.data.forShort) {
															thisName = data.data.forShort;
														} else {
															thisName = data.data.name;
														}
														if(data.data.authStatus == 3) {
															thisTitle = "科袖认证企业";
															thisAuth = "authicon-com-ok";
														}
														var imgL = '/data/product' + $data[n].images.split(",")[0];
														var add = document.createElement("li");
														add.className = "mui-table-view-cell";
														add.setAttribute("data-id", $data[n].id);
														var itemlist = '<div class="flexCenter OflexCenter"><div class="madiaHead resourceHead" style="background-image:url(' + imgL + ')"></div>';
														itemlist += '<div class="madiaInfo OmadiaInfo">';
														itemlist += '<p class="ellipsisSty-2 h1Font" id="usertitle">' + $data[n].name + '</p>';
														itemlist += '<p><span class="h2Font">' + thisName + '</span><em class="authiconNew ' + thisAuth + '" title="' + thisTitle + '"></em></p>';
														itemlist += '</div></div>';
														add.innerHTML = itemlist;
														document.getElementById("likeResource").appendChild(add);
													}
												},
												'error': function() {}
											});
										})(i);
									}
								}
						},
						error: function() {}
					});
			}
			/*微信分享*/
			$.ajax({
				url: "../ajax/weixin/jsapiTicket",
				type: 'get',
				dataType: 'json',
				contentType: "application/x-www-form-urlencoded; charset=utf-8",
				data: {
					'url': location.href.split('#')[0]
				},
				success: function(data) {
					if(data.data) {
						wx.config({
							debug: false, //调试模式好犀利
							appId: data.data.appId,
							timestamp: data.data.timestamp,
							nonceStr: data.data.nonceStr,
							signature: data.data.signature,
							jsApiList: [ // 所有要调用的 API 都要加到这个列表中
								"onMenuShareAppMessage",
								"onMenuShareTimeline",
								"onMenuShareQQ",
								"onMenuShareQZone",
								"scanQRCode",
							]
						});
						wx.ready(function() {
							// 在这里调用 API
							wx.onMenuShareAppMessage({ //分享给朋友
								title: shareTitle, // 分享标题
								desc: descContent, // 分享描述
								link: lineLink, // 分享链接
								imgUrl: imgUrl, // 分享图标
								success: share_success_callback,
								cancel: share_cancel_callback
							});
							wx.onMenuShareTimeline({ //分享到朋友圈
								title: shareTitle, // 分享标题
								desc: descContent, // 分享描述
								link: lineLink, // 分享链接
								imgUrl: imgUrl, // 分享图标
								success: share_success_callback,
								cancel: share_cancel_callback
							});
							wx.onMenuShareQQ({ //分享到QQ
								title: shareTitle, // 分享标题
								desc: descContent, // 分享描述
								link: lineLink, // 分享链接
								imgUrl: imgUrl, // 分享图标
								success: share_success_callback,
								cancel: share_cancel_callback
							});
							wx.onMenuShareQZone({ //分享到QQ空间
								title: shareTitle, // 分享标题
								desc: descContent, // 分享描述
								link: lineLink, // 分享链接
								imgUrl: imgUrl, // 分享图标
								success: share_success_callback,
								cancel: share_cancel_callback
							});
						});
						//分享成功后的回调函数	
						function share_success_callback() {}
						//用户取消分享后执行的回调函数	
						function share_cancel_callback() {}
					}
				}
			});
			})
		</script>
	</body>
</html>