Browse Source

关注专家,收藏资源

jack 8 years ago
parent
commit
db1ed40d1c
2 changed files with 229 additions and 2 deletions
  1. 205 0
      js/resourceShow.js
  2. 24 2
      resourceShow.html

+ 205 - 0
js/resourceShow.js

@ -1,5 +1,6 @@
1 1
$(document).ready(function() {
2 2
	loginStatus(); //判断个人是否登录
3
	var userid = $.cookie("userid");
3 4
	$(".jqzoom").imagezoom();
4 5
	$("#thumblist").on("click", "li a", function() {
5 6
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
@ -10,6 +11,7 @@ $(document).ready(function() {
10 11
		$('.shareCode').stop(true, false).fadeToggle();
11 12
	});
12 13
	var resourceId = GetQueryString("resourceId");
14
	ifCollection(resourceId,2)
13 15
	var professorId = "";
14 16
	getRecourceMe();
15 17
	/*获取资源信息*/
@ -64,6 +66,13 @@ $(document).ready(function() {
64 66
			$("#orgType").text($da.editProfessor.orgName);
65 67
		}
66 68
		professorId = $da.editProfessor.id;
69
		console.log(professorId);
70
		console.log(userid);
71
		if(userid!=professorId) {
72
			ifCollection(professorId,1)
73
		}else {
74
			$(".goSpan").hide();
75
		}
67 76
		var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
68 77
		$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
69 78
		if($da.editProfessor.hasHeadImage == 1) {
@ -233,4 +242,200 @@ $(document).ready(function() {
233 242
			$("#resourceList").append(oStr);
234 243
		}
235 244
	}
245
	/*点击咨询*/
246
	$("#consultin").on("click", function() {
247
		clickResouceConsultHandler();
248
	});
249
	/*咨询函数*/
250
	function clickResouceConsultHandler() {
251
		if(userid && userid != "null" && userid != null) {
252
			ConsultApply();
253
			concultProInfo(professorId); //专家信息common.js中
254
			//默认选中资源咨询和标题
255
			for(var i = 0; i < $("ul.menucon").children().length; i++) {
256
				$("ul.menucon").children().eq(i).removeClass("clicknow");
257
				$("ul.menucon").children().eq(1).addClass("clicknow");
258
			}
259
			var consultTitleVal = $(".h2Font").text();
260
			$("#consultTitle").val("关于" + consultTitleVal + "的咨询");
261
			//点击的发送
262
			$("#sendConsultBtn").click(function() {
263
				sendConsultHandler(professorId); //common.js中
264
			});
265
		} else {
266

267
			$.MsgBox.Alert("消息提醒", "请先登录再进行咨询");
268
			$("#mb_btn_ok").val("去登录");
269
			var aele = document.createElement('a');
270
			$("#mb_btnbox").append(aele);
271
			$("#mb_btnbox a").css({
272
				'display': "block",
273
				'width': '100%',
274
				'height': '40px',
275
				'position': 'absolute',
276
				'bottom': '-6px',
277
				'left': '0'
278
			});
279
			aele.setAttribute('href', '../login.html');
280
		}
281

282
	};
283
	//点击专家关注
284
$('.attenSpan').click(function(){
285
	if (userid && userid != "null" && userid != null) {
286
		if($(this).is('.attenSpanyes')){
287
			 cancelCollectionExpert(professorId,1)
288
		}else{
289
			collectionExpert(professorId,1);
290
		}	
291
	}else{
292
		$.MsgBox.Alert('提示',"请先登录再进行关注");
293
		$("#mb_btn_ok").val("去登录");
294
		var aele = document.createElement('a');
295
		$("#mb_btnbox").append(aele);
296
		$("#mb_btnbox a").css({
297
			'display': "block",
298
			'width': '100%',
299
			'height': '40px',
300
			'position': 'absolute',
301
			'bottom': '-6px',
302
			'left': '0'
303
		});
304
		aele.setAttribute('href', '../login.html');
305
	}
306
})
307

308
//点击资源收藏
309
$('#attention em').click(function(){
310
	if (userid && userid != "null" && userid != null) {
311
		if($(this).is('.icon-collected')){
312
			 cancelCollectionExpert(resourceId,2)
313
		}else{
314
			 collectionExpert(resourceId,2);
315
		}	
316
	}else{
317
		$.MsgBox.Alert('提示',"请先登录再进行收藏");
318
		$("#mb_btn_ok").val("去登录");
319
		var aele = document.createElement('a');
320
		$("#mb_btnbox").append(aele);
321
		$("#mb_btnbox a").css({
322
			'display': "block",
323
			'width': '100%',
324
			'height': '40px',
325
			'position': 'absolute',
326
			'bottom': '-6px',
327
			'left': '0'
328
		});
329
		aele.setAttribute('href', '../login.html');
330
	}
331
})
332

333
/*判断是非关注专家*/
334
function ifCollection(getid,num) {
335
	var data = {"professorId": userid,"watchObject": getid}
336
	//alert(JSON.stringify(data))
337
	$.ajax({		
338
		url:"/ajax/watch/hasWatch",
339
		data:data,
340
		dataType: 'json', //数据格式类型
341
		type: 'get', //http请求类型
342
		timeout: 10000,
343
		async: true,
344
		success: function(data) {
345
			if(num==1){
346
				if(data.success && data.data != null) {
347
					$('.attenSpan').addClass("attenSpanyes");
348
					$('.attenSpan').text('已关注');
349
					zjreturnId = data.data.watchObject;
350
				} else {
351
					$('.attenSpan').removeClass("attenSpanyes");
352
					$('.attenSpan').text('关注');
353
				}
354
			}
355
			if(num==2){
356
				if(data.success && data.data != null) {
357
					$('#attention em').addClass("icon-collected").removeClass("icon-collect");
358
					wzreturnId = data.data.watchObject;
359
				} else {
360
					$('#attention em').removeClass("icon-collected").addClass("icon-collect");
361
				}
362
			}
363
			
364
		},
365
		error: function() {
366
			$.MsgBox.Alert('提示',"服务器链接超时");
367
		}
368
	});
369
}
370

371
/*关注专家*/
372
function collectionExpert(watchObject,num) {
373
	if(num==1){
374
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 1}
375
	}else{
376
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 3}
377
	}
378
	$.ajax({		
379
		url:"/ajax/watch",
380
		data:data,
381
		dataType: 'json', //数据格式类型
382
		type: 'POST', //http请求类型
383
		timeout: 10000,
384
		async: false,
385
		success: function(data) {
386
			if(num==1){
387
				if(data.success) {
388
					$('.attenSpan').addClass("attenSpanyes");
389
					$('.attenSpan').text('已关注');
390
					zjreturnId = data.data.watchObject;
391
				}
392
			}
393
			
394
			if(num==2){
395
				if(data.success) {
396
					$('#attention em').addClass("icon-collected").removeClass("icon-collect");
397
					wzreturnId = data.data.watchObject;
398
				}
399
			}
400
			
401
		},
402
		error: function() {
403
			$.MsgBox.Alert('提示',"服务器链接超时");
404
		}
405
	});
406
}
407

408
/*取消收藏专家*/
409
function cancelCollectionExpert(watchObject,num) {
410
	$.ajax({		
411
		url:"/ajax/watch/delete",
412
		data: {
413
			professorId: userid,
414
			watchObject: watchObject
415
		},
416
		dataType: 'json', //数据格式类型
417
		type: 'post', //http请求类型
418
		timeout: 10000,
419
		async: true,
420
		success: function(data) {
421
			console.log(data.success)
422
			if(num==1){
423
				if(data.success) {
424
					$('.attenSpan').removeClass("attenSpanyes");
425
					$('.attenSpan').text('关注');
426
				}	
427
			}
428
			if(num==2){
429
				if(data.success) {
430
					$('#attention em').removeClass("icon-collected").addClass("icon-collect");
431
				}	
432
			}
433
			
434
		},
435
		error: function(data) {
436
			$.MsgBox.Alert('提示',"服务器链接超时");
437
		}
438
	});
439

440
}
236 441
})

+ 24 - 2
resourceShow.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>
@ -133,7 +134,7 @@
133 134
						<p class="h2Font" id="orgType"></p>
134 135
					</div>
135 136
					<div class="goSpan">
136
						<span class="consultSpan">咨询</span>
137
						<span class="consultSpan" id="consultin">咨询</span>
137 138
						<span class="attenSpan">关注</span>
138 139
					</div>
139 140
				</div>
@ -146,8 +147,29 @@
146 147
</footer>
147 148
<script type="text/javascript" src="js/jquery.cookie.js"></script>
148 149
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
150
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
149 151
<script type="text/javascript" src="js/jquery.page.js"></script>
150 152
<script type="text/javascript" src="js/common.js"></script>
153
<script type="text/javascript" src="js/popup.js"></script>
151 154
<script type="text/javascript" src="js/resourceShow.js"></script>
155
<script type="text/javascript">
156

157
	//分享关注按钮
158
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
159
	
160
	//微信分享
161
	var qrcode = new QRCode(document.getElementById("qrcode"), {
162
		width : 100,
163
		height : 100
164
	});
165
	function makeCode(){
166
		var hurl = window.location.host;
167
		var resourceId =  GetQueryString("resourceId");
168
		var elurl = "http://" + hurl + "/ekexiu/shareResinfor.html?resourceId=" + resourceId ; 
169
		qrcode.makeCode(elurl);
170
	}
171
	makeCode();
172
	
173
</script>
152 174
</body>
153 175
</html>