Ver Código Fonte

个人添加合作评价和感兴趣的专家

luyanan 7 anos atrás
pai
commit
c82a47ed81
4 arquivos alterados com 411 adições e 70 exclusões
  1. 44 0
      app/html/userEvaluate.html
  2. 82 49
      app/html/userInforShow.html
  3. 106 0
      app/js/userEvaluate.js
  4. 179 21
      app/js/userInforShow.js

+ 44 - 0
app/html/userEvaluate.html

@ -0,0 +1,44 @@
1
<!DOCTYPE html>
2
<html>
3

4
	<head>
5
		<meta charset="UTF-8">
6
		<title>个人浏览</title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.css" rel="stylesheet" />
9
		<link href="../css/iconfont.css" rel="stylesheet" />
10
		<link href="../css/app.css" rel="stylesheet" />
11
		<link rel="stylesheet" type="text/css" href="../css/previewImage.css"/>
12
	</head>
13

14
	<body>
15
		<div class="maskBlack" id="maskBlack"></div>
16
		<header class="mui-bar mui-bar-nav toptitbox">
17
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18
			<h1 class="mui-title toptit" id="professorName">他的合作评价</h1>
19
		</header>
20
		<!-- 主页面内容容器 -->
21
		<div class="mui-content">
22
			<!-- 主界面具体展示内容 -->
23
			 <class="mui-scroll-wrapper" id="pullrefresh">
24
			 	<div class="mui-scroll">
25
					<div class="mui-input-group mainbox">
26
						<div class="infocon madiaBlock">
27
							<ul class="mui-table-view commentsArea" id="evaluateShow">
28
						        
29
						    </ul>
30
						</div>
31
					</div>
32
				</div>
33
			</div>
34
		</div>
35
		<script src="../js/public/mui.min.js"></script>
36
		<script src="../js/public/base.js"></script>
37
		<script src="../js/userEvaluate.js"></script>
38
		<script type="text/javascript"> 
39
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
40
		    iosheader();
41
		</script>
42
	</body>
43

44
</html>

+ 82 - 49
app/html/userInforShow.html

@ -50,70 +50,103 @@
50 50
				</div>
51 51
			</div>
52 52
			<div class="mui-input-group mainbox" id="professorBreifinfo">
53
					<div class="infocontit mui-navigate-right mui-clearfix" id="detailProfessor">个人介绍 </div>
54
					<div class="infocon">
55
						<span class="breifinfo mui-ellipsis-5" id="descp">
56
				       		
57
				        </span>
58
					</div>
53
				<div class="infocontit mui-navigate-right mui-clearfix" id="detailProfessor">个人介绍 </div>
54
				<div class="infocon">
55
					<span class="breifinfo mui-ellipsis-5" id="descp">
56
			       		
57
			        </span>
58
				</div>
59 59
			</div>
60 60
			<div class="mui-input-group mainbox" id="professorInfosubject">
61
					<div class="infocontit">学术领域</div>
62
					<div class="infocon listArea">
63
						<ul id="subjectlist">
64
							
65
						</ul>
66
					</div>
61
				<div class="infocontit">学术领域</div>
62
				<div class="infocon listArea">
63
					<ul id="subjectlist">
64
						
65
					</ul>
66
				</div>
67 67
			</div>
68 68
			<div class="mui-input-group mainbox" id="professorReserachMess">
69
					<div class="infocontit">研究方向</div>
70
					<div class="infocon reserachMess">
69
				<div class="infocontit">研究方向</div>
70
				<div class="infocon reserachMess">
71 71
72
					</div>
72
				</div>
73 73
			</div>
74 74
			<div class="mui-input-group mainbox" id="professorinfoapply">
75
					<div class="infocontit">行业领域</div>
76
					<div class="infocon listArea">
77
						<ul id="industry1">
78
							
79
						</ul>
80
					</div>
75
				<div class="infocontit">行业领域</div>
76
				<div class="infocon listArea">
77
					<ul id="industry1">
78
						
79
					</ul>
80
				</div>
81 81
			</div>
82 82
			<div class="mui-input-group mainbox">
83
					<div class="infocontit">资源 (<span id="resourceNum">0</span>)</div>
84
					<div class="infocon madiaBlock">
85
						<ul class="mui-table-view" id="resourceShow">
86
					        
87
					    </ul>
88
					</div>
89
					<div class="seeMore displayNone" id="seeMoreResource"><em>查看更多</em></div>
83
				<div class="infocontit">资源</div>
84
				<div class="infocon madiaBlock">
85
					<ul class="mui-table-view" id="resourceShow">
86
				        
87
				    </ul>
88
				</div>
89
				<div class="seeMore displayNone" id="seeMoreResource"><em>查看全部<span id="resourceNum">0</span>个</em></div>
90 90
			</div>
91 91
			<div class="mui-input-group mainbox">
92
					<div class="infocontit">专利 (<span id="patentNum">0</span>)</div>
93
					<div class="infocon madiaBlock">
94
						<ul class="mui-table-view" id="patent">
95
					       
96
					    </ul>
97
					</div>
98
					<div class="seeMore displayNone" id="seeMorePatent"><em>查看更多</em></div>
92
				<div class="infocontit">专利</div>
93
				<div class="infocon madiaBlock">
94
					<ul class="mui-table-view" id="patent">
95
				       
96
				    </ul>
97
				</div>
98
				<div class="seeMore displayNone" id="seeMorePatent"><em>查看全部 <span id="patentNum">0</span>项</em></div>
99 99
			</div>
100 100
			<div class="mui-input-group mainbox">
101
					<div class="infocontit">论文 (<span id="paperNum">0</span>)</div>
102
					<div class="infocon madiaBlock">
103
						<ul class="mui-table-view" id="paper">
104
					        
105
					    </ul>
106
					</div>
107
					<div class="seeMore displayNone" id="seeMorePaper"><em>查看更多</em></div>
101
				<div class="infocontit">论文</div>
102
				<div class="infocon madiaBlock">
103
					<ul class="mui-table-view" id="paper">
104
				        
105
				    </ul>
106
				</div>
107
				<div class="seeMore displayNone" id="seeMorePaper"><em>查看全部<span id="paperNum">0</span>篇</em></div>
108 108
			</div>
109 109
			<div class="mui-input-group mainbox">
110
					<div class="infocontit">文章 (<span id="articalNum">0</span>)</div>
111
					<div class="infocon madiaBlock">
112
						<ul class="mui-table-view" id="articelShow">
113
					        
114
					    </ul>
115
					</div>
116
					<div class="seeMore displayNone" id="seeMoreArtical"><em>查看更多</em></div>
110
				<div class="infocontit">文章</div>
111
				<div class="infocon madiaBlock">
112
					<ul class="mui-table-view" id="articelShow">
113
				        
114
				    </ul>
115
				</div>
116
				<div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部<span id="articalNum">0</span>篇</em></div>
117
			</div>
118
			<div class="mui-input-group mainbox">
119
				<div class="infocontit">合作评价</div>
120
				<div class="infocon madiaBlock">
121
					<ul class="mui-table-view commentsArea" id="evaluateShow">
122
				        
123
				    </ul>
124
				</div>
125
				<div class="seeMore displayNone" id="seeMoreEvaluate"><em>查看全部<span id="evaluateNum">0</span>条</em></div>
126
			</div>
127
			<!--合作专家-->
128
			<div class="mui-input-group mainbox displayNone">
129
				<div class="infocontit">合作专家</div>
130
				<div class="infocon madiaBlock">
131
					<ul class="mui-table-view" id="">
132
				    </ul>
133
				</div>
134
			</div>
135
			<!--相关文章-->
136
			<div class="mui-input-group mainbox displayNone">
137
				<div class="infocontit">相关文章</div>
138
				<div class="infocon madiaBlock">
139
					<ul class="mui-table-view" id="">
140
				    </ul>
141
				</div>
142
			</div>
143
			<!--您可能感兴趣的专家-->
144
			<div class="mui-input-group mainbox displayNone">
145
				<div class="infocontit">您可能感兴趣的专家</div>
146
				<div class="infocon madiaBlock">
147
					<ul class="mui-table-view" id="likePro">
148
				    </ul>
149
				</div>
117 150
			</div>
118 151
		</div>
119 152
		

+ 106 - 0
app/js/userEvaluate.js

@ -0,0 +1,106 @@
1
var proId;
2
mui.init({
3
	pullRefresh: {
4
		container: '#pullrefresh',
5
		up: {
6
			height:50,
7
			contentrefresh: '正在加载...',
8
			callback: pullupRefresh
9
		}
10
	}
11
});
12
var Num=1;
13
function pullupRefresh() {
14
	setTimeout(function() {
15
		Num++;
16
		historyEvaluate(5,Num);
17
	}, 1000);
18

19
}
20
mui.plusReady(function() {
21
	var self = plus.webview.currentWebview();
22
	proId = self.proid;
23
	mui("#evaluateShow").on("tap", ".urlhref", function() {
24
		var id = this.getAttribute("data-id");
25
		plus.nativeUI.showWaiting();
26
		plus.webview.create("../html/userInforShow.html", 'userInforShow.html', {}, {
27
			"proid": id,
28
		});
29
	})
30
	historyEvaluate(5,1);
31
})
32

33
function historyEvaluate(pageSize,pageNo){
34
	mui.plusReady(function() {
35
		mui.ajax(baseUrl + "/ajax/consult/pqAssessHis", {
36
			"type": "get",
37
			"data": {
38
				"professorId": proId,
39
				"pageSize": pageSize,
40
				"pageNo": pageNo
41
			},
42
			traditional: true,
43
			"timeout": 10000,
44
			"success": function(response) {
45
				plus.nativeUI.closeWaiting();
46
				plus.webview.currentWebview().show("slide-in-right", 150);
47
				if(response.success) {
48
					console.log(JSON.stringify(response))
49
					var $data = response.data.data;
50
					if($data.length>0){
51
						for(var i = 0; i < $data.length; i++) {
52
							var add = document.createElement("li");
53
							var assessTime = commenTime($data[i].assessTime);
54
							var assessContant ="";
55
							if($data[i].assessContant) {
56
								assessContant = $data[i].assessContant;
57
							}
58
							var userhed='';
59
							if($data[i].professor.hasHeadImage) {
60
								userhed = 'background-image:url('+baseUrl+'/images/head/' + $data[i].professor.id + '_l.jpg)';
61
							} else {
62
								userhed = 'background-image:url(../images/default-photo.jpg)';
63
							}
64

65
							add.className = "mui-table-view-cell flexCenter levelbox";
66
							
67
							add.innerHTML='<div class="madiaHead useHead useHeadMsg urlhref" style="'+ userhed +'" data-id='+$data[i].professor.id+'></div>'+
68
							       '<div class="madiaInfo"><div class="mui-clearfix" style="position:relative">'+			
69
							       '<span class="h1Font urlhref" data-id='+$data[i].professor.id+'>'+ $data[i].professor.name +'</span>'+
70
							       '<em class="authicon authicon-pro"></em>'+			
71
							       '<ul class="starShow">'+					
72
								       '<li class="mui-icon iconfont icon-favor"></li>'+ 
73
								       '<li class="mui-icon iconfont icon-favor"></li>'+
74
								       '<li class="mui-icon iconfont icon-favor"></li>'+
75
								       '<li class="mui-icon iconfont icon-favor"></li>'+
76
								       '<li class="mui-icon iconfont icon-favor"></li>'+
77
							       '</ul></div>'+		
78
							       '<p class="h2Font messageContent">'+ assessContant +'</p>'+
79
							       '<span class="commenttime">'+ assessTime +'</span>'+
80
							       '</div>';
81
							document.getElementById("evaluateShow").appendChild(add);
82
							var startLeval = parseInt($data[i].assessStar);
83
							var start = add.querySelectorAll(".iconfont");
84
							console.log(JSON.stringify(startLeval))
85
							console.log(JSON.stringify(start))
86
							for(var j = 0; j < startLeval; j++) {
87
								start[j].classList.remove("icon-favor");
88
								start[j].classList.add("icon-favorfill");
89
							}
90
						}
91
					}
92
					if(pageNo < Math.ceil(response.data.total / response.data.pageSize)) {
93
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); /*能上拉*/
94
					} else {
95
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
96
					}
97
				}
98
			},
99
			error: function() {
100
				plus.nativeUI.toast("服务器链接超时", toastStyle);
101
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
102
				return;
103
			}
104
		})
105
	})
106
}

+ 179 - 21
app/js/userInforShow.js

@ -89,8 +89,6 @@ mui.plusReady(function() {
89 89
				var $data = data.data;
90 90
				document.getElementById("professorName").innerHTML = $data.name;
91 91
				document.getElementById("professor").innerHTML = $data.name;
92
				getPaper($data.name);
93
				getPatent($data.name);
94 92
				authName = $data.name;
95 93
				//基本信息
96 94
				if($data.descp) {
@ -173,10 +171,14 @@ mui.plusReady(function() {
173 171
			pId: proId
174 172
		})
175 173
	})
176
	/*资源及文章*/
177
	//获取资源
178
	getResource()
179

174
	
175
	getResource();
176
	getArticel();
177
	getPaper();
178
	getPatent();
179
	historyEvaluate();
180
	likeExperts();
181
	
180 182
	function getResource() {
181 183
		mui.ajax(baseUrl + "/ajax/resource/pqProPublish", {
182 184
			type: "GET",
@ -221,9 +223,6 @@ mui.plusReady(function() {
221 223
			}
222 224
		})
223 225
	}
224
	/*企业文章html*/
225
	getArticel();
226

227 226
	function getArticel() {
228 227
		mui.ajax(baseUrl + "/ajax/article/pqProPublish", {
229 228
			type: "GET",
@ -269,17 +268,16 @@ mui.plusReady(function() {
269 268
			}
270 269
		})
271 270
	}
272
	/*论文html*/
273
	function getPaper(oName) {
274
		mui.ajax(baseUrl + "/ajax/ppaper/byAuthor", {
271
	function getPaper() {
272
		mui.ajax(baseUrl + "/ajax/ppaper/byProfessor", {
275 273
			type: "GET",
276 274
			timeout: 10000,
277 275
			dataType: "json",
278 276
			data: {
279
				"id": proId,
280
				"author": oName
277
				"id": proId
281 278
			},
282 279
			success: function(data) {
280
				console.log(JSON.stringify(data))
283 281
				if(data.success) {
284 282
					var obj = data.data.data;
285 283
					if(obj.length > 0) {
@ -312,15 +310,13 @@ mui.plusReady(function() {
312 310
			}
313 311
		})
314 312
	}
315
	/*论文html*/
316
	function getPatent(oName) {
317
		mui.ajax(baseUrl + "/ajax/ppatent/byAuthor", {
313
	function getPatent() {
314
		mui.ajax(baseUrl + "/ajax/ppatent/byProfessor", {
318 315
			type: "GET",
319 316
			timeout: 10000,
320 317
			dataType: "json",
321 318
			data: {
322
				"id": proId,
323
				"author": oName
319
				"id": proId
324 320
			},
325 321
			success: function(data) {
326 322
				if(data.success) {
@ -332,7 +328,6 @@ mui.plusReady(function() {
332 328
							document.getElementById("seeMorePatent").classList.remove("displayNone");
333 329
						}
334 330
						for(var i = 0; i < obj.length; i++) {
335
							var li = document.createElement("li");
336 331
							var li = document.createElement("li");
337 332
							li.setAttribute("data-id", obj[i].id);
338 333
							li.className = "mui-table-view-cell";
@ -356,10 +351,152 @@ mui.plusReady(function() {
356 351
			}
357 352
		})
358 353
	}
354
	function historyEvaluate(){
355
		mui.ajax(baseUrl + "/ajax/consult/pqAssessHis", {
356
			"type": "get",
357
			"data": {
358
				"professorId": proId
359
			},
360
			"async": false,
361
			"success": function(response) {
362
				if(response.success) {
363
					var $data = response.data.data;
364
					if($data.length>0){
365
						document.getElementById("evaluateNum").innerText = response.data.total;
366
						if($data.length>2){
367
							$data.length =2;
368
							document.getElementById("seeMoreEvaluate").classList.remove("displayNone");
369
						}
370
						for(var i = 0; i < $data.length; i++) {
371
							var add = document.createElement("li");
372
							var assessTime = commenTime($data[i].assessTime);
373
							var assessContant ="";
374
							if($data[i].assessContant) {
375
								assessContant = $data[i].assessContant;
376
							}
377
							var userhed='';
378
							if($data[i].professor.hasHeadImage) {
379
								userhed = 'background-image:url('+baseUrl+'/images/head/' + $data[i].professor.id + '_l.jpg)';
380
							} else {
381
								userhed = 'background-image:url(../images/default-photo.jpg)';
382
							}
383

384
							add.className = "mui-table-view-cell flexCenter levelbox";
385
							
386
							add.innerHTML='<div class="madiaHead useHead useHeadMsg urlhref" style="'+ userhed +'" data-id='+$data[i].professor.id+'></div>'+
387
							       '<div class="madiaInfo"><div class="mui-clearfix" style="position:relative">'+			
388
							       '<span class="h1Font urlhref" data-id='+$data[i].professor.id+'>'+ $data[i].professor.name +'</span>'+
389
							       '<em class="authicon authicon-pro"></em>'+			
390
							       '<ul class="starShow">'+					
391
								       '<li class="mui-icon iconfont icon-favor"></li>'+ 
392
								       '<li class="mui-icon iconfont icon-favor"></li>'+
393
								       '<li class="mui-icon iconfont icon-favor"></li>'+
394
								       '<li class="mui-icon iconfont icon-favor"></li>'+
395
								       '<li class="mui-icon iconfont icon-favor"></li>'+
396
							       '</ul></div>'+		
397
							       '<p class="h2Font messageContent">'+ assessContant +'</p>'+
398
							       '<span class="commenttime">'+ assessTime +'</span>'+
399
							       '</div>';
400
							document.getElementById("evaluateShow").appendChild(add);
401
							var startLeval = parseInt($data[i].assessStar);
402
							var start = document.getElementsByClassName("levelbox")[i].querySelectorAll(".icon-favor");
403
							for(var j = 0; j < startLeval; j++) {
404
								start[j].classList.remove("icon-favor");
405
								start[j].classList.add("icon-favorfill");
406
							}
407
						}
408
					}else{
409
						document.getElementById("evaluateShow").parentNode.parentNode.style.display="none";	
410
					}
411
					
412
				}
413
			}
414
		})
415
	}
416
    //感兴趣
417
	function likeExperts(){
418
		mui.ajax(baseUrl + "/ajax/professor/ralateProfessors", {
419
			"type": "get",
420
			"dataType" : "json",
421
			"data" :{"professorId":proId},
422
			"success": function(data) {
423
				if(data.success && data.data) {
424
					var lengthT;
425
					if(data.data.length>5){
426
						lengthT=5;
427
					}else{
428
						lengthT=data.data.length
429
					}
430
					for(var i = 0; i < lengthT; i++) {
431
						var ExpId = data.data[i].id;
432
						likeExpertsList(ExpId);
433
					}
434
					
435
				}
436
			},
437
			"error": function() {
438
				$.MsgBox.Alert('提示', '链接服务器超时')
439
			}
440
		});
441
	}
442
	//感兴趣专家
443
	function likeExpertsList(ExpId){
444
		mui.ajax(baseUrl + "/ajax/professor/info/"+ExpId, {
445
			"type" :  "GET" ,
446
			"dataType" : "json",
447
			"success" : function(data) {
448
				if (data.success && data.data!=""){
449
					document.getElementById("likePro").parentNode.parentNode.classList.remove("displayNone");	
450
					var add = document.createElement("li");
451
					add.setAttribute("data-id",data.data.id);
452
					add.className = "mui-table-view-cell flexCenter";
453
					add.style.minHeight="68px";
454
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
455
					var imgL,otherI="";
456
					if(data.data.hasHeadImage == 1) {
457
						imgL=baseUrl+'/images/head/' + data.data.id + '_l.jpg';
458
					}else{
459
						imgL='../images/default-photo.jpg'
460
					}
461
					if(data.data.title) {
462
						if(data.data.orgName) {
463
							otherI=data.data.title +","+ data.data.orgName;
464
						}else{
465
							otherI=data.data.title;
466
						}
467
					}else{
468
						if(data.data.office) {
469
							if(data.data.orgName) {
470
								otherI=data.data.office +","+ data.data.orgName;
471
							}else{
472
								otherI=data.data.office;
473
							}
474
						}else{
475
							if(data.data.orgName) {
476
								otherI=data.data.orgName;
477
							}
478
						}
479
					}
480
					
481
					var itemlist = '<div class="madiaHead useHead" style="background-image:url('+imgL+')"></div>';
482
						itemlist += '<div class="madiaInfo">';
483
						itemlist += '<p><span class="h1Font">'+data.data.name+'</span><em class="authicon '+userType.sty+'" title="'+userType.title+'"></em></p>';
484
						itemlist += '<p class="ellipsisSty h2Font">'+otherI+'</p>';
485
						itemlist += '</div>';
486
					add.innerHTML=itemlist;
487
					document.getElementById("likePro").appendChild(add);
488
					
489
				}
490
			},
491
			"error":function(){
492
				$.MsgBox.Alert('提示','链接服务器超时')
493
			}
494
		});
495
	}
496
	
359 497
	//点赞
360 498
	var clFlag = 1;
361 499
	mui(".reserachMess").on("click", ".plusbtn", function() {
362

363 500
		if(userid && userid != null && userid != "null") {
364 501
			if(clFlag) {
365 502
				clFlag = 0;
@ -530,6 +667,21 @@ mui.plusReady(function() {
530 667
			"patentId": id
531 668
		});
532 669
	})
670
	mui("#likePro").on("tap", "li", function() {
671
		var id = this.getAttribute("data-id");
672
		plus.nativeUI.showWaiting();
673
		plus.webview.create("../html/userInforShow.html", 'userInforShow.html', {}, {
674
			"proid": id,
675
		});
676
	})
677
	mui("#evaluateShow").on("tap", ".urlhref", function() {
678
		var id = this.getAttribute("data-id");
679
		plus.nativeUI.showWaiting();
680
		plus.webview.create("../html/userInforShow.html", 'userInforShow.html', {}, {
681
			"proid": id,
682
		});
683
	})
684

533 685
	document.getElementById("seeMoreResource").addEventListener("tap", function() {
534 686
		console.log(proId)
535 687
		plus.nativeUI.showWaiting(); //显示原生等待框
@ -557,6 +709,12 @@ mui.plusReady(function() {
557 709
			proid: proId
558 710
		})
559 711
	})
712
	document.getElementById("seeMoreEvaluate").addEventListener("tap", function() {
713
		plus.nativeUI.showWaiting(); //显示原生等待框
714
		var webviewShow = plus.webview.create("../html/userEvaluate.html", 'userEvaluate.html', {}, {
715
			proid: proId
716
		})
717
	})
560 718
	window.addEventListener("newId", function(event) {
561 719
		personalMessage();
562 720
		userid = plus.storage.getItem('userid')