资源列表发表浏览功能

js/resourceImport.js

$(document).ready(function(){
	
})

js/resourceIssue.js

	var resourceId=GetQueryString("resourceId");
	if(resourceId) {
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
		getRecourceMe();
	}
	var userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
	loginStatus(); //判断个人是否登录
	var userid = $.cookie("userid");
	var temp = [];
	var array=[];
	ue = UE.getEditor('editor', {});
	getRecourceMe();
	/*获取资源信息*/
	function getRecourceMe() {
			$.ajax({
						'<img src="'+"/data/resource/"+$da.images[i].imageSrc+'"/>' +
					'</div>'+
					'<div class="file-panel">' +
						'<span class="cancel"></span>' +
						'<span class="cancel" flag=1></span>' +
					'</div>' +
				'</dd>'
				arr[i]=oString;
				array[i]=$da.images[i].imageId;
			}
		$("#fileList dd").eq(2).remove();
			if($da.images.length==1) {
	});
	/*删除图片*/
	$("#fileList").on("click", ".cancel", function() {
		var flag=$(this).attr("flag");
		var oNum=$(this).parents("dd").index();
		temp.splice(oNum,1);
		if(flag==1) {
			array.splice(oNum,1);
		}else{
			temp.splice(oNum,1);
		}
		$(this).parent().parent().remove();
		$("#uploadDd").show();
		var $len = $("#fileList").find("img").length;
	$("#keywordName").bind({
		focus: function() {
			$("#keywordPrompt").show();
			$("#keyList").show();
		},
		blur: function() {
			$("#keywordPrompt").hide();
			setTimeout(function(){
				$("#keyList").show();
			},200)
		},
		keyup: function() {
			if($(this).val().length > 10) {
				$(this).val($(this).val().substr(0, 10));
			} else if(0 < $(this).val().length < 10) {
					$.ajax({
					"url": "/ajax/dataDict/qaHotKey",
					"type": "GET",
					"success": function(data) {
						console.log(data);
						if(data.success) {
							if(data.data==null) {
								$("#keyList ul").html("");
							}else{
								addHtml(data.data);
							}
						}
					},
					"data": {
						"key":$(this).val(),
						rows: 3
					},
					dataType: "json",
					'error':function() {
						$.MsgBox.Alert('提示', '服务器连接超时！');
					}
			});
			}
		}
	})
							if(data.data==null) {
								$("#department ul").html("");
							}else{
								addHtml(data.data);
								var oSr="";
								for(var i=0;i<data.data.length;i++) {
									oSr+='<li><p class="h2Font">'+data.data[i].caption+'</p></li>'
								}
								$("#department ul").html(oSr);
							}
						}
					},
			$data.parameter=$("#performancePa").val();
			$data.descp=ue.getContent();
			$data.fns=temp;
			$data.imageIds=array;
			//$data.imageIds:资源图片ID NULL 字符串数组
			console.log(temp);
			$.ajax({

js/resourceList.js

$(document).ready(function(){
	loginStatus(); //判断个人是否登录
	var userid = $.cookie("userid");
	var resourceId;
	/*资源列表查询*/
	function getRecourceMe(n,isbind) {
		var resourceNameVa=$("#resouceName").val();
		var $info={};
		$info.professorId=userid;
		$info.pageSize=3;
		if(resourceNameVa !="") {
			$info.key=resourceNameVa;
		}
		$info.pageNo=n;
		$.ajax({
			"url": "/ajax/resource/pqSelf",
			"type": "GET",
			"success": function(data) {
				if(data.success) {
					$("#resourceList").html("");
					resourceHtml(data.data.data);
					if(isbind == true) {
								$(".tcdPageCode").createPage({
									pageCount: Math.ceil(data.data.total / data.data.pageSize),
									current: data.data.pageNo,
									backFn: function(p) {
										getRecourceMe(p,false);
									}
								});
							}
				}
			},
			"data": $info,
			dataType: "json",
			'error': function() {
				$.MsgBox.Alert('提示', '服务器连接超时！');
			}
		});
	}
	 getRecourceMe(1,true);
	 function resourceHtml($data) {
	 	for(var i=0;i<$data.length;i++) {
	 		var imgSrc="../images/default-resource.jpg";
	 		var oTime,pageview="",draftLable="";
	 		if($data[i].images.length) {
	 			imgSrc="/data/resource/"+$data[i].images[0].imageSrc
	 		}
	 		if($data[i].status==0) {
	 			oTime=timeTran($data[i].modifyTime);
	 			draftLable='<span class="draftLable">草稿</span>'
	 		}else{
	 			oTime=timeTran($data[i].publishTime);
	 			pageview='<li><span>阅读量'+$data[i].pageViews+'</span></li>';
	 		}
	 	var oStr='<li>'+
				'<a href="resourceShow.html?resourceId='+$data[i].resourceId+'" target="_blank">'+
					'<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>'	+						
						'<div class="madiaInfo">'+					
							'<p class="h1Font ellipsisSty">'+$data[i].resourceName+'</p>'+						
							'<ul class="h2Font clearfix">'+
								'<li><span>'+oTime+'</span></li>'+pageview+
							'</ul>'+draftLable+	
						'</div>'+
				'</a>'+
				'<ul class="madiaEdit">'+
					'<li><span class="deteleThis2" data-id="'+$data[i].resourceId+'"></span></li>'+
					'<li><span class="editThis" data-id="'+$data[i].resourceId+'"></span></li>'+
				'</ul>'+
			'</li>'	
			$("#resourceList").append(oStr);
	 	}
	 }
	 /*时间格式转换*/
	function timeTran(otm) {
		var month, day, hour, minu;
		var monFirst = otm.substring(4, 5);
		var dayFirst = otm.substring(6, 7);
		if(monFirst == "0") {
			month = otm.substring(5, 6)
		} else {
			month = otm.substring(4, 6)
		}
		if(dayFirst == "0") {
			day = otm.substring(7, 8);
		} else {
			day = otm.substring(6, 8);
		}
		hour = otm.substring(8, 10);
		minu = otm.substring(10, 12);
		return month + "月" + day + "日 " + hour + ":" + minu;
	}
	/*点击修改跳转修改页面*/
	$("#resourceList").on("click",".editThis",function(){
		location.href="resourceIssue.html?resourceId="+$(this).attr("data-id")
	})
	/*点击删除跳转修改页面*/
	$("#resourceList").on("click",".deteleThis2",function(){
		resourceId=$(this).attr("data-id");
		$.MsgBox.Confirm("提示", "确认删除该资源？",deleResource);
	})
	/*删除函数*/
	function deleResource() {
			$.ajax({
					"url": "/ajax/resource/delete",
					"type": "POST",
					"success": function(data) {
						if(data.success) {	
							getRecourceMe(1,false);
						}
					},
					"data": {"resourceId":resourceId},
					"beforeSend": function() { /*console.log(this.data)*/ },
					"contentType": "application/x-www-form-urlencoded",
					dataType: "json"
				});
	}
	/*输入资源名称限制字数*/
	$("#resouceName").bind({
		keyup: function() {
			if($(this).val().length > 30) {
				$(this).val($(this).val().substr(0, 30));
			}
		}
	});
	/*点击搜索*/
	$(".searchSpan").click(function(){
		$(".tcdPageCode").remove();
		$(".aboutRes").append('<div class="tcdPageCode"></div>');
		getRecourceMe(1,true);
	})
})

js/resourceShow.js

$(document).ready(function() {
	loginStatus(); //判断个人是否登录
	$(".jqzoom").imagezoom();
	$("#thumblist").on("click", "li a", function() {
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
			}
			$(".tagList").html(oSt);
		}else {
			$(".aboutTit:contains('您可能感兴趣的资源')").parent().hide();
		}
		if($da.descp) { //编辑器
			$("#descp").html($da.descp).parents("li").show();
			"success": function(data) {
				console.log(data);
				if(data.success) {
					if(data.data.length==0) {
						$("#oArticle").parent().hide();
						$(".aboutTit:contains('相关文章')").hide();
						return;
					}
					relatedArticlesHtml(data.data);
				}
			},
			"success": function(data) {
				console.log(data);
				if(data.success) {
					if(data.data.length==0) {
						$(".aboutTit:contains('您可能感兴趣的资源')").parent().hide();
						return;
					}
					interestingResourcesHtml(data.data);
				}
			},
			"data": {
				"keys": arry
				"keys": arry,
				"resourceId": resourceId,
				"professorId":professorId
			},
			"traditional":true,
			dataType: "json",
	/*感兴趣资源的html*/
	function interestingResourcesHtml($respond) {
		for(var i=0;i<$respond.length;i++) {
			var stl = autho($respond[i].editProfessor.authType, $respond[i].editProfessor.orgAuth, $respond[i].editProfessor.authStatus);
			var oStr='';
				if($respond[i].images.length) {
					oStr+='<li><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>'
				}
				oStr+='<div class="madiaInfo">'
				oStr+='<p class="h1Font">'+$respond[i].resourceName+'</p>'
				oStr += '<p><span class="h1Font">' + $respond[i].editProfessor.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
				oStr+='<p class="h2Font ellipsisSty">用途：<span>'+$respond[i].supportedServices+'</span></p>'
				//oStr += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
				oStr+='</div></li>'
			$("#resourceList").append(oStr);
		}

resourceImport.html

		current: 3,
	});
</script>
<script type="text/javascript" src="js/resourceImport.js"></script>
</body>
</html>

resourceIssue.html

							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
							<button class="frmcontype frmadd" id="addKeyword">添加</button>
						</div>
						<div class="form-drop keydrop">
						<div class="form-drop keydrop displayNone"  id="keyList">
							<ul>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								<li>
								<!--<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								</li>-->
								
							</ul>
						</div>
						<div class="form-result keyResult">

resourceList.html

				<div class="itemListBolck">
					<div class="topOperaBlock clearfix">
						<div class="searchAbout col-w-8">
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词">
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词" id="resouceName">
							<span class="searchSpan"></span>
						</div>
						<div class="issueSpanBlock col-w-4">
					</div>
					<div class="form-item itemListCon">
						<div class="form-result aboutRes">
							<ul>
								<li>
									<a href="">
										<div class="madiaHead resouseHead"></div>
										<div class="madiaInfo">
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
											<ul class="h2Font clearfix">
												<li><span>8月20日 04:00</span></li>
												<li><span>阅读量100</span></li>
											</ul>
										</div>
									</a>
									<ul class="madiaEdit">
										<li><span class="deteleThis2"></span></li>
										<li><span class="editThis"></span></li>
									</ul>
								</li>
								<li class="draftList"><!--存为草稿时添加draftList类-->
									<a href="">
										<div class="madiaHead resouseHead"></div>
										<div class="madiaInfo">
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
											<ul class="h2Font clearfix">
												<li><span>8月20日 04:00</span></li>
											</ul>
											<span class="draftLable">草稿</span>
										</div>
									</a>
									<ul class="madiaEdit">
										<li><span class="deteleThis2"></span></li>
										<li><span class="editThis"></span></li>
									</ul>
								</li>
							<ul id="resourceList">
								
							</ul>
							<div class="tcdPageCode"></div>
						</div>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	$(".tcdPageCode").createPage({
		pageCount: Math.ceil(4 / 16),
		current: 3,
	});
</script>
<script type="text/javascript" src="js/resourceList.js"></script>
</body>
</html>