Browse Source

下拉刷新

xiaoai_123 8 years ago
parent
commit
e21a36201d
6 changed files with 75 additions and 180 deletions
  1. 1 1
      app/html/chatover_pro.html
  2. 21 54
      app/html/consultlist.html
  3. 3 0
      app/js/chats.js
  4. 5 6
      app/js/consultapply.js
  5. 32 115
      app/js/consultlist.js
  6. 13 4
      app/js/proinfobrow.js

+ 1 - 1
app/html/chatover_pro.html

@ -343,7 +343,7 @@
343 343
 						<div class="levelbox">
344 344
				        	<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
345 345
			        		<span class="mui-icon iconfont icon-favorfill"></span>
346
			        		<span class="mui-icon iconfont icon-favorfill"></span>
346
			        		<span class="mui-icon iconfont icon-favor"></span>
347 347
			        		<span class="mui-icon iconfont icon-favor"></span>
348 348
			        		<span class="mui-icon iconfont icon-favor"></span>
349 349
			        	</div>

+ 21 - 54
app/html/consultlist.html

@ -23,7 +23,7 @@
23 23
    <!-- 主页面内容容器 -->
24 24
    <div class="mui-content">
25 25
    	<!-- 主界面具体展示内容 -->
26
    	<div class="filterbox2">
26
    	<div class="filterbox2" style="top:45px ;left: 0;">
27 27
			<ul class="filterblock2">
28 28
				<li style="width:22%;">
29 29
					<a href="#middlePopover1"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>咨询/需求</span><em class="mui-icon mui-icon-arrowdown"></em></a>
@ -39,56 +39,23 @@
39 39
				</li>
40 40
			</ul>
41 41
		</div>
42
        <!--图文列表-->
42
        <div class="displayNone">
43
    		<!--咨询/需求-->
44
        	<input type="text" id="needval" value="0" />
45
        	<!--咨询类型-->
46
        	<input type="text" id="typeval" value="0" />
47
        	<!--咨询状态-->
48
        	<input type="text" id="stateval" value="0"/>
49
        	<!--时间排序-->
50
        	<input type="text" id="sortval" value="0" />
51
    	</div>
52
      
53
        <div id="pullrefresh" class="mui-card-content"  style="margin-top:20px; ">
54
	        <ul class="mui-table-view protable" >
55
	           
56
	        </ul>
57
        </div>
43 58
        
44
		<!--下拉刷新容器-->
45
		<!--<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
46
		  <div class="mui-scroll">
47
		    
48
		    <div class="mui-card-content conblock" style="margin-top:20px;">
49
			    <ul class="mui-table-view protable" id="listContainer">
50
					
51
			    </ul>
52
			</div>
53
		  </div>
54
		</div>-->
55
        
56
        <div class="mui-card-content conblock" style="margin-top:20px;" id="refreshContainer">
57
        	<div class="displayNone">
58
        		<!--咨询/需求-->
59
	        	<input type="text" id="needval" value="0" />
60
	        	<!--咨询类型-->
61
	        	<input type="text" id="typeval" value="" />
62
	        	<!--咨询状态-->
63
	        	<input type="text" id="stateval" value="0"/>
64
	        	<!--时间排序-->
65
	        	<input type="text" id="sortval" value="0" />
66
        	</div>
67
        	
68
        	<div class="mui-scroll">
69
		        <ul class="mui-table-view protable" id="listContainer">
70
		           <!--<li class="mui-table-view-cell mui-media">
71
		            	<div class="coutopicbox">
72
		            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
73
		            		<div class="coustatus mui-pull-right">
74
		            			<span class="aimlabel">技术</span>
75
		            			<span class="status-1">进行中</span>
76
		            		</div>
77
		            	</div>
78
		                <a class="proinfor" href="chats.html">
79
							<span class="mui-badge mui-badge-danger">45</span>
80
			                <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
81
		                    <div class="mui-media-body">
82
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>	
83
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
84
		                    	<p class="listtit3">专家姓名专家姓</p>
85
		                    </div>
86
		                </a>
87
		            </li>-->
88
		        </ul>
89
		    </div>
90
		</div>
91
		
92 59
		<div id="middlePopover1" class="mui-popover popoverbox mui-popover1" style="height: 110px;">
93 60
			<div class="mui-popover-arrow"></div>
94 61
			<div class="mui-scroll-wrapper">
@ -145,8 +112,9 @@
145 112
	
146 113
	<script src="../js/public/mui.min.js"></script>
147 114
	<script src="../js/public/base.js"></script>
148
	<script src="../js/consultlist.js"></script>
149
    <script type="text/javascript" charset="utf-8">
115
	<script src="../js/consult.js"></script>
116
	<!--<script src="../js/consultlist.js"></script>-->
117
   <!-- <script type="text/javascript" charset="utf-8">
150 118
      	mui.init({
151 119
				swipeBack: true //启用右滑关闭功能
152 120
			});
@ -157,7 +125,6 @@
157 125
			mui('body').on('hidden', '.mui-popover', function(e) {
158 126
				//console.log('hidden', e.detail.id);//detail为当前popover元素
159 127
			});
160

161
    </script>	
128
    </script>-->	
162 129
</body>
163 130
</html>

+ 3 - 0
app/js/chats.js

@ -172,6 +172,7 @@ mui.ready(function() {
172 172
					goassessFun(consultId);//进入评价页面
173 173
				} else {//取消
174 174
					oconfirm.classList.add('displayNone');
175
					ochatFooter.classList.add('displayNone');
175 176
					getHeadInfo('myNeed',consultId);
176 177
				}
177 178
			})
@ -264,6 +265,7 @@ mui.ready(function() {
264 265
	
265 266
		oconfirm.classList.add('displayNone');
266 267
		ochatFooter.classList.add('displayNone');
268
		oassessBtn.classList.add('displayNone');
267 269
		getHeadInfo('myNeed',consultId);
268 270
	});
269 271
	
@ -299,6 +301,7 @@ mui.ready(function() {
299 301
		
300 302
		var userid = plus.storage.getItem('userid');
301 303
		var self = plus.webview.currentWebview();
304
		console.log(self.id)
302 305
		var consultId = self.consultId;
303 306
		var consultantId = self.consultantId;
304 307
		

+ 5 - 6
app/js/consultapply.js

@ -142,12 +142,6 @@
142 142
 		});
143 143
 	}
144 144
 	
145
 	/*点击发送后,跳转到专家信息页面*/
146
 	function backproinfo () {
147
 		
148
 	};
149
 	
150
 	
151 145
 	
152 146
 	
153 147
   	mui.plusReady(function () {
@ -162,8 +156,13 @@
162 156
   	    /*发送保存咨询*/
163 157
   	   	osaveconsultBtn.addEventListener('tap',function() {
164 158
			saveconsult(proId,userid);
159
			/*返回专家信息*/
160
			var proinfo = plus.webview.getWebviewById('proinforbrow.html');
161
			proinfo.show();
162
			mui.fire(proinfo,'backproinfo',{proId:proId}); 
165 163
166 164
		});
165
		
167 166
   	    
168 167
   	    
169 168
   	    

+ 32 - 115
app/js/consultlist.js

@ -15,23 +15,22 @@ mui.ready(function() {
15 15
	mui.plusReady(function(){
16 16
		
17 17
		var userid = plus.storage.getItem('userid');
18

19
		allData(userid,0,'',0,0);//默认加载
20
		
18 21
		
19
		var list = allData(userid,0,'',0,0);//默认加载
20
//		console.log(list);
21
		listContainer.innerHTML = list;
22 22
		
23
		console.log(oneedval.value +otypeval.value +ostateval.value+osortval.value);
24 23
		
25 24
		/*全部的咨询列表*/
26 25
		function allData(userid,consultOrNeed,consultType,status,timeType) {
27
			var allStr;
26
			
28 27
			var params = {
29 28
					"professorId":userid, //专家ID
30 29
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
31 30
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
32 31
				    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
33 32
				    "timeType":timeType, //排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
34
				    "pageSize":10, //每页记录数 默认为5
33
				    "pageSize":5, //每页记录数 默认为5
35 34
				    "pageNo":pageIndex //当前页码 默认为1
36 35
			    };
37 36
			mui.ajax(baseUrl +'/ajax/consult/pq',{
@ -42,97 +41,49 @@ mui.ready(function() {
42 41
				timeout:10000,//超时时间设置为10秒;
43 42
				success:function(data){
44 43
					if(data.success){
44
						var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
45
						/*listContainer.innerHTML = '';*/
46
						if(pageIndex == 1) { //下拉刷新需要先清空数据
47
							listContainer.innerHTML = ''; // 在这里清空可以防止刷新时白屏
48
						}
45 49
						var myData = data.data.data;
46
						allStr = handleData(userid,myData,'all');
47
						
50
						var allStr = handleData(userid,myData,'all');
51
						if(allStr){
52
							nwaiting.close();
53
						}
54
						listContainer.innerHTML = allStr;
48 55
					}
49 56
				},
50 57
				error:function(xhr,type,errorThrown){
51
					
58
					mui.toast('加载失败');
52 59
				}
53 60
			});
54 61
			
55
			return allStr;
62

56 63
		};
57 64
		
58 65
		
59
		//下拉加载获得更多数据
60
		function getMoreData() {
61
			var allstr;
62
			mui.ajax(baseUrl+'/ajax/consult/pq',{
63
				data:{
64
					"professorId":userid, //专家ID
65
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
66
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
67
				    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
68
				    "timeType":timeType, //排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
69
				    "pageSize":10, //每页记录数 默认为5
70
				    "pageNo":pageIndex //当前页码 默认为1
71
				},
72
				dataType:'json',//服务器返回json格式数据
73
				type:'get',//HTTP请求类型
74
				timeout:10000,//超时时间设置为10秒;
75
				success:function(data){
76
					if(data.success) {
77
						var myData = data.data.data;
78
						var alltotal = data.data.total;//总条数
79
						var pagesize = data.data.pageSize; //每页条数
80
						var allpages = Math.ceil(alltotal / pagesize);//总页数
81
						allStr = handleData(userid,myData,'all');
82
						console.log(allpages);
83
						console.log(alltotal);
84
						
85
						if(pageIndex == 1) { //下拉刷新需要先清空数据
86
							listContainer.innerHTML = ''; // 在这里清空可以防止刷新时白屏
87
						}
88
						
89
						if(pageIndex < allPages) {
90
							
91
							mui('#refreshContainer').pullRefresh().endPullupToRefresh(false); /*能上拉*/
92
						} else {
93
							
94
							mui('#refreshContainer').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
95
						}
96
						
97
						
98
						
99
					}
100
					
101
				},
102
				error:function(xhr,type,errorThrown){
103
					plus.nativeUI.toast("服务器链接超时", toastStyle);
104
					mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
105
				}
106
			});
107
		}
108
		
109
		
110
		
111
		
112
		
113
		
114
		
115
		
116
		/*mui.init({
66
		mui.init({
117 67
			pullRefresh : {
118
			    container:"#refreshContainer",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
119
			    down : {
120
			      height:50,//可选,默认50.触发下拉刷新拖动距离,
121
			      auto: true,//可选,默认false.自动下拉刷新一次
122
			      contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
123
			      contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
124
			      contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
125
			      callback :allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value) //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
68
			    container:'#refreshContainer',
69
			    up : {
70
			    	auto:true,//可选,默认false.自动上拉加载一次
71
			    	contentrefresh : "正在加载...",
72
			    	callback :pullfresh
126 73
			    }
127 74
			}
128 75
		});
129 76
		
130
		function pullupRefresh() {
77
		function pullfresh() {
78
			console.log('pullupRefresh');
131 79
			pageIndex = ++pageIndex;
80
			
81
			console.log(oneedval.value+otypeval.value+ostateval.value+osortval.value);
132 82
			setTimeout(function() {
133 83
				allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);
134 84
			}, 1000);
135
		};*/
85
			this.endPullupToRefresh(true|false);
86
		};
136 87
		
137 88
		
138 89
		
@ -141,7 +92,6 @@ mui.ready(function() {
141 92
		function checkedFun(i){
142 93
			
143 94
			mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
144
				
145 95
				document.getElementById("headck"+i).innerHTML = this.innerHTML;
146 96
				var value = this.getAttribute("ck"+i);
147 97
				document.getElementById("headck"+i).setAttribute('headck',value);
@ -154,15 +104,13 @@ mui.ready(function() {
154 104
					consultType = document.getElementById("headck2").innerHTML;
155 105
					
156 106
				}
107
				
157 108
				//去掉样式类mui-active,要不然会多点击一次
158 109
				oneedval.value = document.getElementById("headck1").getAttribute('headck');
159 110
				otypeval.value = consultType;
160 111
				ostateval.value = document.getElementById("headck3").getAttribute('headck');
161 112
				osortval.value = document.getElementById("headck4").getAttribute('headck');
162 113
				
163
				
164
	//				console.log(oneedval.value +otypeval.value +ostateval.value+osortval.value)
165
				
166 114
				/*allData(userid,consultOrNeed,consultType,status,timeType)
167 115
				 * userid:专家id
168 116
				 * consultOrNeed:接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
@ -171,9 +119,7 @@ mui.ready(function() {
171 119
				 * timeType:排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
172 120
				 */
173 121
				/*var listdata = allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);*/
174
				var listdata = allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);
175
				listContainer.innerHTML = '';
176
				listContainer.innerHTML = listdata;
122
				allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);
177 123
			});
178 124
			
179 125
		};
@ -315,7 +261,6 @@ mui.ready(function() {
315 261
						lastReplyTimeData = data["data"]["createTime"];
316 262
						lastReplyTime =lastReplyTimeData.substr(0,4) + "-" + lastReplyTimeData.substr(4,2) + "-" + lastReplyTimeData.substr(6,2) + " " + lastReplyTimeData.substr(8,2)+ ":" +lastReplyTimeData.substr(10,2);
317 263
						lastReplyCon = data["data"]["tidingsContant"];
318
						/*console.log(lastReplyTime);*/
319 264
					}
320 265
				},
321 266
				error:function(xhr,type,errorThrown){
@ -344,8 +289,7 @@ mui.ready(function() {
344 289
					if(unreadCount == 0){
345 290
						style = "display:none;"
346 291
					}else{
347
						style = "display:block;"
348
						
292
						style = "display:block;"	
349 293
					}
350 294
				},
351 295
				error:function(xhr,type,errorThrown){
@ -358,33 +302,6 @@ mui.ready(function() {
358 302
			}
359 303
		};
360 304
		
361
		
362
		
363
		
364
		
365
		
366
		
367
		
368
		
369
		
370
		
371
		
372
		
373
		
374
		
375
		
376
		
377
		
378
		
379
		
380
		
381

382
		
383
		
384
		
385
		
386
		
387
		
388 305
		//打开新页面
389 306
		mui("#listContainer").on('tap','.itemBtn',function(){
390 307
			/*console.log(this.getAttribute("consultId"));

+ 13 - 4
app/js/proinfobrow.js

@ -2,20 +2,29 @@ mui.ready(function() {
2 2
	
3 3
	var ozixun = document.getElementById("zixun");
4 4
	
5
	
5 6
	mui.plusReady(function(){
6 7
		var userid = plus.storage.getItem('userid');
7 8
		var self = plus.webview.currentWebview();
8
		var proId = JSON.parse(self.id).proid;
9

10
		/*点击咨询*/
9
		var proId = self.proid;
10
		console.log(proId);
11
		/*点击咨询,切换到咨询页*/
11 12
		ozixun.addEventListener('tap',function() {
12 13
			mui.openWindow({
13 14
			    url:'consultapply.html',
14 15
			    id:'consultapply.html',
15 16
			    extras:{'proId':proId}
16 17
			});
17
			
18 18
		});
19 19
		
20
		/*咨询成功,返回专家信息*/
21
		window.addEventListener('backproinfo',function(event){
22
			var proid = event.detail.proId;
23
			console.log(proid);
24
			ozixun.classList.add('displayNone');
25
		});
26
		
27
		
28
		
20 29
	});
21 30
})