Browse Source

1.咨询列表和咨询申请,专家认证的修改
2.咨询列表下拉刷新,样式修改

dell 8 years ago
parent
commit
3fe4e0a7fc
4 changed files with 234 additions and 136 deletions
  1. 3 2
      app/html/consultapply.html
  2. 40 32
      app/html/consultlist.html
  3. 90 28
      app/js/consult.js
  4. 101 74
      app/js/consultapply.js

+ 3 - 2
app/html/consultapply.html

@ -23,8 +23,9 @@
23 23
						<a class="proinfor" href="javascript:;">
24 24
							<img class="mui-pull-left headimg2 headRadius" src="../images/default-photo.jpg" id="proimg">
25 25
							<div class="mui-pull-left infobasic">
26
								<span class="listtit" id='proname'>
27
		                        	
26
								<span class="listtit">
27
									<span id='proname'></span>
28
		                        	<em class="mui-icon iconfont" id="nameli"></em>
28 29
		                        	<!--<em id='promodify' class="mui-icon iconfont icon-vip unauthicon" style="font-size: 16px;">
29 30
		                        	</em>-->
30 31
		                        </span>

+ 40 - 32
app/html/consultlist.html

@ -86,7 +86,7 @@
86 86
			}
87 87
			.mui-pull-top-tips {
88 88
				position: absolute;
89
				top: -20px;
89
				top: 20px;
90 90
				left: 50%;
91 91
				margin-left: -25px;
92 92
				width: 40px;
@ -95,7 +95,7 @@
95 95
				z-index: 1;
96 96
			}
97 97
			.mui-bar~.mui-pull-top-tips {
98
				top: 24px;
98
				top: 64px;
99 99
			}
100 100
			.mui-pull-top-wrapper {
101 101
				width: 42px;
@ -201,7 +201,8 @@
201 201
						<div class="mui-scroll">
202 202
							<ul class="mui-table-view" id="table">
203 203
								
204
								 
204
								
205
								
205 206
							</ul>
206 207
						</div>
207 208
					</div>
@ -211,12 +212,7 @@
211 212
		</div>
212 213
		
213 214
		
214
		
215
		
216
		
217
		
218
		
219
		
215
	
220 216
       	
221 217
       	<div id="middlePopover1" class="mui-popover popoverbox mui-popover1" style="height: 110px;">
222 218
			<div class="mui-popover-arrow"></div>
@ -303,29 +299,42 @@
303 299
		  	
304 300
		    <ul class="mui-table-view protable" id="table">
305 301
		    	
306
		    <li class="mui-table-view-cell mui-media">
302
		   		<li class="mui-table-view-cell mui-media">
307 303
308
				<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
309
					<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
310
						<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
311
				</div>
312
				<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
313
					<span class="mui-badge mui-badge-danger readstate '+unreadStyle+'" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
314
					<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
315
					<div class="mui-media-body">
316
						<span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>
317
						<p class="listtit2">
318
							<span>'+item["professor"]["title"]+'</span>
319
							<span>'+item["professor"]["office"]+'</span>
320
							<span>'+item["professor"]["orgName"]+'</span>
321
							<span>  | '+item["professor"]["address"]+'</span>
322
			
323
						</p>
324
						<p class="listtit3 onlyone">'+lastReplyCon+'</p>
304
					<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
305
						<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
306
							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
325 307
					</div>
326
				</a>
327
			
328
			</li>
308
					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
309
						<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
310
						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
311
						<div class="mui-media-body">
312
							<span class="listtit">高兴
313
					            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
314
					            <span class="thistime">样式1</span>
315
				
316
								<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
317
								<span class="thistime">样式2</span>
318
					
319
								<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
320
								<span class="thistime">样式3'</span>
321
					
322
								<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
323
								<span class="thistime">样式4</span>
324
				
325
							</span>
326
							<p class="listtit2">
327
								<span>'+item["professor"]["title"]+'</span>
328
				
329
								<span>'+item["professor"]["office"]+'</span>
330
								<span>'+item["professor"]["orgName"]+'</span>
331
								<span>  | '+item["professor"]["address"]+'</span>
332
							</p>
333
							<p class="listtit3 onlyone">'+lastReplyCon+'</p>
334
						</div>
335
					</a>
336
				
337
				</li>
329 338
		      
330 339
		      
331 340
		      
@ -368,8 +377,7 @@
368 377
	   		}else {
369 378
	   			content2.style.display = 'none';
370 379
	   		}
371
	   		
372
	   		
380
373 381
	   	});
374 382
    </script>
375 383
</body>

+ 90 - 28
app/js/consult.js

@ -21,7 +21,7 @@ var osortval = document.getElementById("sortval");//时间排序
21 21
	console.log('点击咨询')
22 22
	islogin();
23 23
	//初始化数据
24
	pulldownRefresh();
24
	initData();
25 25
});*/
26 26
27 27
//显示数据还是登录
@ -48,8 +48,8 @@ window.addEventListener('logined', function(event) {
48 48
	var userId = event.detail.id; 
49 49
	content1.style.display = 'block';
50 50
	content2.style.display = 'none';
51
//	initdata();
52
	pulldownRefresh();
51
	
52
	initData();
53 53
	
54 54
	if(plus.nativeUI.showWaiting()){
55 55
		
@ -102,15 +102,12 @@ window.addEventListener('clickconbtn', function(event) {
102 102
	console.log(consultBtn);
103 103
	console.log('点击咨询');
104 104
	islogin();
105
	pulldownRefresh();
105
	
106
	initData();
106 107
});
107 108
108
109
110
111
112 109
/*初始化数据*/
113
pulldownRefresh();
110
initData();
114 111
115 112
//数据滚动
116 113
mui('.mui-scroll-wrapper').scroll({
@ -121,12 +118,14 @@ mui('.mui-scroll-wrapper').scroll({
121 118
122 119
//筛选条件不动,下拉刷新
123 120
mui.ready(function(){
121
	
124 122
	mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
125 123
		
126 124
		mui(pullRefreshEl).pullToRefresh({
127 125
			down: {
128 126
				callback: function() {
129 127
					var self = this;
128
					
130 129
					setTimeout(function() {
131 130
						
132 131
						pulldownRefresh();//下拉刷新
@ -141,16 +140,49 @@ mui.ready(function(){
141 140
});
142 141
143 142
143
//初始化数据
144
function initData(){
145
	mui.plusReady(function() { 
146
		var userid = plus.storage.getItem('userid');
147
		
148
		mui.ajax(baseUrl + '/ajax/consult/pq',{
149
			data:{
150
				"professorId":userid,
151
			    "consultOrNeed":oneedval.value , 
152
			    "consultType":otypeval.value, 
153
			    "status":ostateval.value, 
154
			    "timeType":osortval.value, 
155
			    "pageSize":200, 
156
			    "pageNo":1 
157
			},
158
			dataType:'json',//服务器返回json格式数据
159
			type:'get',//HTTP请求类型
160
			timeout:10000,//超时时间设置为10秒;
161
			success:function(data){
162
				if (data.success) {
163
					
164
                	table.innerHTML = '';//下拉刷新,清空数据
165
                	var datalist = data.data.data;
166
					eachData(userid,datalist);
167
					
168
				};
169
				
170
			},
171
			error:function(xhr,type,errorThrown){
172
				mui.toast('网络异常,请稍候再试'); 
173
				
174
			}
175
		});
176
	});
177
}
178
144 179
145 180
146 181
/*下拉刷新*/
147 182
function pulldownRefresh(){
148
	console.log('下拉刷新');
183
	
149 184
	mui.plusReady(function() { 
150 185
		var userid = plus.storage.getItem('userid');
151
//		var waitingDialog = plus.nativeUI.showWaiting("加载中");
152
		
153
		plus.nativeUI.showWaiting();
154 186
		
155 187
		pageIndex = 1;
156 188
		mui.ajax(baseUrl + '/ajax/consult/pq',{
@ -163,6 +195,7 @@ function pulldownRefresh(){
163 195
			    "pageSize":200, 
164 196
			    "pageNo":1 
165 197
			},
198
			async:false,
166 199
			dataType:'json',//服务器返回json格式数据
167 200
			type:'get',//HTTP请求类型
168 201
			timeout:10000,//超时时间设置为10秒;
@ -173,8 +206,7 @@ function pulldownRefresh(){
173 206
                    	table.innerHTML = '';//下拉刷新,清空数据
174 207
                    	var datalist = data.data.data;
175 208
						eachData(userid,datalist);
176
//              		waitingDialog.close(); 
177
                		plus.nativeUI.closeWaiting();
209
						
178 210
                    }
179 211
					
180 212
				};
@ -182,20 +214,14 @@ function pulldownRefresh(){
182 214
			},
183 215
			error:function(xhr,type,errorThrown){
184 216
				mui.toast('网络异常,请稍候再试'); 
185
//      		waitingDialog.close(); 
186
				plus.nativeUI.closeWaiting();
217
				
187 218
			}
188 219
		});
189 220
	});
221
	
190 222
}
191 223
192 224
193
194
 
195
196
197
198
199 225
//判断对方是否有聊天内容,加回复:。。。
200 226
function isChat(consultId,userid) {
201 227
	var length = 0;
@ -314,6 +340,8 @@ function eachData(userid,datalist) {
314 340
			consultType,
315 341
			chatlength;
316 342
		
343
		var modifyaddEle = '';
344
		
317 345
		//过滤professor为空
318 346
		if(item["professor"]){
319 347
			
@ -331,7 +359,7 @@ function eachData(userid,datalist) {
331 359
					statusStyle = 'status-1';
332 360
				}else if(item["consultStatus"] == 1){
333 361
					status = "已完成";
334
					statusStyle = 'statu s-3';
362
					statusStyle = 'status-3';
335 363
				}
336 364
			}else if(item['consultantId'] == userid){//我的需求
337 365
				if(item["consultStatus"] == 0){
@ -348,8 +376,43 @@ function eachData(userid,datalist) {
348 376
				}
349 377
			};
350 378
			
379
			//认证
380
			if(item["professor"].authType) {
381
//				nameli.classList.add('icon-vip');
382
//				nameli.classList.add('authicon-cu');
383
				proModify = 'icon-vip authicon-cu';
384
			} else {
385
				if(item["professor"].authStatus) {
386
					if(item["professor"].authentication == 1) {
387
//						nameli.classList.add('icon-renzheng');
388
//						nameli.classList.add('authicon-mana');
389
//						nameli.innerHTML = "<span>科研</span>";
390
						
391
						proModify = 'icon-renzheng authicon-mana';
392
						modifyaddEle = "<span >科研</span>";
393
						
394
						
395
					} else if(item["professor"].authentication == 2) {
396
//						nameli.classList.add('icon-renzheng');
397
//						nameli.classList.add('authicon-staff');
398
//						nameli.innerHTML = "<span>企业</span>";
399
						
400
						proModify = 'icon-renzheng authicon-staff';
401
						modifyaddEle = "<span>企业</span>";
402
						
403
					} else {
404
//						nameli.classList.add('icon-renzheng');
405
//						nameli.classList.add('authicon-stu');
406
//						nameli.innerHTML = "<span>学生</span>";
407
						
408
						proModify = 'icon-renzheng authicon-stu';
409
						modifyaddEle = "<span>学生</span>";
410
						
411
					}
412
				}
413
			}
414
//			(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
351 415
			
352
			(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
353 416
			(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg":photoUrl = baseUrl + "/images/head/" + item["professor"].id + "_m.jpg";
354 417
			
355 418
			//咨询类型,只取两个字
@ -382,7 +445,7 @@ function eachData(userid,datalist) {
382 445
						+ '<span class="mui-badge mui-badge-danger readstate '+unreadStyle+'" consultId="'+item["consultId"]+'">'+unreadCount+'</span>'
383 446
		        		+ '<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">'
384 447
	            		+ '<div class="mui-media-body">'
385
	            		+ '<span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>';
448
	            		+ '<span class="listtit">'+item["professor"]["name"]+'<em id="nameli" class="mui-icon iconfont '+proModify+'">'+modifyaddEle+'</em><span class="thistime">'+lastReplyTime+'</span></span>';
386 449
	        str += '<p class="listtit2">';
387 450
	        if(item["professor"]["title"]){
388 451
	        	str += '<span>'+item["professor"]["title"]+'</span>, ';
@ -498,8 +561,7 @@ function checkedFun(i){
498 561
		ostateval.value = document.getElementById("headck3").getAttribute('headck');
499 562
		osortval.value = document.getElementById("headck4").getAttribute('headck');
500 563
		
501
//		initdata();
502
		pulldownRefresh();
564
		 initData();
503 565
		
504 566
		mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
505 567
		plus.nativeUI.closeWaiting();//关闭等待框

+ 101 - 74
app/js/consultapply.js

@ -15,6 +15,8 @@
15 15
 	var oconsultcount = document.getElementById("consultcount");//咨询次数
16 16
 	var ostarContainer = document.getElementById("starContainer");//星级容器
17 17
 	var ofinished = document.getElementById("finished");//点击完成咨询,进入合作历史评价
18
 	var nameli = document.getElementById("nameli");//认证
19
 	
18 20
 	
19 21
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询,发送按钮
20 22
 	
@ -70,82 +72,107 @@
70 72
 			type:'get',//HTTP请求类型
71 73
 			timeout:10000,//超时时间设置为10秒;
72 74
 			success:function(data){
73
 				var myData = data["data"];
74
 				if(myData["name"] == null || myData["name"] == undefined ) {
75
 					oproname.innerText = '';
76
 				}else {
77
 					oproname.innerText = myData["name"];//专家名字
78
 				}
79
 				if(myData["title"] == null || myData["title"] == undefined ) {
80
 					oprotitle.innerHTML = '';
81
 				}else {
82
 					if(myData["office"]){
83
 						oprotitle.innerHTML = myData["title"]+',';//职称
84
 					}else {
85
 						oprotitle.innerHTML = myData["title"]
86
 					}
75
 				if(data.success){
76
 					var myData = data["data"];
87 77
 					
88
 				};
89
 				if(myData["office"] == null || myData["office"] == undefined ) {
90
 					oprooffice.innerHTML = '';
91
 				}else {
92
 					oprooffice.innerHTML = myData["office"];//职位
93
 				};
94
 				if(myData["department"] == null || myData["department"] == undefined ) {
95
 					oprodepart.innerHTML = '';
96
 				}else {
97
 					if(myData["orgName"]){
98
 						oprodepart.innerHTML = myData["department"]+',';//所在部门
99
 					}else {
100
 						oprodepart.innerHTML = myData["department"];
101
 					}
102
 				}
103
 				if(myData["orgName"] == null || myData["orgName"] == undefined ) {
104
 					oproorgName.innerHTML = '';
105
 				}else {
106
 					oproorgName.innerHTML = myData["orgName"];//所在机构
107
 				}
108
 				if(myData["address"] == null || myData["address"] == undefined ) {
109
 					oproadress.innerHTML = '';
110
 				}else {
111
 					oproadress.innerHTML = ' | '+myData["address"];//所在地
112
 				}
113
 				if(myData["consultCount"] == null || myData["consultCount"] == undefined ) {
114
 					myData["consultCount"] = 0;
115
 				}else {
116
 					oconsultcount.innerHTML =  myData["consultCount"];//咨询次数
117
 				};
118
 				
119
 				var emele = document.createElement("em");
120
 				emele.setAttribute('class','mui-icon iconfont icon-vip');
121
 				
122
 				/*是否认证*/
123
 				if(myData["authentication"] == true){
124
					emele.classList.add('authicon');
78
 					console.log(JSON.stringify(myData))
79
 					
80
	 				if(myData["name"]){
81
	 					oproname.innerText = myData["name"];//专家名字
82
	 				};
83
	 				if(myData["title"]){
84
	 					oprotitle.innerHTML = myData["title"]+', ';//职称
85
	 				}
86
	 				if(myData["office"]){
87
	 					oprooffice.innerHTML = myData["office"]+', ';//职位
88
	 				}
89
	 				if(myData["department"]){
90
	 					oprodepart.innerHTML = myData["department"]+', ';//所在部门
91
	 				}
92
	 				if(myData["orgName"]){
93
	 					oproorgName.innerHTML = myData["orgName"];//所在机构
94
	 				}
95
	 				if(myData["address"]){
96
	 					oproadress.innerHTML = ' | '+myData["address"];//所在
97
	 				}
98
	 				
99
	 				if(myData["consultCount"] == null || myData["consultCount"] == undefined ) {
100
	 					myData["consultCount"] = 0;
101
	 				}else {
102
	 					oconsultcount.innerHTML =  myData["consultCount"];//咨询次数
103
	 				};
104
	 				
105
106
	 				
107
	 				/*是否认证*/
108
	 				/*
109
	 				var emele = document.createElement("em");
110
	 				emele.setAttribute('class','mui-icon iconfont icon-vip');
111
	 				if(myData["authentication"] == true){
112
						emele.classList.add('authicon');
113
						
114
					}else if(myData["authentication"] == false){
115
						emele.classList.add('unauthicon');
116
					}
117
					oproname.appendChild(emele);*/
125 118
					
126
				}else if(myData["authentication"] == false){
127
					emele.classList.add('unauthicon');
128
				}
129
				oproname.appendChild(emele);
130
				
131
				
132
				/*专家头像*/
133
				if(myData["hasHeadImage"] == 0) {
134
					oproimg.setAttribute('src','../images/default-photo.jpg');
135
				}else {
136
					oproimg.setAttribute('src',baseUrl+'/images/head/'+myData['id']+'_m.jpg');
137
				}
138
 				
139
 				/*星级*/
140
 				var starLevel = myData['starLevel'];
141
 				var starlist = ostarContainer.children;
142
 				for(var i = 0; i < starLevel; i++) {
143
					starlist[i].classList.remove('icon-favor');
144
	  				starlist[i].classList.add('icon-favorfill');
145
				}
146
 				
147
 				plus.nativeUI.closeWaiting();
148
				plus.webview.currentWebview().show("slide-in-right",150);
119
					if(myData.authType) {
120
						nameli.classList.add('icon-vip');
121
						nameli.classList.add('authicon-cu');
122
					} else {
123
						if(myData.authStatus) {
124
							if(myData.authentication == 1) {
125
								nameli.classList.add('icon-renzheng');
126
								nameli.classList.add('authicon-mana');
127
								nameli.innerHTML = "<span>科研</span>";
128
							} else if(myData.authentication == 2) {
129
								nameli.classList.add('icon-renzheng');
130
								nameli.classList.add('authicon-staff');
131
								nameli.innerHTML = "<span>企业</span>";
132
							} else {
133
								nameli.classList.add('icon-renzheng');
134
								nameli.classList.add('authicon-stu');
135
								nameli.innerHTML = "<span>学生</span>";
136
							}
137
						}
138
					}
139
					
140
					
141
					
142
					
143
					
144
					
145
					
146
					
147
					
148
					/*专家头像*/
149
					if(myData["hasHeadImage"] == 0) {
150
						oproimg.setAttribute('src','../images/default-photo.jpg');
151
					}else {
152
						oproimg.setAttribute('src',baseUrl+'/images/head/'+myData['id']+'_m.jpg');
153
					}
154
	 				
155
	 				/*星级*/
156
	 				var starLevel = myData['starLevel'];
157
	 				var starlist = ostarContainer.children;
158
	 				for(var i = 0; i < starLevel; i++) {
159
						starlist[i].classList.remove('icon-favor');
160
		  				starlist[i].classList.add('icon-favorfill');
161
					}
162
	 				
163
	 				plus.nativeUI.closeWaiting();
164
					plus.webview.currentWebview().show("slide-in-right",150);
165
 					
166
 					
167
 					
168
 					
169
 					
170
 					
171
 					
172
 					
173
 					
174
 					
175
 				}
149 176
 				
150 177
 			},
151 178
 			error:function(xhr,type,errorThrown){