Browse Source

资源列表

jack 8 years ago
parent
commit
9beca35c86
8 changed files with 288 additions and 30 deletions
  1. 6 7
      js/resourceIssue.js
  2. 16 6
      js/resourceList.js
  3. 201 1
      js/resourcePreview.js
  4. 33 6
      js/resourceShow.js
  5. 1 1
      resourceIssue.html
  6. 1 1
      resourceList.html
  7. 27 5
      resourcePreview.html
  8. 3 3
      resourceShow.html

+ 6 - 7
js/resourceIssue.js

@ -229,7 +229,11 @@ $(document).ready(function() {
229 229
							if(data.data==null) {
230 230
								$("#keyList ul").html("");
231 231
							}else{
232
								addHtml(data.data);
232
								var oSr="";
233
								for(var i=0;i<data.data.length;i++) {
234
									oSr+='<li><p class="h2Font">'+data.data[i].name+'</p></li>'
235
								}
236
								$("#department ul").html(oSr);
233 237
							}
234 238
						}
235 239
					},
@ -314,11 +318,7 @@ $(document).ready(function() {
314 318
							if(data.data==null) {
315 319
								$("#department ul").html("");
316 320
							}else{
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);
321
								addHtml(data.data);
322 322
							}
323 323
						}
324 324
					},
@ -500,7 +500,6 @@ $(document).ready(function() {
500 500
							}else{
501 501
								$.MsgBox.Alert('提示', '资源发布成功!');
502 502
								$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
503
								return;
504 503
								location.href="resourceList.html"
505 504
							}
506 505
							

+ 16 - 6
js/resourceList.js

@ -16,8 +16,15 @@ $(document).ready(function(){
16 16
			"url": "/ajax/resource/pqSelf",
17 17
			"type": "GET",
18 18
			"success": function(data) {
19
				console.log(data)
19 20
				if(data.success) {
20 21
					$("#resourceList").html("");
22
					if(data.data.data.length==0) {
23
						$("#resourceList").html("暂无数据").css("text-align","center");
24
						return;
25
					}else{
26
						$("#resourceList").css("text-align","");
27
					}
21 28
					resourceHtml(data.data.data);
22 29
					if(isbind == true) {
23 30
								$(".tcdPageCode").createPage({
@ -41,19 +48,22 @@ $(document).ready(function(){
41 48
	 function resourceHtml($data) {
42 49
	 	for(var i=0;i<$data.length;i++) {
43 50
	 		var imgSrc="../images/default-resource.jpg";
44
	 		var oTime,pageview="",draftLable="";
51
	 		var oTime,pageview="",draftLable="",oHtml;
45 52
	 		if($data[i].images.length) {
46 53
	 			imgSrc="/data/resource/"+$data[i].images[0].imageSrc
47 54
	 		}
55
	 		console.log($data[i].status)
48 56
	 		if($data[i].status==0) {
49
	 			oTime=timeTran($data[i].modifyTime);
50
	 			draftLable='<span class="draftLable">草稿</span>'
57
	 			oTime="修改于 "+timeTran($data[i].modifyTime);
58
	 			draftLable='<span class="draftLable">草稿</span>';
59
	 			oHtml="resourceIssue.html"
51 60
	 		}else{
52
	 			oTime=timeTran($data[i].publishTime);
53
	 			pageview='<li><span>阅读量'+$data[i].pageViews+'</span></li>';
61
	 			oTime="发布于 "+timeTran($data[i].publishTime);
62
	 			pageview='<li><span>阅读量 '+$data[i].pageViews+'</span></li>';
63
	 			oHtml="resourceShow.html"
54 64
	 		}
55 65
	 	var oStr='<li>'+
56
				'<a href="resourceShow.html?resourceId='+$data[i].resourceId+'" target="_blank">'+
66
				'<a href="'+oHtml+'?resourceId='+$data[i].resourceId+'" target="_blank">'+
57 67
					'<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>'	+						
58 68
						'<div class="madiaInfo">'+					
59 69
							'<p class="h1Font ellipsisSty">'+$data[i].resourceName+'</p>'+						

+ 201 - 1
js/resourcePreview.js

@ -1,4 +1,6 @@
1 1
$(document).ready(function() {
2
	loginStatus(); //判断个人是否登录
3
	var userid = $.cookie("userid");
2 4
	$(".jqzoom").imagezoom();
3 5
	$("#thumblist").on("click", "li a", function() {
4 6
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
@ -63,6 +65,9 @@ $(document).ready(function() {
63 65
			$("#orgType").text($da.editProfessor.orgName);
64 66
		}
65 67
		professorId = $da.editProfessor.id;
68
		if(userid!=professorId) {
69
			$(".goSpan").show();
70
		}
66 71
		var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
67 72
		$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
68 73
		if($da.editProfessor.hasHeadImage == 1) {
@ -124,5 +129,200 @@ $(document).ready(function() {
124 129
	$("#nameS,#headImg").click(function() {
125 130
		location.href = "information-brow.html?professorId=" + professorId;
126 131
	})
127
	
132
	/*点击咨询*/
133
	$("#consultin").on("click", function() {
134
		clickResouceConsultHandler();
135
	});
136
	/*咨询函数*/
137
	function clickResouceConsultHandler() {
138
		if(userid && userid != "null" && userid != null) {
139
			ConsultApply();
140
			concultProInfo(professorId); //专家信息common.js中
141
			//默认选中资源咨询和标题
142
			for(var i = 0; i < $("ul.menucon").children().length; i++) {
143
				$("ul.menucon").children().eq(i).removeClass("clicknow");
144
				$("ul.menucon").children().eq(1).addClass("clicknow");
145
			}
146
			var consultTitleVal = $(".h2Font").text();
147
			$("#consultTitle").val("关于" + consultTitleVal + "的咨询");
148
			//点击的发送
149
			$("#sendConsultBtn").click(function() {
150
				sendConsultHandler(professorId); //common.js中
151
			});
152
		} else {
153

154
			$.MsgBox.Alert("消息提醒", "请先登录再进行咨询");
155
			$("#mb_btn_ok").val("去登录");
156
			var aele = document.createElement('a');
157
			$("#mb_btnbox").append(aele);
158
			$("#mb_btnbox a").css({
159
				'display': "block",
160
				'width': '100%',
161
				'height': '40px',
162
				'position': 'absolute',
163
				'bottom': '-6px',
164
				'left': '0'
165
			});
166
			aele.setAttribute('href', '../login.html');
167
		}
168

169
	};
170
	//点击专家关注
171
$('.attenSpan').click(function(){
172
	if (userid && userid != "null" && userid != null) {
173
		if($(this).is('.attenSpanyes')){
174
			 cancelCollectionExpert(professorId,1)
175
		}else{
176
			collectionExpert(professorId,1);
177
		}	
178
	}else{
179
		$.MsgBox.Alert('提示',"请先登录再进行关注");
180
		$("#mb_btn_ok").val("去登录");
181
		var aele = document.createElement('a');
182
		$("#mb_btnbox").append(aele);
183
		$("#mb_btnbox a").css({
184
			'display': "block",
185
			'width': '100%',
186
			'height': '40px',
187
			'position': 'absolute',
188
			'bottom': '-6px',
189
			'left': '0'
190
		});
191
		aele.setAttribute('href', '../login.html');
192
	}
193
})
194

195
//点击资源收藏
196
$('#attention em').click(function(){
197
	if (userid && userid != "null" && userid != null) {
198
		if($(this).is('.icon-collected')){
199
			 cancelCollectionExpert(resourceId,2)
200
		}else{
201
			 collectionExpert(resourceId,2);
202
		}	
203
	}else{
204
		$.MsgBox.Alert('提示',"请先登录再进行收藏");
205
		$("#mb_btn_ok").val("去登录");
206
		var aele = document.createElement('a');
207
		$("#mb_btnbox").append(aele);
208
		$("#mb_btnbox a").css({
209
			'display': "block",
210
			'width': '100%',
211
			'height': '40px',
212
			'position': 'absolute',
213
			'bottom': '-6px',
214
			'left': '0'
215
		});
216
		aele.setAttribute('href', '../login.html');
217
	}
218
})
219

220
/*判断是非关注专家*/
221
function ifCollection(getid,num) {
222
	var data = {"professorId": userid,"watchObject": getid}
223
	//alert(JSON.stringify(data))
224
	$.ajax({		
225
		url:"/ajax/watch/hasWatch",
226
		data:data,
227
		dataType: 'json', //数据格式类型
228
		type: 'get', //http请求类型
229
		timeout: 10000,
230
		async: true,
231
		success: function(data) {
232
			if(num==1){
233
				if(data.success && data.data != null) {
234
					$('.attenSpan').addClass("attenSpanyes");
235
					$('.attenSpan').text('已关注');
236
					zjreturnId = data.data.watchObject;
237
				} else {
238
					$('.attenSpan').removeClass("attenSpanyes");
239
					$('.attenSpan').text('关注');
240
				}
241
			}
242
			if(num==2){
243
				if(data.success && data.data != null) {
244
					$('#attention em').addClass("icon-collected").removeClass("icon-collect");
245
					wzreturnId = data.data.watchObject;
246
				} else {
247
					$('#attention em').removeClass("icon-collected").addClass("icon-collect");
248
				}
249
			}
250
			
251
		},
252
		error: function() {
253
			$.MsgBox.Alert('提示',"服务器链接超时");
254
		}
255
	});
256
}
257

258
/*关注专家*/
259
function collectionExpert(watchObject,num) {
260
	if(num==1){
261
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 1}
262
	}else{
263
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 3}
264
	}
265
	$.ajax({		
266
		url:"/ajax/watch",
267
		data:data,
268
		dataType: 'json', //数据格式类型
269
		type: 'POST', //http请求类型
270
		timeout: 10000,
271
		async: false,
272
		success: function(data) {
273
			if(num==1){
274
				if(data.success) {
275
					$('.attenSpan').addClass("attenSpanyes");
276
					$('.attenSpan').text('已关注');
277
					zjreturnId = data.data.watchObject;
278
				}
279
			}
280
			
281
			if(num==2){
282
				if(data.success) {
283
					$('#attention em').addClass("icon-collected").removeClass("icon-collect");
284
					wzreturnId = data.data.watchObject;
285
				}
286
			}
287
			
288
		},
289
		error: function() {
290
			$.MsgBox.Alert('提示',"服务器链接超时");
291
		}
292
	});
293
}
294

295
/*取消收藏专家*/
296
function cancelCollectionExpert(watchObject,num) {
297
	$.ajax({		
298
		url:"/ajax/watch/delete",
299
		data: {
300
			professorId: userid,
301
			watchObject: watchObject
302
		},
303
		dataType: 'json', //数据格式类型
304
		type: 'post', //http请求类型
305
		timeout: 10000,
306
		async: true,
307
		success: function(data) {
308
			console.log(data.success)
309
			if(num==1){
310
				if(data.success) {
311
					$('.attenSpan').removeClass("attenSpanyes");
312
					$('.attenSpan').text('关注');
313
				}	
314
			}
315
			if(num==2){
316
				if(data.success) {
317
					$('#attention em').removeClass("icon-collected").addClass("icon-collect");
318
				}	
319
			}
320
			
321
		},
322
		error: function(data) {
323
			$.MsgBox.Alert('提示',"服务器链接超时");
324
		}
325
	});
326

327
}
128 328
})

+ 33 - 6
js/resourceShow.js

@ -70,8 +70,7 @@ $(document).ready(function() {
70 70
		console.log(userid);
71 71
		if(userid!=professorId) {
72 72
			ifCollection(professorId,1)
73
		}else {
74
			$(".goSpan").hide();
73
			$(".goSpan").show();
75 74
		}
76 75
		var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
77 76
		$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
@ -130,6 +129,8 @@ $(document).ready(function() {
130 129
				arr += oString;
131 130
			}
132 131
			$("#thumblist").html(arr);
132
		}else{
133
			$("#firstFigure").attr({"src":'../images/default-resource.jpg',"rel":'../images/default-resource.jpg'});
133 134
		}
134 135

135 136
	}
@ -175,7 +176,7 @@ $(document).ready(function() {
175 176
						if(data.success) {
176 177
							var stl = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
177 178
							var str = ""
178
							str += '<li>'
179
							str += '<li data-id="'+$html[n].article.articleId+'">'
179 180
							if($html[n].article.articleImg) {
180 181
								str += '<div class="madiaHead artHead" style="background-image: url(/data/article/' + $html[n].article.articleImg + ')"></div>'
181 182
							} else {
@ -197,6 +198,10 @@ $(document).ready(function() {
197 198

198 199
		}
199 200
	}
201
	/*文章跳转*/
202
	$("#oArticle").on("click","li",function(){
203
		location.href="articalShow.html?articleId="+$(this).attr("data-id");
204
	})
200 205
	/*感兴趣的资源*/
201 206
	function interestingResources(arry) {
202 207
		$.ajax({
@ -230,9 +235,9 @@ $(document).ready(function() {
230 235
			var stl = autho($respond[i].editProfessor.authType, $respond[i].editProfessor.orgAuth, $respond[i].editProfessor.authStatus);
231 236
			var oStr='';
232 237
				if($respond[i].images.length) {
233
					oStr+='<li><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>'
238
					oStr+='<li data-id="'+$respond[i].resourceId+'"><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>'
234 239
				}else {
235
					oStr+='<li><div class="madiaHead resouseHead"></div>'
240
					oStr+='<li data-id="'+$respond[i].resourceId+'"><div class="madiaHead resouseHead"></div>'
236 241
				}
237 242
				oStr+='<div class="madiaInfo">'
238 243
				oStr+='<p class="h1Font">'+$respond[i].resourceName+'</p>'
@ -242,6 +247,10 @@ $(document).ready(function() {
242 247
			$("#resourceList").append(oStr);
243 248
		}
244 249
	}
250
	/*点击资源列表*/
251
	$("#resourceList").on("click","li",function(){
252
		location.href="resourceShow.html?resourceId="+$(this).attr("data-id");
253
	})
245 254
	/*点击咨询*/
246 255
	$("#consultin").on("click", function() {
247 256
		clickResouceConsultHandler();
@ -438,4 +447,22 @@ function cancelCollectionExpert(watchObject,num) {
438 447
	});
439 448

440 449
}
441
})
450
//资源浏览量
451
function pageViewsVal(){
452
	$.ajax({
453
		"url" : "/ajax/resource/pageViews",
454
		"type" :  "POST" ,
455
		"dataType" : "json",
456
		"data" :{"resourceId":resourceId},
457
		"success" : function(data) {
458
			console.log(data);
459
			if (data.success){
460
			}
461
		},
462
		"error":function(){
463
			$.MsgBox.Alert('提示','链接服务器超时')
464
		}
465
	});
466
}
467
pageViewsVal();
468
})

+ 1 - 1
resourceIssue.html

@ -89,7 +89,7 @@
89 89
						</div>
90 90
					</li>
91 91
					<li>
92
						<div class="aboutTit">应用用途<span class="frmconmsg" id="applicationPrompt" style="display:none;">50字以内</span></div>
92
						<div class="aboutTit">应用用途<em class="requiredcon">*</em><span class="frmconmsg" id="applicationPrompt" style="display:none;">50字以内</span></div>
93 93
						<input type="text" class="frmtype frmcontype" id="application" value="" placeholder="请输入应用用途" />
94 94
					</li>
95 95
					<li>

+ 1 - 1
resourceList.html

@ -46,7 +46,7 @@
46 46
							<span class="searchSpan"></span>
47 47
						</div>
48 48
						<div class="issueSpanBlock col-w-4">
49
							<a href="resourceIssue.html" class="issueSpan">发布资源</a>
49
							<a href="resourceIssue.html" class="issueSpan" target="_blank">发布资源</a>
50 50
						</div>
51 51
					</div>
52 52
					<div class="form-item itemListCon">

+ 27 - 5
resourcePreview.html

@ -8,6 +8,7 @@
8 8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/popup.css" rel="stylesheet">
11 12
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 13
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 14
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
@ -44,7 +45,7 @@
44 45
		                	<div class="h2Font">应用用途:<span id="application">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</span></div>
45 46
		                	<div class="operateBlock resShareUl">
46 47
		                		<ul>
47
		                			<li><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
48
		                			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
48 49
									<li>
49 50
										<span>分享到</span>
50 51
										<em class="operateicon operateicon2 icon-sina"></em>
@ -106,17 +107,17 @@
106 107
			</div>
107 108
			<div class="rightconBox floatR">
108 109
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
109
					<div class="madiaHead useHead" id="headImg"></div>
110
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
110 111
					<div class="proInfo">
111 112
						<div class="h3Font clearfix">
112
							<span class="h1Font" id="nameS"></span>
113
							<span class="h1Font" id="nameS" style="cursor:pointer"></span>
113 114
							<span class="authiconNew" title="" id="authFlag"></span>
114 115
						</div>
115 116
						<p class="h2Font" id="titleOffice"></p>
116 117
						<p class="h2Font" id="orgType"></p>
117 118
					</div>
118
					<div class="goSpan">
119
						<span class="consultSpan">咨询</span>
119
					<div class="goSpan" style="display:none">
120
						<span class="consultSpan" id="consultin">咨询</span>
120 121
						<span class="attenSpan">关注</span>
121 122
					</div>
122 123
				</div>
@ -129,8 +130,29 @@
129 130
</footer>
130 131
<script type="text/javascript" src="js/jquery.cookie.js"></script>
131 132
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
133
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
132 134
<script type="text/javascript" src="js/jquery.page.js"></script>
133 135
<script type="text/javascript" src="js/common.js"></script>
136
<script type="text/javascript" src="js/popup.js"></script>
134 137
<script type="text/javascript" src="js/resourcePreview.js"></script>
138
<script type="text/javascript">
139

140
	//分享关注按钮
141
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
142
	
143
	//微信分享
144
	var qrcode = new QRCode(document.getElementById("qrcode"), {
145
		width : 100,
146
		height : 100
147
	});
148
	function makeCode(){
149
		var hurl = window.location.host;
150
		var resourceId =  GetQueryString("resourceId");
151
		var elurl = "http://" + hurl + "/ekexiu/shareResinfor.html?resourceId=" + resourceId ; 
152
		qrcode.makeCode(elurl);
153
	}
154
	makeCode();
155
	
156
</script>
135 157
</body>
136 158
</html>

+ 3 - 3
resourceShow.html

@ -124,16 +124,16 @@
124 124
			</div>
125 125
			<div class="rightconBox floatR">
126 126
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
127
					<div class="madiaHead useHead" id="headImg"></div>
127
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
128 128
					<div class="proInfo">
129 129
						<div class="h3Font clearfix">
130
							<span class="h1Font" id="nameS"></span>
130
							<span class="h1Font" id="nameS" style="cursor:pointer"></span>
131 131
							<span class="authiconNew" title="" id="authFlag"></span>
132 132
						</div>
133 133
						<p class="h2Font" id="titleOffice"></p>
134 134
						<p class="h2Font" id="orgType"></p>
135 135
					</div>
136
					<div class="goSpan">
136
					<div class="goSpan" style="display:none">
137 137
						<span class="consultSpan" id="consultin">咨询</span>
138 138
						<span class="attenSpan">关注</span>
139 139
					</div>