Browse Source

资源列表发表浏览功能

jack 8 years ago
parent
commit
c497760f4c
7 changed files with 204 additions and 57 deletions
  1. 3 0
      js/resourceImport.js
  2. 44 6
      js/resourceIssue.js
  3. 131 0
      js/resourceList.js
  4. 17 2
      js/resourceShow.js
  5. 1 0
      resourceImport.html
  6. 4 9
      resourceIssue.html
  7. 4 40
      resourceList.html

+ 3 - 0
js/resourceImport.js

@ -0,0 +1,3 @@
1
$(document).ready(function(){
2
	
3
})

+ 44 - 6
js/resourceIssue.js

@ -2,11 +2,13 @@ $(document).ready(function() {
2 2
	var resourceId=GetQueryString("resourceId");
3 3
	if(resourceId) {
4 4
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
5
		getRecourceMe();
5 6
	}
6
	var userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
7
	loginStatus(); //判断个人是否登录
8
	var userid = $.cookie("userid");
7 9
	var temp = [];
10
	var array=[];
8 11
	ue = UE.getEditor('editor', {});
9
	getRecourceMe();
10 12
	/*获取资源信息*/
11 13
	function getRecourceMe() {
12 14
			$.ajax({
@ -67,10 +69,11 @@ $(document).ready(function() {
67 69
						'<img src="'+"/data/resource/"+$da.images[i].imageSrc+'"/>' +
68 70
					'</div>'+
69 71
					'<div class="file-panel">' +
70
						'<span class="cancel"></span>' +
72
						'<span class="cancel" flag=1></span>' +
71 73
					'</div>' +
72 74
				'</dd>'
73 75
				arr[i]=oString;
76
				array[i]=$da.images[i].imageId;
74 77
			}
75 78
		$("#fileList dd").eq(2).remove();
76 79
			if($da.images.length==1) {
@ -172,8 +175,13 @@ $(document).ready(function() {
172 175
	});
173 176
	/*删除图片*/
174 177
	$("#fileList").on("click", ".cancel", function() {
178
		var flag=$(this).attr("flag");
175 179
		var oNum=$(this).parents("dd").index();
176
		temp.splice(oNum,1);
180
		if(flag==1) {
181
			array.splice(oNum,1);
182
		}else{
183
			temp.splice(oNum,1);
184
		}
177 185
		$(this).parent().parent().remove();
178 186
		$("#uploadDd").show();
179 187
		var $len = $("#fileList").find("img").length;
@ -200,15 +208,40 @@ $(document).ready(function() {
200 208
	$("#keywordName").bind({
201 209
		focus: function() {
202 210
			$("#keywordPrompt").show();
211
			$("#keyList").show();
203 212
		},
204 213
		blur: function() {
205 214
			$("#keywordPrompt").hide();
215
			setTimeout(function(){
216
				$("#keyList").show();
217
			},200)
206 218
		},
207 219
		keyup: function() {
208 220
			if($(this).val().length > 10) {
209 221
				$(this).val($(this).val().substr(0, 10));
210 222
			} else if(0 < $(this).val().length < 10) {
211

223
					$.ajax({
224
					"url": "/ajax/dataDict/qaHotKey",
225
					"type": "GET",
226
					"success": function(data) {
227
						console.log(data);
228
						if(data.success) {
229
							if(data.data==null) {
230
								$("#keyList ul").html("");
231
							}else{
232
								addHtml(data.data);
233
							}
234
						}
235
					},
236
					"data": {
237
						"key":$(this).val(),
238
						rows: 3
239
					},
240
					dataType: "json",
241
					'error':function() {
242
						$.MsgBox.Alert('提示', '服务器连接超时!');
243
					}
244
			});
212 245
			}
213 246
		}
214 247
	})
@ -281,7 +314,11 @@ $(document).ready(function() {
281 314
							if(data.data==null) {
282 315
								$("#department ul").html("");
283 316
							}else{
284
								addHtml(data.data);
317
								var oSr="";
318
								for(var i=0;i<data.data.length;i++) {
319
									oSr+='<li><p class="h2Font">'+data.data[i].caption+'</p></li>'
320
								}
321
								$("#department ul").html(oSr);
285 322
							}
286 323
						}
287 324
					},
@ -441,6 +478,7 @@ $(document).ready(function() {
441 478
			$data.parameter=$("#performancePa").val();
442 479
			$data.descp=ue.getContent();
443 480
			$data.fns=temp;
481
			$data.imageIds=array;
444 482
			//$data.imageIds:资源图片ID NULL 字符串数组
445 483
			console.log(temp);
446 484
			$.ajax({

+ 131 - 0
js/resourceList.js

@ -0,0 +1,131 @@
1
$(document).ready(function(){
2
	loginStatus(); //判断个人是否登录
3
	var userid = $.cookie("userid");
4
	var resourceId;
5
	/*资源列表查询*/
6
	function getRecourceMe(n,isbind) {
7
		var resourceNameVa=$("#resouceName").val();
8
		var $info={};
9
		$info.professorId=userid;
10
		$info.pageSize=3;
11
		if(resourceNameVa !="") {
12
			$info.key=resourceNameVa;
13
		}
14
		$info.pageNo=n;
15
		$.ajax({
16
			"url": "/ajax/resource/pqSelf",
17
			"type": "GET",
18
			"success": function(data) {
19
				if(data.success) {
20
					$("#resourceList").html("");
21
					resourceHtml(data.data.data);
22
					if(isbind == true) {
23
								$(".tcdPageCode").createPage({
24
									pageCount: Math.ceil(data.data.total / data.data.pageSize),
25
									current: data.data.pageNo,
26
									backFn: function(p) {
27
										getRecourceMe(p,false);
28
									}
29
								});
30
							}
31
				}
32
			},
33
			"data": $info,
34
			dataType: "json",
35
			'error': function() {
36
				$.MsgBox.Alert('提示', '服务器连接超时!');
37
			}
38
		});
39
	}
40
	 getRecourceMe(1,true);
41
	 function resourceHtml($data) {
42
	 	for(var i=0;i<$data.length;i++) {
43
	 		var imgSrc="../images/default-resource.jpg";
44
	 		var oTime,pageview="",draftLable="";
45
	 		if($data[i].images.length) {
46
	 			imgSrc="/data/resource/"+$data[i].images[0].imageSrc
47
	 		}
48
	 		if($data[i].status==0) {
49
	 			oTime=timeTran($data[i].modifyTime);
50
	 			draftLable='<span class="draftLable">草稿</span>'
51
	 		}else{
52
	 			oTime=timeTran($data[i].publishTime);
53
	 			pageview='<li><span>阅读量'+$data[i].pageViews+'</span></li>';
54
	 		}
55
	 	var oStr='<li>'+
56
				'<a href="resourceShow.html?resourceId='+$data[i].resourceId+'" target="_blank">'+
57
					'<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>'	+						
58
						'<div class="madiaInfo">'+					
59
							'<p class="h1Font ellipsisSty">'+$data[i].resourceName+'</p>'+						
60
							'<ul class="h2Font clearfix">'+
61
								'<li><span>'+oTime+'</span></li>'+pageview+
62
							'</ul>'+draftLable+	
63
						'</div>'+
64
				'</a>'+
65
				'<ul class="madiaEdit">'+
66
					'<li><span class="deteleThis2" data-id="'+$data[i].resourceId+'"></span></li>'+
67
					'<li><span class="editThis" data-id="'+$data[i].resourceId+'"></span></li>'+
68
				'</ul>'+
69
			'</li>'	
70
			$("#resourceList").append(oStr);
71
	 	}
72
	 }
73
	 /*时间格式转换*/
74
	function timeTran(otm) {
75
		var month, day, hour, minu;
76
		var monFirst = otm.substring(4, 5);
77
		var dayFirst = otm.substring(6, 7);
78
		if(monFirst == "0") {
79
			month = otm.substring(5, 6)
80
		} else {
81
			month = otm.substring(4, 6)
82
		}
83
		if(dayFirst == "0") {
84
			day = otm.substring(7, 8);
85
		} else {
86
			day = otm.substring(6, 8);
87
		}
88
		hour = otm.substring(8, 10);
89
		minu = otm.substring(10, 12);
90
		return month + "月" + day + "日 " + hour + ":" + minu;
91
	}
92
	/*点击修改跳转修改页面*/
93
	$("#resourceList").on("click",".editThis",function(){
94
		location.href="resourceIssue.html?resourceId="+$(this).attr("data-id")
95
	})
96
	/*点击删除跳转修改页面*/
97
	$("#resourceList").on("click",".deteleThis2",function(){
98
		resourceId=$(this).attr("data-id");
99
		$.MsgBox.Confirm("提示", "确认删除该资源?",deleResource);
100
	})
101
	/*删除函数*/
102
	function deleResource() {
103
			$.ajax({
104
					"url": "/ajax/resource/delete",
105
					"type": "POST",
106
					"success": function(data) {
107
						if(data.success) {	
108
							getRecourceMe(1,false);
109
						}
110
					},
111
					"data": {"resourceId":resourceId},
112
					"beforeSend": function() { /*console.log(this.data)*/ },
113
					"contentType": "application/x-www-form-urlencoded",
114
					dataType: "json"
115
				});
116
	}
117
	/*输入资源名称限制字数*/
118
	$("#resouceName").bind({
119
		keyup: function() {
120
			if($(this).val().length > 30) {
121
				$(this).val($(this).val().substr(0, 30));
122
			}
123
		}
124
	});
125
	/*点击搜索*/
126
	$(".searchSpan").click(function(){
127
		$(".tcdPageCode").remove();
128
		$(".aboutRes").append('<div class="tcdPageCode"></div>');
129
		getRecourceMe(1,true);
130
	})
131
})

+ 17 - 2
js/resourceShow.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	loginStatus(); //判断个人是否登录
2 3
	$(".jqzoom").imagezoom();
3 4
	$("#thumblist").on("click", "li a", function() {
4 5
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
@ -85,6 +86,8 @@ $(document).ready(function() {
85 86
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
86 87
			}
87 88
			$(".tagList").html(oSt);
89
		}else {
90
			$(".aboutTit:contains('您可能感兴趣的资源')").parent().hide();
88 91
		}
89 92
		if($da.descp) { //编辑器
90 93
			$("#descp").html($da.descp).parents("li").show();
@ -133,6 +136,11 @@ $(document).ready(function() {
133 136
			"success": function(data) {
134 137
				console.log(data);
135 138
				if(data.success) {
139
					if(data.data.length==0) {
140
						$("#oArticle").parent().hide();
141
						$(".aboutTit:contains('相关文章')").hide();
142
						return;
143
					}
136 144
					relatedArticlesHtml(data.data);
137 145
				}
138 146
			},
@ -188,11 +196,17 @@ $(document).ready(function() {
188 196
			"success": function(data) {
189 197
				console.log(data);
190 198
				if(data.success) {
199
					if(data.data.length==0) {
200
						$(".aboutTit:contains('您可能感兴趣的资源')").parent().hide();
201
						return;
202
					}
191 203
					interestingResourcesHtml(data.data);
192 204
				}
193 205
			},
194 206
			"data": {
195
				"keys": arry
207
				"keys": arry,
208
				"resourceId": resourceId,
209
				"professorId":professorId
196 210
			},
197 211
			"traditional":true,
198 212
			dataType: "json",
@ -204,6 +218,7 @@ $(document).ready(function() {
204 218
	/*感兴趣资源的html*/
205 219
	function interestingResourcesHtml($respond) {
206 220
		for(var i=0;i<$respond.length;i++) {
221
			var stl = autho($respond[i].editProfessor.authType, $respond[i].editProfessor.orgAuth, $respond[i].editProfessor.authStatus);
207 222
			var oStr='';
208 223
				if($respond[i].images.length) {
209 224
					oStr+='<li><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>'
@ -212,8 +227,8 @@ $(document).ready(function() {
212 227
				}
213 228
				oStr+='<div class="madiaInfo">'
214 229
				oStr+='<p class="h1Font">'+$respond[i].resourceName+'</p>'
230
				oStr += '<p><span class="h1Font">' + $respond[i].editProfessor.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
215 231
				oStr+='<p class="h2Font ellipsisSty">用途:<span>'+$respond[i].supportedServices+'</span></p>'
216
				//oStr += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>'
217 232
				oStr+='</div></li>'
218 233
			$("#resourceList").append(oStr);
219 234
		}

+ 1 - 0
resourceImport.html

@ -105,5 +105,6 @@
105 105
		current: 3,
106 106
	});
107 107
</script>
108
<script type="text/javascript" src="js/resourceImport.js"></script>
108 109
</body>
109 110
</html>

+ 4 - 9
resourceIssue.html

@ -55,17 +55,12 @@
55 55
							<!--输入框中键入内容时按钮显示,添加内容出现在结果标签中时按钮隐藏-->
56 56
							<button class="frmcontype frmadd" id="addKeyword">添加</button>
57 57
						</div>
58
						<div class="form-drop keydrop">
58
						<div class="form-drop keydrop displayNone"  id="keyList">
59 59
							<ul>
60
								<li>
61
									<p class="h2Font">金属材料工程与腐蚀</p>
62
								</li>
63
								<li>
64
									<p class="h2Font">金属材料工程与腐蚀</p>
65
								</li>
66
								<li>
60
								<!--<li>
67 61
									<p class="h2Font">金属材料工程与腐蚀</p>
68
								</li>
62
								</li>-->
63
								
69 64
							</ul>
70 65
						</div>
71 66
						<div class="form-result keyResult">

+ 4 - 40
resourceList.html

@ -42,7 +42,7 @@
42 42
				<div class="itemListBolck">
43 43
					<div class="topOperaBlock clearfix">
44 44
						<div class="searchAbout col-w-8">
45
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词">
45
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词" id="resouceName">
46 46
							<span class="searchSpan"></span>
47 47
						</div>
48 48
						<div class="issueSpanBlock col-w-4">
@ -51,39 +51,8 @@
51 51
					</div>
52 52
					<div class="form-item itemListCon">
53 53
						<div class="form-result aboutRes">
54
							<ul>
55
								<li>
56
									<a href="">
57
										<div class="madiaHead resouseHead"></div>
58
										<div class="madiaInfo">
59
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
60
											<ul class="h2Font clearfix">
61
												<li><span>8月20日 04:00</span></li>
62
												<li><span>阅读量100</span></li>
63
											</ul>
64
										</div>
65
									</a>
66
									<ul class="madiaEdit">
67
										<li><span class="deteleThis2"></span></li>
68
										<li><span class="editThis"></span></li>
69
									</ul>
70
								</li>
71
								<li class="draftList"><!--存为草稿时添加draftList类-->
72
									<a href="">
73
										<div class="madiaHead resouseHead"></div>
74
										<div class="madiaInfo">
75
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
76
											<ul class="h2Font clearfix">
77
												<li><span>8月20日 04:00</span></li>
78
											</ul>
79
											<span class="draftLable">草稿</span>
80
										</div>
81
									</a>
82
									<ul class="madiaEdit">
83
										<li><span class="deteleThis2"></span></li>
84
										<li><span class="editThis"></span></li>
85
									</ul>
86
								</li>
54
							<ul id="resourceList">
55
								
87 56
							</ul>
88 57
							<div class="tcdPageCode"></div>
89 58
						</div>
@ -101,11 +70,6 @@
101 70
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
102 71
<script type="text/javascript" src="js/jquery.page.js"></script>
103 72
<script type="text/javascript" src="js/common.js"></script>
104
<script type="text/javascript">
105
	$(".tcdPageCode").createPage({
106
		pageCount: Math.ceil(4 / 16),
107
		current: 3,
108
	});
109
</script>
73
<script type="text/javascript" src="js/resourceList.js"></script>
110 74
</body>
111 75
</html>