Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 169 Releases 0 Wiki
Browse Source

咨询过滤条件样式

wangaidan 8 years ago
parent
d4e3b25ada
commit
a137b7b46f
2 changed files with 139 additions and 132 deletions
Split View Show Diff Stats
  1. 109 104
      app/html/consultlist.html
  2. 30 28
      app/js/consult.js

+ 109 - 104
app/html/consultlist.html
View File 

@ -23,6 +23,11 @@
23 23 
    	.filterbox2.filterdiv {
24 24 
    		z-index: 9;
25 25 
    	}
26 
    	/*筛选条件样式*/
27 
    #sliderSegmentedControl .mui-control-item.filteritem {
28 
     	padding: 0;
29 
     	color: #333;
30 
    }
26 31
27 32 
    	/*写有下拉刷新,正在刷新的div*/
28 33 
    	/*#zixunpullrefresh .mui-pull-top-pocket {
 
@ -176,39 +181,39 @@
176 181 
    <div class="mui-content" id="logined">
177 182 
    	<!-- 主界面具体展示内容 -->
178 183
179 
		<div id="slider" class="mui-slider mui-fullscreen">
180 
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
181 
				<div class="mui-scroll">
182 
					<a  href="#middlePopover1"  class="mui-control-item">
183 
						<span id="headck1" headck='0'>咨询/需求</span>
184 
					</a>
185 
					<a  href="#middlePopover2"  class="mui-control-item">
186 
						<span id="headck2" headck='0'>咨询类型</span>
187 
					</a>
188 
					<a  href="#middlePopover3"  class="mui-control-item">
189 
						<span id="headck3" headck='0'>咨询状态</span>
190 
					</a>
191 
					<a href="#middlePopover4"  class="mui-control-item" >
192 
						<span id="headck4" headck='1'>按最后回复排序</span>
193 
					</a>
194
195 
				</div>
196 
			</div>
197
198 
			<div class="mui-slider-group">
199 
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
200 
					<div id="zixunpullrefresh" class="mui-scroll-wrapper">
201 
						<div class="mui-scroll">
202 
							<ul class="mui-table-view" id="table">
203
204
205
206 
							</ul>
207 
						</div>
208 
					</div>
209 
				</div>
210 
			</div>
211
184 
		<div id="slider" class="mui-slider mui-fullscreen">
185 
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
186 
				<div class="mui-scroll" style="width: 100%; font-size: 13px;">
187 
					<a style="width: 22%;" href="#middlePopover1"  class="mui-control-item filteritem">
188 
						<span id="headck1" headck='0'>咨询/需求</span>
189 
					</a>
190 
					<a style="width: 22%;"  href="#middlePopover2"  class="mui-control-item filteritem">
191 
						<span id="headck2" headck='0'>咨询类型</span>
192 
					</a>
193 
					<a style="width: 22%;"  href="#middlePopover3"  class="mui-control-item filteritem">
194 
						<span id="headck3" headck='0'>咨询状态</span>
195 
					</a>
196 
					<a style="width: 34%;" href="#middlePopover4"  class="mui-control-item filteritem" >
197 
						<span id="headck4" headck='1'>按最后回复排序</span>
198 
					</a>
199
200 
				</div>
201 
			</div>
202
203 
			<div class="mui-slider-group">
204 
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
205 
					<div id="zixunpullrefresh" class="mui-scroll-wrapper">
206 
						<div class="mui-scroll">
207 
							<ul class="mui-table-view" id="table">
208
209
210
211 
							</ul>
212 
						</div>
213 
					</div>
214 
				</div>
215 
			</div>
216
212 217 
		</div>
213 218
214 219 
		
@ -274,77 +279,77 @@
274 279 
        <!--下拉刷新容器-->
275 280 
       	<!-- 在谷歌浏览器中OK，在模拟器和手机端不OK-->
276 281
277 
       	<!--<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
278 
			<ul class="filterblock2">
279 
				<li style="width:22%;">
280 
					<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>
281 
				</li>
282 
				<li style="width:22%;">
283 
					<a href="#middlePopover2"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>咨询类型</span><em class="mui-icon mui-icon-arrowdown"></em></a>
284 
				</li>
285 
				<li style="width:22%;">
286 
					<a href="#middlePopover3"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>咨询状态</span><em class="mui-icon mui-icon-arrowdown"></em></a>
287 
				</li>
288 
				<li style="width:34%;">
289 
					<a href="#middlePopover4"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='1'>按最后回复排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
290 
				</li>
291 
			</ul>
292 
		</div>
293
294
295
296 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
297
298 
		  	<div class="mui-scroll">
299
300 
		    <ul class="mui-table-view protable" id="table">
301
302 
		   		<li class="mui-table-view-cell mui-media">
303
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>
307 
					</div>
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>
338
339
340
341
342
343 
		    </ul>
344 
		  </div>
345 
		</div>-->
346
347 
    </div>
282 
       	<!--<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
283 
			<ul class="filterblock2">
284 
				<li style="width:22%;">
285 
					<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>
286 
				</li>
287 
				<li style="width:22%;">
288 
					<a href="#middlePopover2"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>咨询类型</span><em class="mui-icon mui-icon-arrowdown"></em></a>
289 
				</li>
290 
				<li style="width:22%;">
291 
					<a href="#middlePopover3"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>咨询状态</span><em class="mui-icon mui-icon-arrowdown"></em></a>
292 
				</li>
293 
				<li style="width:34%;">
294 
					<a href="#middlePopover4"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='1'>按最后回复排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
295 
				</li>
296 
			</ul>
297 
		</div>
298
299
300
301 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
302
303 
		  	<div class="mui-scroll">
304
305 
		    <ul class="mui-table-view protable" id="table">
306
307 
		   		<li class="mui-table-view-cell mui-media">
308
309 
					<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
310 
						<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
311 
							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
312 
					</div>
313 
					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
314 
						<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
315 
						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
316 
						<div class="mui-media-body">
317 
							<span class="listtit">高兴
318 
					            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
319 
					            <span class="thistime">样式1</span>
320
321 
								<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
322 
								<span class="thistime">样式2</span>
323
324 
								<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
325 
								<span class="thistime">样式3'</span>
326
327 
								<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
328 
								<span class="thistime">样式4</span>
329
330 
							</span>
331 
							<p class="listtit2">
332 
								<span>'+item["professor"]["title"]+'</span>
333
334 
								<span>'+item["professor"]["office"]+'</span>
335 
								<span>'+item["professor"]["orgName"]+'</span>
336 
								<span>  | '+item["professor"]["address"]+'</span>
337 
							</p>
338 
							<p class="listtit3 onlyone">'+lastReplyCon+'</p>
339 
						</div>
340 
					</a>
341
342 
				</li>
343
344
345
346
347
348 
		    </ul>
349 
		  </div>
350 
		</div>
351
352 
    </div>-->
348 353
349 354 
	<!--未登录或者未注册时咨询主页面-->
350 355 
	<div class="mui-content" id="unlogin">

+ 30 - 28
app/js/consult.js
View File 

@ -537,36 +537,38 @@ function unreadConsultFn (senderId,consultId,i){
537 537
538 538 
//点击选择
539 539 
function checkedFun(i){
540 
	mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
541 
		allPages = 1;
542 
		pageIndex = 1;
543 
		plus.nativeUI.showWaiting(); //显示等待框
544 
		document.getElementById("headck"+i).innerHTML = this.innerHTML;
545 
		var value = this.getAttribute("ck"+i);
546 
		document.getElementById("headck"+i).setAttribute('headck',value);
547 
		document.querySelector('.mui-backdrop').style.display = 'none';
548 
		document.getElementById("middlePopover"+i).style.display = 'none';
549
550 
		//去掉样式类mui-active,要不然会多点击一次
551 
		document.getElementById("middlePopover"+i).classList.remove('mui-active');
552
553 
		//咨询类型传值不同，传""(空)，技术咨询、资源咨询、其他事务
554 
		otypeval.value = document.getElementById("headck2").getAttribute('headck');
555 
		if(otypeval.value == 0) {
556 
			otypeval.value = '';
557 
		}else {
558 
			otypeval.value = document.getElementById("headck2").innerHTML;
559 
		}
560 
		oneedval.value = document.getElementById("headck1").getAttribute('headck');
561 
		ostateval.value = document.getElementById("headck3").getAttribute('headck');
562 
		osortval.value = document.getElementById("headck4").getAttribute('headck');
563
564 
		 initData();
540 
	mui.plusReady(function(){
541 
		mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
542 
			allPages = 1;
543 
			pageIndex = 1;
544 
			plus.nativeUI.showWaiting(); //显示等待框
545 
			document.getElementById("headck"+i).innerHTML = this.innerHTML;
546 
			var value = this.getAttribute("ck"+i);
547 
			document.getElementById("headck"+i).setAttribute('headck',value);
548 
			document.querySelector('.mui-backdrop').style.display = 'none';
549 
			document.getElementById("middlePopover"+i).style.display = 'none';
550
551 
			//去掉样式类mui-active,要不然会多点击一次
552 
			document.getElementById("middlePopover"+i).classList.remove('mui-active');
553
554 
			//咨询类型传值不同，传""(空)，技术咨询、资源咨询、其他事务
555 
			otypeval.value = document.getElementById("headck2").getAttribute('headck');
556 
			if(otypeval.value == 0) {
557 
				otypeval.value = '';
558 
			}else {
559 
				otypeval.value = document.getElementById("headck2").innerHTML;
560 
			}
561 
			oneedval.value = document.getElementById("headck1").getAttribute('headck');
562 
			ostateval.value = document.getElementById("headck3").getAttribute('headck');
563 
			osortval.value = document.getElementById("headck4").getAttribute('headck');
564
565 
			 initData();
566
567 
			mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
568 
			plus.nativeUI.closeWaiting();//关闭等待框
569 
		});
565 570
566 
		mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
567 
		plus.nativeUI.closeWaiting();//关闭等待框
568 571 
	});
569
570 572 
};
571 573 
checkedFun(1);
572 574 
checkedFun(2);