预览

cmp-portal/js/cmp-serviceIssue.js

					if(!sevriceId)
						sevriceId = data.data;
					$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
					window.open("sevricePreview.html?sevriceId=" + data.data);
					window.open("../sevricePreview.html?sevriceId=" + sevriceId);
					getRecourceMe();
					//弹出预览
				} else if(pa2 == 2) {

js/sevricePreview.js

$(document).ready(function() {
	loginStatus(); //判断个人是否登录
	valUser();
	var userid = $.cookie("userid");
	var sevriceId = GetQueryString("sevriceId");
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
		location.href = "http://" + window.location.host + "/e/r.html?id=" + sevriceId;
	}
	$(".jqzoom").imagezoom();
	$("#thumblist").on("click", "li a", function() {
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
	$('.shareWeixin').hover(function() {
		$('.shareCode').stop(true, false).fadeToggle();
	});
	var resourceId = GetQueryString("resourceId");
	function ajaxRequist(url, obj, type, fn) {
		$.ajax({
			url: url,
			data: obj,
			dataType: 'json', //服务器返回json格式数据
			type: type, //支持'GET'和'POST'
			traditional: true,
			success: function(data) {
				if(data.success) {
					fn(data)
				}
			},
			error: function(xhr, type, errorThrown) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	}
	ifcollectionAbout(sevriceId, $("#attention").find("em"), 2)
	var professorId = "";
	getRecourceMe();
	/*获取资源信息*/
	//热门资源
	
	/*获取服务信息*/
	function getRecourceMe() {
		$.ajax({
			"url": "/ajax/resource/queryOne",
			"url": "/ajax/ware/qo",
			"type": "GET",
			"success": function(data) {
				console.log(data);
				if(data.success) {
					resourceHtml(data.data);
					var resourceName = data.data.resourceName + "-科袖网";
					window.setTimeout(function() {
						document.title = resourceName;
					}, 500);
					var resourceName = data.data.name + "-科袖网";
					document.title = resourceName;
				}
			},
			"data": {
				"resourceId": resourceId
				"id": sevriceId
			},
			dataType: "json",
			'error': function() {
	}
	/*处理资源html代码*/
	function resourceHtml($da) {
		$("#resourceName").text($da.resourceName); //名字
		$("#application").text($da.supportedServices); //应用用途
		if($da.editProfessor) {
			$("#person").show();
			if($da.orgName) { //所属机构
				$("#organizationName").text($da.orgName).parents("li").show();
			}
			$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
			if($da.editProfessor.title) {
				$("#titleOffice").text($da.editProfessor.title);
			} else {
				if($da.editProfessor.office) {
					$("#titleOffice").text($da.editProfessor.office);
				}
			}
			if($da.editProfessor.orgName) {
				$("#orgType").text($da.editProfessor.orgName);
			}
			professorId = $da.editProfessor.id;
			var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
			$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
			if($da.editProfessor.hasHeadImage == 1) {
				$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
			}
		}else {
			$("#enterprise,#resPerson").show();
			if($da.organization.hasOrgLogo) {
				$("#companyImg").attr("src", "/images/org/" + $da.organization.id + ".jpg");
			}else{
				$("#companyImg").attr("src", "/images/default-icon.jpg");
			}
			if($da.organization.authStatus==3){
				$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");	
			}
			$("#Qname").text($da.organization.name);
			$("#Qindustry").text($da.organization.subject);
			$("#QorgType").text(orgTypeShow[$da.organization.orgType])
		}
		if($da.spec) { //厂商型号
			$("#modelNumber").text($da.spec).parents("li").show();
		$("#resourceName").text($da.name); //名字
		if($da.cnt){
			$("#application").text($da.cnt); //应用用途
		}else{
			$("#application").parent().hide();
		}
		if($da.parameter) { //性能参数
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
		
		if($da.category == 1) {
			ajaxRequist("/ajax/professor/baseInfo/" + $da.owner, {}, "get", function(data) {
				$da.editProfessor = data.data;
				$("#person").show();
				if($da.orgName) { //所属机构
					$("#organizationName").text($da.orgName).parents("li").show();
				}
				$("#nameS").text($da.editProfessor.name);
				if($da.editProfessor.title) {
					$("#titleOffice").text($da.editProfessor.title);
				} else {
					if($da.editProfessor.office) {
						$("#titleOffice").text($da.editProfessor.office);
					}
				}
				if($da.editProfessor.orgName) {
					$("#orgType").text($da.editProfessor.orgName);
				}
				professorId = $da.editProfessor.id;
				if(userid != professorId) {
					ifcollectionAbout(professorId, $("#person").find(".attenSpan"), 1)
					$(".goSpan").show();
				}
				var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
				$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
				if($da.editProfessor.hasHeadImage == 1) {
					$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
				} else {
					$("#headImg").css("background-image", 'url(../images/default-photo.jpg)');
				}
			})
		} else {
			ajaxRequist("/ajax/org/" + $da.owner, {}, "get", function(data) {
				$da.organization = data.data;
				$("#enterprise").show();
				if($da.organization.hasOrgLogo) {
					$("#companyImg").attr("src", "/images/org/" + $da.organization.id + ".jpg");
				} else {
					$("#companyImg").attr("src", "/images/default-icon.jpg");
				}
				if($da.organization.authStatus == 3) {
					$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");
				}
				if($da.organization.forShort) {
					$("#Qname").text($da.organization.forShort).attr("href", "cmpInforShow.html?orgId=" + $da.organization.id);
				} else {
					$("#Qname").text($da.organization.name).attr("href", "cmpInforShow.html?orgId=" + $da.organization.id);
				}
				$("#Qindustry").text($da.organization.industry);
				$("#QorgType").text(orgTypeShow[$da.organization.orgType])
				if(userid) {
					ifcollectionAbout($da.organization.id, $("#enterprise").find(".attenSpan"), 6)
				}
			})
		}
		if($da.cooperationNotes) { //合作备注
			$("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
		if($da.cooperation) { //合作备注
			$("#remarkContent").html(outHTML($da.cooperation)).parents("li").show();
		}
		if($da.subject) {
			var oSub = $da.subject.split(",");
		if($da.keywords) {
			var oSub = $da.keywords.split(",");
			var oSt = "";
			for(var i = 0; i < oSub.length; i++) {
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
		if($da.descp) { //编辑器
			$("#descp").html($da.descp).parents("li").show();
		}
		
		
		//return;
		if($da.images.length) {
		if($da.images) {
			
		
		if($da.images.split(",").length) {
			var weibopic = "http://" + window.location.host + "/data/ware" + $da.images.split(",")[0];
			$("#firstFigure").attr({
				"src": "/data/resource/" + $da.images[0].imageSrc,
				"rel": "/data/resource/" + $da.images[0].imageSrc
			}).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
				"src": "/data/ware" + $da.images.split(",")[0],
				"rel": "/data/ware" + $da.images.split(",")[0]
			}).parent().attr("href", "/data/ware" + $da.images.split(",")[0]);
			var arr = "";
			for(var i = 0; i < $da.images.length; i++) {
				if($da.images[i] == $da.images[0]) {
			for(var i = 0; i < $da.images.split(",").length; i++) {
				if($da.images.split(",")[i] == $da.images.split(",")[0]) {
					var oString = '<li class="tb-selected">' +
						'<div class="tb-pic tb-s66">' +
						'<a href="javascript:void(0);">' +
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
						'<img src="/data/ware' + $da.images.split(",")[i] + '"/>' +
						'</a>' +
						'</div>' +
						'</li>'
					var oString = '<li >' +
						'<div class="tb-pic tb-s66">' +
						'<a href="javascript:void(0);">' +
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
						'<img src="/data/ware' + $da.images.split(",")[i] + '"/>' +
						'</a>' +
						'</div>' +
						'</li>'
				arr += oString;
			}
			$("#thumblist").html(arr);
			}
		} else {
			var weibopic = "http://" + window.location.host + "../images/default-service.jpg";
			$("#firstFigure").attr({
				"src": '../images/default-service.jpg',
				"rel": '../images/default-service.jpg'
			});
		}
	}
	
	//关键词标签点击进去搜索
	$(".tagList").on("click", "li", function() {
		var tagText = $(this).find("p").text();
		location.href = "searchNew.html?searchContent=" + tagText + "&tagflag=7";
	})
	seresource()
	/*感兴趣的资源*/
	function seresource() {
		$.ajax({
			"url": "/ajax/ware/res",
			"type": "GET",
			"data": {
				"id": sevriceId
			},
			"traditional": true,
			dataType: "json",
			"success": function(data) {
				if(data.success) {
					if(data.data.length == 0) {
						return;
					}
					$("#oResource").parents(".otherShow").removeClass("displayNone");
					for(var i = 0; i < data.data.length; i++) {
						(function(n) {
							ajaxRequist("/ajax/resource/queryOne", {
								"resourceId": data.data[n].resource
							}, "get", function(data) {
								sevrResource(data.data);
							})
						})(i)
					}
				}
			},
			'error': function() {
				$.MsgBox.Alert('提示', '服务器连接超时！');
			}
		});
	}
	/*感兴趣资源的html*/
	function sevrResource($respond) {
		var imgL = "../images/default-resource.jpg";
		if($respond.images.length) {
			imgL = '/data/resource/' + $respond.images[0].imageSrc
		}
		var oURL;
		if($respond.resourceType == 1) {
			oURL = "/ajax/professor/baseInfo/" + $respond.professorId;
		} else {
			oURL = "/ajax/org/" + $respond.orgId;
		}
		$.ajax({
			"url": oURL,
			"type": "GET",
			'dataType': "json",
			"success": function(data) {
				if(data.success) {
					var add = document.createElement("li");
					add.className = "mui-table-view-cell";
					add.setAttribute("data-id", $respond.resourceId);
					var itemlist = '<a class="flexCenter OflexCenter"><div class="madiaHead resourceHead" style="background-image:url(' + imgL + ')"></div>';
					itemlist += '<div class="madiaInfo OmadiaInfo">';
					itemlist += '<p class="ellipsisSty h1Font" id="usertitle">' + $respond.resourceName + '</p>';
					itemlist += '<p class="ellipsisSty-2 h2Font">用途：' + $respond.supportedServices + '</p>';
					itemlist += '</div></a>';
					add.innerHTML = itemlist;
					document.getElementById("oResource").appendChild(add);
				}
			},
			'error': function() {
				$.MsgBox.Alert('提示', '服务器连接超时！');
			}
		});
	}
	/*点击资源列表*/
	$("#oResource").on("click", "li", function() {
		location.href = "resourceShow.html?resourceId=" + $(this).attr("data-id");
	})
	selUse();
	function selUse() {
		$.ajax({
			url: "/ajax/resource/qaLinkman",
			url: "/ajax/ware/pro",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			async:true,
			async: true,
			data: {
				"resourceId": resourceId,
				"id": sevriceId,
			},
			success: function(data, textState) {
				console.log(data)
				if(data.success) {
					unauthUser(data.data);
					if(data.data.length > 0) {
						$("#expertli").parents(".currentBlock").removeClass("displayNone");
						unauthUser(data.data);
					} else {
						$("#expertli").parents(".currentBlock").addClass("displayNone");
					}
				}
			},
			error: function(XMLHttpRequest, textStats, errorThrown) {
			}
		})
	}
	function unauthUser($res) {
	var osting=""
	for(var i = 0; i < $res.length; i++) {
		var img;
		var styC="";
		var oClass = autho($res[i].professor.authType, $res[i].professor.orgAuth, $res[i].professor.authStatus);
		var oTitle="";
		if($res[i].professor.title) {
			oTitle=$res[i].professor.title;
		}else{
			if($res[i].professor.office) {
				oTitle=$res[i].professor.office;
			}
	function unauthUser(data) {
		for(var i = 0; i < data.length; i++) {
			(function(i) {
				ajaxRequist("/ajax/professor/baseInfo/" + data[i].professor, {}, "get", function(data) {
					
					var $res=data.data;
					var osting = ""
					var img;
					var styC = "";
					var oClass = autho($res.authType, $res.orgAuth, $res.authStatus);
					var oTitle = "";
					if($res.title) {
						oTitle = $res.title;
					} else {
						if($res.office) {
							oTitle = $res.office;
						}
					}
					if($res.hasHeadImage) {
						img = "/images/head/" + $res.id + "_l.jpg";
					} else {
						img = "../images/default-photo.jpg"
					}
					var oSt = '<li class="flexCenter">'
					oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url(' + img + ');"></div>'
					oSt += '<div class = "madiaInfo">'
					oSt += '<p class = "ellipsisSty">'
					oSt += '<span class = "h1Font" id="name">' + $res.name + '</span><em class="authiconNew ' + oClass.sty + '" title="' + oClass.title + '"></em >'
					oSt += '</p>'
					oSt += '<p class="h2Font ellipsisSty">' + oTitle + '</p>'
					oSt += '</div>'
					oSt += '</li>'
					osting += oSt;
					$("#expertli").html(osting);
				})
			})(i)
		}
		if($res[i].professor.hasHeadImage) {
				img = "/images/head/" + $res[i].professor.id + "_l.jpg";
			} else {
				img = "../images/default-photo.jpg"
			}
		var oSt = '<li>'
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
		oSt += '<div class = "madiaInfo">'
		oSt += '<p class = "ellipsisSty">'
		oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
		oSt += '</p>'
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
		oSt += '</div>'
		oSt += '<div class="'+styC+'" flag=1></div>'
		oSt += '</li>'
		osting+=oSt;
	}
	$("#expertli").html(osting);
}
})

js/sevriceShow.js

	//关键词标签点击进去搜索
	$(".tagList").on("click", "li", function() {
		var tagText = $(this).find("p").text();
		location.href = "searchNew.html?searchContent=" + tagText + "&tagflag=2";
		location.href = "searchNew.html?searchContent=" + tagText + "&tagflag=7";
	})
	seresource()
	/*感兴趣的资源*/

sevricePreview.html

<link type="text/css" href="css/genindex.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
</head>
<body>
						<div class="Imagebox floatL">
		                    <div class="tb-booth tb-pic tb-s360">
		                        <a href="" target="_blank">
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
		                            <img src="" class="jqzoom" id="firstFigure"/>
		                        </a>
		                    </div>
		                    <ul class="tb-thumb" id="thumblist">
		                </div>
		                <div class="reInfoBlock floatL">
		                	<div class="h1Font" id="resourceName"></div>
		                	<div class="h2Font">应用用途：<span id="application"></span></div>
		                	<div class="operateBlock resShareUl" style="display:none">
		                		<ul>
		                			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
									<li>
										<span>分享到</span>
										<em class="operateicon operateicon2 icon-sina"></em>
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
											<div class="shareCode clearfix">
												<div class="floatL" id="qrcode"></div>
												<div class="shareWord floatR">
													<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
												</div>
											</div>
										</em>
									</li>
		                		</ul>
		                	</div>
		                	<div class="h2Font">服务内容：<span id="application"></span></div>
		                	
		                </div>
	                </div>
	                <div class="showReOther">
						<!--资源详情区-->
						<div class="showMain showMain2">
							<ul>
								<li class="displayNone" id="orgName">
									<div class="showTit">所属机构：</div>
									<div class="showCon" id="organizationName">
									</div>
								</li>
								<li>
									<div class="showTit">厂商型号：</div>
									<div class="showCon" id="modelNumber">
									</div>
								</li>
								<li>
									<div class="showTit">性能参数：</div>
									<div class="showCon" id="performancePa">
									</div>
								</li>
								<li>
									<div class="showTit">合作备注：</div>
									<div class="showCon" id="remarkContent">
						<ul class="tagList">
							
						</ul>
						<!--相关资源-->
						<div class="form-item otherShow displayNone">
							<div class="aboutTit">相关资源</div>
							<div class="form-result aboutRes pointOk">
								<ul id="oResource">
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
						<p class="h2Font" id="titleOffice"></p>
						<p class="h2Font" id="orgType"></p>
					</div>
					
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">热门服务</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">
							</ul>
						</div>
					</div>	
				</div>
				<div class="conItem conItemG alignCenter displayNone" id="enterprise">
					<a class="qiyego">
					<a  class="qiyego">
						<div class="madiaHead cmpHead" id="Qimg">
							<div class="boxBlock">
								<img class="boxBlockimg" src="" id="companyImg">
							</div>
						</div>
					</a>
					<div class="proInfo alignCenter">
					<div class="proInfo">
						<div class="h3Font clearfix">
							<a class="h1Font qiyego" id="Qname"></a>
							<a  class="h1Font qiyego" id="Qname"></a>
							<span class="authiconNew" title="" id="QauthFlag"></span>
						</div>
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
						<p class="h2Font" id="QorgType"></p>
					</div>
				</div>
				<div class="conItem displayNone" id="resPerson">
					<div class="form-item otherBlock">
						<div class="aboutTit">负责人/联系人</div>
						<div class="form-result addexpertRe">
					
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">联系人</div>
						<div class="form-result addexpertRe" style="margin-top:0">
							<ul class="addexpert" id="expertli">
								
							</ul>
						</div>
					</div>
					
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">热门服务</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">
							</ul>
						</div>
					</div>	
				</div>
			</div>
		</div>
	</div>
</div>
<!--反馈建议-->
<script type="text/javascript" src="js/correctBack.js"></script>
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/public/baseUtil.js"></script>
<script type="text/javascript" src="js/public/genCom.js"></script> 
<script type="text/javascript" src="js/resourcePreview.js"></script>
<script type="text/javascript">
	//分享关注按钮
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
	
	//微信分享
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width : 100,
		height : 100
	});
	function makeCode(){
		var hurl = window.location.host;
		var resourceId =  GetQueryString("resourceId");
		var elurl = "http://" + hurl + "/e/r.html?id=" + resourceId ; 
		qrcode.makeCode(elurl);
	}
	makeCode();
	
<script type="text/javascript" src="js/sevricePreview.js"></script>
</script>
</body>
</html>