资源详情页面

js/resourceInfo.js

@@ -1,6 +1,8 @@
$(document).ready(function() {
	/*获取资源ID*/
	var resourceId = GetQueryString("resourceId");
	var professorId;
	var userid = $.cookie("userid");
	/*判断是否登录*/
	loginStatus();
	//填充学术领域
@@ -38,76 +40,194 @@ $(document).ready(function() {
		}
		/*获取资源的数据的函数*/
	var resourceData = function() {
		$.ajax({
			"url": "/ajax/resource/resourceInfo",
			data: {
				'resourceId': resourceId
			},
			"type": "get",
			"async": true,
			"success": function(info) {
				if(info.success) {
					var $info = info.data;
					console.log(info);
					$(".h2Font").text($info.resourceName);
					$("#application").text($info.supportedServices);
					if($info.subject) {
						subjectShow($info.subject)
					}else{
						$("span:contains('学术领域')").hide();
					}
					if($info.industry) {
						industryShow($info.industry)
					}else{
						$("span:contains('应用行业')").hide();
					}
					if($info.cooperationNotes) {
						$("#cooperationNote").text($info.cooperationNotes);
					}else{
						$("span:contains('合作备注')").hide();
					}
					if(!$info.subject&&!$info.industry&&!$info.cooperationNotes){
						$(".resAbout").hide();
					}
					if($info.images) {
						$("#resouImg").attr("src", "/images/resource/" + $info.resourceId + ".jpg")
					}
					if($info.descp) {
						$(".resMore").html($info.descp)
					}
					$("#nameS").text($info.professor.name);
					if($info.professor.title) {
						if($info.professor.office) {
							$("#title").text($info.professor.title + "，");
			$.ajax({
				"url": "/ajax/resource/resourceInfo",
				data: {
					'resourceId': resourceId
				},
				"type": "get",
				"async": true,
				"success": function(info) {
					if(info.success) {
						var $info = info.data;
						if($info.professor.authType) {
							$("#authFlag").addClass("authicon authicon-cu");
						} else {
							$("#title").text($info.professor.title);
							if($info.professor.authStatus) {
								if($info.professor.authentication == 1) {
									$("#authFlag").addClass("authicon2 authicon-mana");
								} else if($info.professor.authentication == 2) {
									$("#authFlag").addClass("authicon2 authicon-staff");
								} else {
									$("#authFlag").addClass("authicon2 authicon-stu");
								}
							}
						}
					}
					if($info.professor.office) {
						$(".h2Font").text($info.resourceName);
						$("#application").text($info.supportedServices);
						professorId = $info.professorId;
						if($info.subject) {
							subjectShow($info.subject)
						} else {
							$("span:contains('学术领域')").hide();
						}
						if($info.industry) {
							industryShow($info.industry)
						} else {
							$("span:contains('应用行业')").hide();
						}
						if($info.cooperationNotes) {
							$("#cooperationNote").text($info.cooperationNotes);
						} else {
							$("span:contains('合作备注')").hide();
						}
						if(!$info.subject && !$info.industry && !$info.cooperationNotes) {
							$(".resAbout").hide();
						}
						if($info.images.length) {
							$("#resouImg").attr("src", "/images/resource/" + $info.resourceId + ".jpg")
						}
						if($info.descp) {
							$(".resMore").html($info.descp);
							var pWidth = $(".resMore").find("p").width();
							var leng = $(".resMore").find("img").length;
							for(var i = 0; i < leng; i++) {
								(function(i) {
									$(".resMore").find("img").eq(i).load(function() {
										var imgWidth = $(".resMore").find("img").eq(i).width();
										if(imgWidth > pWidth) {
											$(".resMore").find("img").eq(i).css({
												"width": "100%"
											})
										}
									})
								})(i)
						$("#office").text($info.professor.office);
					}
					if($info.professor.department) {
						$("#department").text($info.professor.department);
					}
					if($info.professor.orgName) {
						$("#orgName").text($info.professor.orgName);
					}
					if($info.professor.address) {
						$("#address").text($info.professor.address);
							}
						}
						$("#nameS").text($info.professor.name);
						if($info.professor.title) {
							if($info.professor.office) {
								$("#title").text($info.professor.title + "，");
							} else {
								$("#title").text($info.professor.title);
							}
						}
						if($info.professor.office) {
							$("#office").text($info.professor.office);
						}
						if($info.professor.department) {
							$("#department").text($info.professor.department);
						}
						if($info.professor.orgName) {
							$("#orgName").text($info.professor.orgName);
						}
						if($info.professor.address) {
							$("#address").text($info.professor.address);
						}
						if($info.professor.hasHeadImage) {
							$("#headImg").attr("src", "/images/head/" + $info.professorId + "_l.jpg")
						}
						//专家相关资源
						relevantResource($info.professorId,$info.resourceId)
					} else {
						$.MsgBox.Alert('消息提醒', info.msg);
					}
					if($info.professor.hasHeadImage) {
						$("#headImg").attr("src", "/images/head/" + $info.professorId + "_l.jpg")
				},
				"error": function() {
					$.MsgBox.Alert('message', 'failed')
				}
			});
		}
		/*资源信息*/
	resourceData();
	/*点击专家头像进入专家页面*/
	$("#headImg").on("click", function() {
		location.href = "information-brow.html?professorId=" + professorId;
	});
	/*点击咨询*/
	$("#consultin").on("click", function() {
		clickResouceConsultHandler();
	});
	/*咨询函数*/
	function clickResouceConsultHandler() {
		if(userid) {
			ConsultApply();
			concultProInfo(professorId); //专家信息common.js中
			//默认选中资源咨询和标题
			for(var i = 0; i < $("ul.menucon").children().length; i++) {
				$("ul.menucon").children().eq(i).removeClass("clicknow");
				$("ul.menucon").children().eq(1).addClass("clicknow");
			}
			var consultTitleVal = $(".h2Font").text();
			$("#consultTitle").val("关于" + consultTitleVal + "的咨询");
			//点击的发送
			$("#sendConsultBtn").click(function() {
				sendConsultHandler(professorId); //common.js中
			});
		} else {
			$.MsgBox.Alert("消息提醒", "请先登录再进行咨询");
			$("#mb_btn_ok").val("去登录");
			var aele = document.createElement('a');
			$("#mb_btnbox").append(aele);
			$("#mb_btnbox a").css({
				'display': "block",
				'width': '100%',
				'height': '40px',
				'position': 'absolute',
				'bottom': '-6px',
				'left': '0'
			});
			aele.setAttribute('href', '../login.html');
		}
	};
	/*专家相关资源*/
	var relevantResource = function(id, reid) {
		$.ajax({
			"url": "/ajax/resource/qapro",
			"type": "get",
			"data": {
				"professorId": id
			},
			"async": true,
			"success": function(data) {
				if(data.success) {
					var $info = data.data;
					var reId = reid;
					var j = 0;
					for(var i = 0; i < $info.length; i++) {
						if($info[i].resourceId != reId) {							
							var string = ""
							string += '<li>'
							string += '<a class="resoumag" href="resourceInfo.html?resourceId='+$info[i].resourceId+'">'
							string += '<div class="ResImgBox beforMargin resourceImgBox">'
							if($info[i].images.length) {
								string += '<img class="resImg headRadius resourceImg" src="/images/resource/' + $info[i].resourceId + '.jpg" />'
							} else {
								string += '<img class="resImg headRadius resourceImg" src="images/default-resource.jpg" />'
							}
							string += '</div>'
							string += '<h2>' + $info[i].resourceName + '</h2>'
							string += '</a>'
							string += '</li>'
							j++;
							if(j==4){
								return;
							}
							$(".otherRes").append(string);
						}
					}
				} else {
					$.MsgBox.Alert('消息提醒', "系统异常!");
					$.MsgBox.Alert("消息", data.msg);
				}
			},
			"error": function() {
				$.MsgBox.Alert('message', 'failed')
				$.MsgBox.Alert('message', 'fail')
			}
		});
	}
	resourceData();
	
})

resourceInfo.html

@@ -11,7 +11,14 @@
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link type="text/css" href="css/index.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/popup.css" rel="stylesheet">
<style type="text/css">
	/*.resMore p img{width:100%;height:100%;}*/
	.resMore p{line-height:2;margin-top:15px;}
	.resMore{
		padding:0px 15px;
	}
</style>
</head>
<body>
@@ -78,7 +85,7 @@
						</div>
					</div>
					<div class="coulstbtn" style="position:absolute;bottom:30px;">
						<span>咨询</span>
						<span  id="consultin">咨询</span>
					</div>
				</div>
			</div>
@@ -93,12 +100,12 @@
			<div class="rightBlock">
				<a style="display: block;" >
					<div class="proImg">
						<img class=" headRadius" src="images/default-photo.jpg" id="headImg" style="display:block;">
						<img class=" headRadius" src="images/default-photo.jpg" id="headImg" style="display:block;cursor:pointer">
					</div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span class="named" id="nameS"></span>
							<span class="modifyicon authicon authicon-cu" style="margin-top:3px;" ></span>
							<span class="modifyicon authicon authicon-cu" style="margin-top:3px;" id="authFlag"></span>
						</div>
						<p class="h5Font"><span id="title">职称</span><span id="office">，职位</span></p>
						<p class="h5Font"><span id="department">所属部门</span></p>
@@ -110,30 +117,7 @@
			<div class="rightBlock">
				<div class="left-title" >相关资源</div>
				<ul class="otherRes">
					<li>
						<a class="resoumag" href="resourceInfo.html">
							<div class="ResImgBox beforMargin resourceImgBox">
								<img class="resImg headRadius resourceImg" src="images/default-resource.jpg" />
							</div>
							<h2>资源名称</h2>
						</a>
					</li>
					<li>
						<a class="resoumag" href="resourceInfo.html">
							<div class="ResImgBox beforMargin resourceImgBox">
								<img class="resImg headRadius resourceImg" src="images/default-resource.jpg" />
							</div>
							<h2>资源名称</h2>
						</a>
					</li>
					<li>
						<a class="resoumag" href="resourceInfo.html">
							<div class="ResImgBox beforMargin resourceImgBox">
								<img class="resImg headRadius resourceImg" src="images/default-resource.jpg" />
							</div>
							<h2>资源名称</h2>
						</a>
					</li>
					
				</ul>
				<!--<div style="text-align: center;margin: 10px;"><a href="" style="text-align: center;color: #FF9900;">查看更多</a></div>-->
			</div>
@@ -154,7 +138,7 @@
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
            	<div class="code app_code"></div> 
            </a><span> | </span>
            <span class="listlink">客服邮箱：<a style="color:#fff" target="_black" rel="nofollow" href=""> service@ekexiu.com</a></span>
            <span class="listlink">客服邮箱：<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
            <span> | </span>
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
        </div>
@@ -184,13 +168,15 @@
			<div class="position"><span id="foot_protitle"></span><span></span ></div>				
			<div class="science"><span id="foot_prodepar"></span><span id="foot_proorgname"></span ><span class="address" id="foot_proaddress"></span></div>								
    	</div>
        <div class="coulstbtn floatR"><span>咨询</span></div>
        <div class="coulstbtn floatR"><span >咨询</span></div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<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/index.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/popup.js"></script>
<script type="text/javascript" src="/js/resourceInfo.js"></script>
</body>
</html>