资源详情页面

js/resourceInfo.js

@@ -0,0 +1,113 @@
$(document).ready(function() {
	/*获取资源ID*/
	var resourceId = GetQueryString("resourceId");
	/*判断是否登录*/
	loginStatus();
	//填充学术领域
	var subjectShow = function(data) {
			if(data != undefined && data.length != 0) {
				var subs = new Array();
				if(data.indexOf(',')) {
					subs = data.split(',');
				} else {
					subs[0] = data;
				}
				if(subs.length > 0) {
					for(var i = 0; i < subs.length; i++) {
						$("#subjectList").append("<li>" + subs[i] + "</li>")
					};
				}
			}
		}
		//填充应用行业
	var industryShow = function(data) {
			if(data != undefined && data.length != 0) {
				var subs = new Array();
				if(data.indexOf(',')) {
					subs = data.split(',');
				} else {
					subs[0] = data;
				}
				if(subs.length > 0) {
					for(var i = 0; i < subs.length; i++) {
						$("#industryList").append("<li>" + subs[i] + "</li>")
					};
				}
			}
		}
		/*获取资源的数据的函数*/
	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 + "，");
						} 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")
					}
				} else {
					$.MsgBox.Alert('消息提醒', "系统异常!");
				}
			},
			"error": function() {
				$.MsgBox.Alert('message', 'failed')
			}
		});
	}
	resourceData();
	
})

js/search.js

@@ -214,7 +214,7 @@ $(function() {
						var $da = data.data.data;
						for(var i = 0; i < $da.length; i++) {
							var add = '<div class="item"><div class="remess" resourceId=' + $da[i].resourceId + '>'
							add += '<a class="resourcephoto headRadius" ><div class="ResImgBox" style="background:#ffffff;"><img class="resImg headRadius resourceImg" src="" /></div></a>'
							add += '<div class="clearfix"><a class="resourcephoto headRadius" ><div class="ResImgBox" style="background:#ffffff;"><img class="resImg headRadius resourceImg" src="" /></div></a>'
							add += '<div class="synopsis" style="width:66%;">'
							add += '<div class="cousultName"><a class="resouname" href="javascript:void();">' + $da[i].resourceName + '</a></div>'
							if($da[i].professor.name) {
@@ -255,6 +255,7 @@ $(function() {
							if($da[i].supportedServices) {
								add += '<div class="ellipsisbox provideservice"><p>应用用途：' + $da[i].supportedServices + '</p></div></div>'
							}
							add+="</div>"
							if(userid==$da[i]["professor"]["id"]){
								add += '<div class="operbox"><span class="operbtn consultbtn" id="' + $da[i]["professor"]["id"] + '" style="display:none;">咨询</span><span style="display: none;" class="operbtn applybtn appl" resourceId=' + $da[i].resourceId + ' resourceName=' + $da[i].resourceName + ' professor=' + $da[i].professor.name + '>申请</span></div>'
							}else{
@@ -302,8 +303,7 @@ $(function() {
					//资源中点击咨询
					//$(".consultbtn").bind("click",clickResouceConsultHandler);
					$(".about").on("click", '.consultbtn', function(e) {
					$(".about").on("click", '.consultbtn', function(e) {						
						e.stopPropagation(); //阻止事件冒泡，影响点击咨询
						e.cancelBubble = true; // ie下阻止冒泡
						clickResouceConsultHandler($(this), $(this).attr('id'));
@@ -584,53 +584,54 @@ $(function() {
			'.remess',
			function() {
				var resourceID = $(this).attr("resourceId");
				ResourceMessage();
				$
					.ajax({
						"url": "/ajax/resource/" + resourceID,
						"type": "get",
						"async": true,
						"success": function(info) {
							if(info.success) {
								$("#resourceName").text(
									info.data.resourceName);
								$("#supportedServices")
									.text(
										info.data.supportedServices);
								$("#hopePayMethod").text(
									info.data.hopePayMethod);
								$("#cooperationNotes").text(
									info.data.cooperationNotes);
								$("#subject").text(
									info.data.subject);
								$("#industry").text(
									info.data.industry);
								$("#descp").text(info.data.descp);
								$("#professor").text(
									info.data.professor.name);
								$(".resouImage").attr(
									"src",
									"/images/resource/" +
									resourceID +
									".jpg");
								$(".resouImage")
									.load(function() {})
									.error(
										function() {
											$(this)
												.attr(
													"src",
													"/images/default-resource.jpg");
										});
								limitHeight();
							} else {
								$.MsgBox.Alert('消息提醒', "系统异常!");
							}
						},
						"error": function() {
							$.MsgBox.Alert('message', 'failed')
						}
					});
				location.href="resourceInfo.html?resourceId="+resourceID;
				//ResourceMessage();
//				$
//					.ajax({
//						"url": "/ajax/resource/" + resourceID,
//						"type": "get",
//						"async": true,
//						"success": function(info) {
//							if(info.success) {
//								$("#resourceName").text(
//									info.data.resourceName);
//								$("#supportedServices")
//									.text(
//										info.data.supportedServices);
//								$("#hopePayMethod").text(
//									info.data.hopePayMethod);
//								$("#cooperationNotes").text(
//									info.data.cooperationNotes);
//								$("#subject").text(
//									info.data.subject);
//								$("#industry").text(
//									info.data.industry);
//								$("#descp").text(info.data.descp);
//								$("#professor").text(
//									info.data.professor.name);
//								$(".resouImage").attr(
//									"src",
//									"/images/resource/" +
//									resourceID +
//									".jpg");
//								$(".resouImage")
//									.load(function() {})
//									.error(
//										function() {
//											$(this)
//												.attr(
//													"src",
//													"/images/default-resource.jpg");
//										});
//								limitHeight();
//							} else {
//								$.MsgBox.Alert('消息提醒', "系统异常!");
//							}
//						},
//						"error": function() {
//							$.MsgBox.Alert('message', 'failed')
//						}
//					});
			})
		// 资源申请
	function getIdentity(professorId) {

resourceInfo.html

@@ -54,35 +54,26 @@
		<div class="resouLeft floatL">
			<div class="resTop clearfix">
				<div class="ResImgBox beforMargin floatL" style="max-width: 300px;width:300px;height: 300px;">
					<img class="resImg headRadius" src="images/default-resource.jpg" />
					<img class="resImg headRadius" src="images/default-resource.jpg" id="resouImg"/>
				</div>
				<div class="resBrief floatR">
					<div class="h2Font">XXXXXXXXXXXXXXXXXXX（资源名称）</div>
					<div class="h3Font"><span class="subtit">应用用途 </span>  Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
					<div class="h2Font"></div>
					<div class="h3Font"><span class="subtit">应用用途 </span> <span id="application"></span></div>
					<div class="resAbout">
						<div class="resUlbox clearfix">
							<span class="subtit floatL">学术领域</span>
							<ul class="resUl floatL">
								<li>XXXXX</li>
								<li>XXXXXXXXX</li>
								<li>XXXXXXXXXXXXXX</li>
								<li>XXXXX</li>
								<li>XXXXXXXXX</li>
							<ul class="resUl floatL" id="subjectList">
							</ul>
						</div>
						<div class="resUlbox clearfix">
							<span class="subtit floatL">应用行业</span>
							<ul class="resUl floatL">
								<li>XXXXX</li>
								<li>XXXXXXXXX</li>
								<li>XXX</li>
								<li>XXXXX</li>
							<ul class="resUl floatL" id="industryList">
							</ul>
						</div>
						<div class="resUlbox clearfix">
							<span class="subtit floatL">合作备注</span>
							<div class="resUl floatL" style="padding:4px 2px">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. 
							<div class="resUl floatL" style="padding:4px 2px" id="cooperationNote">
								 
							</div>
						</div>
					</div>
@@ -100,19 +91,19 @@
		</div>
		<div class="resouRight floatR">
			<div class="rightBlock">
				<a style="display: block;" href="information-brow.html">
				<a style="display: block;" >
					<div class="proImg">
						<img class=" headRadius" src="images/default-photo.jpg">
						<img class=" headRadius" src="images/default-photo.jpg" id="headImg" style="display:block;">
					</div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span class="named" id="nameS">刘教授</span>
							<span class="named" id="nameS"></span>
							<span class="modifyicon authicon authicon-cu" style="margin-top:3px;" ></span>
						</div>
						<p class="h5Font"><span>职称</span><span>，职位</span></p>
						<p class="h5Font"><span>所属部门</span></p>
						<p class="h5Font"><span>所在机构</span></p>
						<p class="h6Font" style="margin: 0;"><span>所在城市</span></p>
						<p class="h5Font"><span id="title">职称</span><span id="office">，职位</span></p>
						<p class="h5Font"><span id="department">所属部门</span></p>
						<p class="h5Font"><span id="orgName">所在机构</span></p>
						<p class="h6Font" style="margin: 0;" id="address"><span>所在城市</span></p>
					</div>
				</a>
			</div>
@@ -197,9 +188,9 @@
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/common.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/resourceInfo.js"></script>
</body>
</html>