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

1.咨询条件箭头样式
2.选择条件，添加等待框

dell 8 years ago
parent
9bd0cc4fe0
commit
186998bd55
2 changed files with 146 additions and 119 deletions
Split View Show Diff Stats
  1. 138 114
      app/html/consultlist.html
  2. 8 5
      app/js/consult.js

+ 138 - 114
app/html/consultlist.html
View File 

@ -12,22 +12,41 @@
12 12 
    	.displayBlock {
13 13 
    		display: block;
14 14 
    	}
15 
    	* {
16 
	    	font-family: "微软雅黑";
17 
	    }
18 
	    /*#table {
19 
	    	margin-top: 44px;
20 
	    }*/
21 15
22 16 
    	/*筛选div*/
23 17 
    	.filterbox2.filterdiv {
24 18 
    		z-index: 9;
25 19 
    	}
26 20 
    	/*筛选条件样式*/
27 
    #sliderSegmentedControl .mui-control-item.filteritem {
28 
     	padding: 0;
29 
     	color: #333;
30 
    }
21 
    	#sliderSegmentedControl .mui-control-item.filteritem {
22 
     		padding: 0;
23
24 
    	}
25 
    	#sliderSegmentedControl a.filteritem:active  {
26 
    		color: #007aff;
27 
    	}
28
29 
    	#sliderSegmentedControl a.filteritem:visited {
30 
    		color: #333;
31 
    	}
32
33
34
35 
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
36 
    		color: #333 !important;
37 
    	}
38
39
40 
    	/*过滤箭头样式*/
41 
    	#sliderSegmentedControl .mui-icon-arrowdown {
42 
    		margin: 0;
43 
    		border: none;
44 
    		width: 15px;
45 
    		height: 30px;
46 
    		font-size:inherit;
47 
    		font-family:Muiicons;
48 
    		line-height: 30px;
49 
    	}
31 50
32 51 
    	/*写有下拉刷新,正在刷新的div*/
33 52 
    	/*#zixunpullrefresh .mui-pull-top-pocket {
 
@ -181,39 +200,43 @@
181 200 
    <div class="mui-content" id="logined">
182 201 
    	<!-- 主界面具体展示内容 -->
183 202
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 
							</ulclass="mui-table-view" id="table">
212 
						</div>
213 
					</div>
214 
				</div>
215 
			</div>
216
203 
		<div id="slider" class="mui-slider mui-fullscreen">
204 
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
205 
				<div class="mui-scroll" style="width: 100%; font-size: 13px;">
206 
					<a style="width: 22%;" href="#middlePopover1"  class="mui-control-item filteritem filterlist2">
207 
						<span id="headck1" headck='0'>咨询/需求</span>
208 
						<em class="mui-icon mui-icon-arrowdown"></em>
209 
					</a>
210 
					<a style="width: 22%;"  href="#middlePopover2"  class="mui-control-item filteritem">
211 
						<span id="headck2" headck='0'>咨询类型</span>
212 
						<em class="mui-icon mui-icon-arrowdown"></em>
213 
					</a>
214 
					<a style="width: 22%;"  href="#middlePopover3"  class="mui-control-item filteritem">
215 
						<span id="headck3" headck='0'>咨询状态</span>
216 
						<em class="mui-icon mui-icon-arrowdown"></em>
217 
					</a>
218 
					<a style="width: 34%;" href="#middlePopover4"  class="mui-control-item filteritem" >
219 
						<span id="headck4" headck='1'>按最后回复排序</span>
220 
						<em class="mui-icon mui-icon-arrowdown"></em>
221 
					</a>
222
223 
				</div>
224 
			</div>
225
226 
			<div class="mui-slider-group">
227 
				<div id="item1mobile" class="mui-slider-item mui-control-content">
228 
					<div id="zixunpullrefresh" class="mui-scroll-wrapper">
229 
						<div class="mui-scroll">
230 
							<ul class="mui-table-view" id="table"class="mui-table-view" id="table">
231
232
233
234 
							</ul>
235 
						</div>
236 
					</div>
237 
				</div>
238 
			</div>
239
217 240 
		</div>
218 241
219 242 
		
@ -279,77 +302,77 @@
279 302 
        <!--下拉刷新容器-->
280 303 
       	<!-- 在谷歌浏览器中OK，在模拟器和手机端不OK-->
281 304
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>-->
305 
       	<!--<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
306 
			<ul class="filterblock2">
307 
				<li style="width:22%;">
308 
					<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>
309 
				</li>
310 
				<li style="width:22%;">
311 
					<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>
312 
				</li>
313 
				<li style="width:22%;">
314 
					<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>
315 
				</li>
316 
				<li style="width:34%;">
317 
					<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>
318 
				</li>
319 
			</ul>
320 
		</div>
321
322
323
324 
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
325
326 
		  	<div class="mui-scroll">
327
328 
		    <ul class="mui-table-view protable" id="table">
329
330 
		   		<li class="mui-table-view-cell mui-media">
331
332 
					<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
333 
						<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
334 
							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
335 
					</div>
336 
					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
337 
						<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
338 
						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
339 
						<div class="mui-media-body">
340 
							<span class="listtit">高兴
341 
					            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
342 
					            <span class="thistime">样式1</span>
343
344 
								<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
345 
								<span class="thistime">样式2</span>
346
347 
								<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
348 
								<span class="thistime">样式3'</span>
349
350 
								<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
351 
								<span class="thistime">样式4</span>
352
353 
							</span>
354 
							<p class="listtit2">
355 
								<span>'+item["professor"]["title"]+'</span>
356
357 
								<span>'+item["professor"]["office"]+'</span>
358 
								<span>'+item["professor"]["orgName"]+'</span>
359 
								<span>  | '+item["professor"]["address"]+'</span>
360 
							</p>
361 
							<p class="listtit3 onlyone">'+lastReplyCon+'</p>
362 
						</div>
363 
					</a>
364
365 
				</li>
366
367
368
369
370
371 
		    </ul>
372 
		  </div>
373 
		</div>-->
374
375 
    </div>
353 376
354 377 
	<!--未登录或者未注册时咨询主页面-->
355 378 
	<div class="mui-content" id="unlogin">
 
@ -379,6 +402,7 @@
379 402 
	   		var userid = plus.storage.getItem('userid');
380 403 
	   		if(userid == null || userid == 'null'){
381 404 
	   			content1.style.display = 'none';
405
382 406 
	   		}else {
383 407 
	   			content2.style.display = 'none';
384 408 
	   		}

+ 8 - 5
app/js/consult.js
View File 

@ -61,8 +61,11 @@ window.addEventListener('logined', function(event) {
61 61 
/*退出*/
62 62 
window.addEventListener('exited', function(event) {
63 63 
	var userId = event.detail.id;
64 
	console.log('exited=='+userId)
65 
	console.log(content2)
64 66 
	content1.style.display = 'none';
65 67 
	content2.style.display = 'block';
68 
	document.getElementById('unlogin').style.display = 'block';
66 69 
});
67 70
68 71 
//显示登录,登陆或者注册
 
@ -97,14 +100,14 @@ mui.plusReady(function() {
97 100
98 101
99 102 
//接收咨询btn
100 
window.addEventListener('clickconbtn', function(event) {
103 
/*window.addEventListener('clickconbtn', function(event) {
101 104 
	var consultBtn = event.detail.btn;
102 105 
	console.log(consultBtn);
103 106 
	console.log('点击咨询');
104 107 
	islogin();
105 108
106 109 
	initData();
107 
});
110 
});*/
108 111
109 112 
/*初始化数据*/
110 113 
initData();
 
@ -144,7 +147,7 @@ mui.ready(function(){
144 147 
function initData(){
145 148 
	mui.plusReady(function() {
146 149 
		var userid = plus.storage.getItem('userid');
147
150 
		plus.nativeUI.showWaiting();//显示原生等待框
148 151 
		mui.ajax(baseUrl + '/ajax/consult/pq',{
149 152 
			data:{
150 153 
				"professorId":userid,
 
@ -164,13 +167,13 @@ function initData(){
164 167 
                	table.innerHTML = '';//下拉刷新，清空数据
165 168 
                	var datalist = data.data.data;
166 169 
					eachData(userid,datalist);
167
170 
					plus.nativeUI.closeWaiting()();//关闭原生等待框
168 171 
				};
169 172
170 173 
			},
171 174 
			error:function(xhr,type,errorThrown){
172 175 
				mui.toast('网络异常,请稍候再试');
173
176 
				plus.nativeUI.closeWaiting()();//关闭原生等待框
174 177 
			}
175 178 
		});
176 179 
	});