1.咨询下拉刷新改成父子页面的刷新

2.咨询评价在iOS不可编辑bug
3.咨询申请在iOS不可编辑bug

app/html/chat-assess.html

				bottom: 0;
				font-size: 12px;
			}
			
			#textbox #question {
				padding: 0;
				border: none;
				overflow: hidden;
				height: 20px;
				border-bottom:1px solid #F0F0F0
			}
			
		</style>
	</head>
					<div class="mui-inline">评价留言</div>
				</div>
				<div class="row mui-input-row" id="textbox">
					<div id='question' class="mui-input-clear question textareabox" contenteditable="true"></div>
					<!--<div id='question' class="mui-input-clear question textareabox" contenteditable="true"></div>-->
					
						<textarea id="question"class="mui-input-clear question textareabox"> </textarea>
					
					<div class="text_count"><span><span id="text-count">0</span>/300字</span></div>
					<input type="text" value="0" style="display: none;" id="inp"/>
				</div>

app/html/chats.html

 			
 			<div id='msg-list'> 
 				
 				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
 				<!--<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>-->
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
				
				<div class="msg-item msg-item-self" msg-type = 'text' msg-content = '安徽'>
					<img class="msg-user msg-user-img" src="../images/default-photo.jpg" alt="" id="selfImg"/>
					<div class="msg-content">
						<div class="msg-content-inner">
							niahidhfd
						</div>
						<div class="msg-content-arrow"></div>
					</div>
					<div class="mui-item-clear"></div>
					
				</div>
 				
 				
 				
 				
 				
 				
 				
 				
 			</div>
 		</div>

app/html/consult_home.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet"/>
	    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	    <link href="../css/app.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- 主页面标题 -->
		<header class="mui-bar mui-bar-nav toptitbox" style="position: fixed;top: 0;">
		    <h1 class="mui-title toptit">咨询</h1>
		</header>
		<div class="mui-content"></div>
		
	</body>
	
	<script src="../js/public/mui.min.js"></script>
	<script src="../js/public/base.js"></script>
	 <script type="text/javascript">
	 	//启用双击监听
		mui.init({
			gestureConfig:{
				doubletap:true
			},
			subpages:[{
				url:'consultlist.html',
				id:'consultlist.html',
				styles:{
					top: '45px',
					bottom: '0px',
				}
			}]
		});
	 </script>
</html>

app/html/consultapply.html

							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype" id="consulttitle"></li>
							<li><label>咨询内容<em class="requiredcon" ></em></label></li>
							<li class="basicfrm">
								<div class="textareabox" contenteditable="true" id="consultcon">
								<!--<div class="textareabox" contenteditable="true" id="consultcon">
								</div>-->
								<div class="row mui-input-row text" style="height: 20px;">
									<textarea id="consultcon"class="mui-input-clear question content" placeholder="" style="padding: 0;"></textarea>
								</div>
							</li>
						</ul>

app/html/consultlist.html

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link href="../css/app.css" rel="stylesheet"/>
    <style type="text/css">
    	/*控制未读消息*/
    	.displayNone {
    	/*筛选div*/
    	.filterbox2.filterdiv {
    		z-index: 9;
    		/*margin-bottom:44px;*/
    	}
    	
    	/*滚动条样式*/
    	.mui-scrollbar.mui-scrollbar-vertical {
    		/*display: none;*/
    	}
    	
    	
    	
    
    	/*筛选条件样式*/
    	#sliderSegmentedControl .mui-control-item.filteritem {
     		padding: 0;
    	}*/
    	.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
		  top: 90px !important;
		}
	}
    	
    	
    	
    		height: 100%;
    	}
    	
    	html,
			body {
			}
    	
    </style>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link href="../css/app.css" rel="stylesheet"/>
    
 
</head>
<body>
	
	<!-- 主页面标题 -->
	<header class="mui-bar mui-bar-nav toptitbox" style="position: fixed;top: 0;">
	    <h1 class="mui-title toptit">咨询</h1>
	</header>
	<!--<header class="mui-bar mui-bar-nav toptitbox" style="position: fixed;top: 0;">
	    <h1 class="mui-title toptit">咨询</h1>
	</header>-->
	<div class="displayNone">
		<!--咨询/需求-->
    	<input type="text" id="needval" value="0" />
    <div class="mui-content" id="logined">
    	<!-- 主界面具体展示内容 -->
    	
		<div id="slider" class="mui-slider mui-fullscreen">
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll" style="width: 100%; color: #333;">
					<a style="width: 22%;min-width:80px;" href="#middlePopover1"  class="mui-control-item filteritem">
						<span id="headck1" headck='0'>咨询/需求</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="width: 22%;"  href="#middlePopover2"  class="mui-control-item filteritem">
						<span id="headck2" headck='0'>咨询类型</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="width: 22%;"  href="#middlePopover3"  class="mui-control-item filteritem">
						<span id="headck3" headck='0'>咨询状态</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="min-width: 108px;" href="#middlePopover4"  class="mui-control-item filteritem" >
						<span id="headck4" headck='1'>按最后回复排序</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					
				</div>
			</div>
		
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content">
					<div id="zixunpullrefresh" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view" id="table">
								
								<!--<li class="mui-table-view-cell mui-media">
									<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
										<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
											<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
									</div>
									<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
										<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
										<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
										<div class="mui-media-body">
											<span class="listtit">高兴
									            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
									            <span class="thistime">样式1</span>
								
												<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
												<span class="thistime">样式2</span>
									
												<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
												<span class="thistime">样式3'</span>
									
												<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
												<span class="thistime">样式4</span>
		<!--<div id="slider" class="mui-slider mui-fullscreen">
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll" style="width: 100%; color: #333;">
					<a style="width: 22%;min-width:80px;" href="#middlePopover1"  class="mui-control-item filteritem">
						<span id="headck1" headck='0'>咨询/需求</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="width: 22%;"  href="#middlePopover2"  class="mui-control-item filteritem">
						<span id="headck2" headck='0'>咨询类型</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="width: 22%;"  href="#middlePopover3"  class="mui-control-item filteritem">
						<span id="headck3" headck='0'>咨询状态</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					<a style="min-width: 108px;" href="#middlePopover4"  class="mui-control-item filteritem" >
						<span id="headck4" headck='1'>按最后回复排序</span>
						<em class="mui-icon mui-icon-arrowdown"></em>
					</a>
					
				</div>
			</div>
		
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content">
					<div id="zixunpullrefresh" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view" id="table">
								
											</span>
											<p class="listtit2">
												<span>'+item["professor"]["title"]+'</span>
								
												<span>'+item["professor"]["office"]+'</span>
												<span>'+item["professor"]["orgName"]+'</span>
												<span>  | '+item["professor"]["address"]+'</span>
											</p>
											<p class="listtit3 onlyone">'+lastReplyCon+'</p>
										</div>
									</a>
								
								</li>-->
				
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		
		</div>
							</ul>
						</div>
					</div>
				</div>
			</div>
		
		</div>-->
		
		
	
			</div>
		</div>
       	
       	<!--<div id="zixunpullrefresh" class="mui-card-content"  >
	      	<ul class="mui-table-view protable" id="table">
				
	        </ul>
        </div>-->
       	
        <!--下拉刷新容器-->
       	<!-- 在谷歌浏览器中OK，在模拟器和手机端不OK-->
       	
       	<!--<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
			<ul class="filterblock2">
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:34%;">
					<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>
				</li>
			</ul>
		</div>
       	
       	<div class="filterbox2 filterdiv" style="top:0 ;left: 0;">
			<ul class="filterblock2">
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:22%;">
					<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>
				</li>
				<li style="width:34%;">
					<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>
				</li>
			</ul>
		</div>
       	
       	
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper">
			
		  	<div class="mui-scroll">
		  	
		    <ul class="mui-table-view protable" id="table">
		    	
		   		<li class="mui-table-view-cell mui-media">
					<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
						<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
					</div>
					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
						<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
						<div class="mui-media-body">
							<span class="listtit">高兴
					            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
					            <span class="thistime">样式1</span>
				
								<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
								<span class="thistime">样式2</span>
					
								<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
								<span class="thistime">样式3'</span>
					
								<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
								<span class="thistime">样式4</span>
				
							</span>
							<p class="listtit2">
								<span>'+item["professor"]["title"]+'</span>
				
								<span>'+item["professor"]["office"]+'</span>
								<span>'+item["professor"]["orgName"]+'</span>
								<span>  | '+item["professor"]["address"]+'</span>
							</p>
							<p class="listtit3 onlyone">'+lastReplyCon+'</p>
						</div>
					</a>
       	<!--<div id="zixunpullrefresh" class="mui-card-content"  >
	      	<ul class="mui-table-view protable" id="table">
				
	        </ul>
        </div>-->
       	
       	
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top: 44px;">
			
		  	<div class="mui-scroll">
		  	
		    <ul class="mui-table-view protable" id="table">
		    	
		   		<!--<li class="mui-table-view-cell mui-media">
					<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>
						<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>
							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div>
					</div>
					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
						<span class="mui-badge mui-badge-danger readstate displayNone" consultId="'+item[" consultId "]+'">'+unreadCount+'</span>
						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
						<div class="mui-media-body">
							<span class="listtit">高兴
					            <em  class="mui-icon iconfont icon-vip authicon-cu"></em>
					            <span class="thistime">样式1</span>
				
								<em  class="mui-icon iconfont icon-renzheng authicon-mana"><span>科研</span></em>
								<span class="thistime">样式2</span>
					
								<em  class="mui-icon iconfont icon-renzheng authicon-staff"><span>企业</span></em>
								<span class="thistime">样式3'</span>
					
								<em  class="mui-icon iconfont icon-renzheng authicon-stu"><span>学生</span></em>
								<span class="thistime">样式4</span>
				
							</span>
							<p class="listtit2">
								<span>'+item["professor"]["title"]+'</span>
				
								<span>'+item["professor"]["office"]+'</span>
								<span>'+item["professor"]["orgName"]+'</span>
								<span>  | '+item["professor"]["address"]+'</span>
							</p>
							<p class="listtit3 onlyone">'+lastReplyCon+'</p>
						</div>
					</a>
				
				</li>-->
				
				</li>
		      
		      
		      
		      
		      
		    </ul>
		  </div>
		</div>-->
				
		      
		    </ul>
		  </div>
		</div>
		
    </div>
	
	   		}
	   	});
	   	
	   	var box = document.getElementById("zixunpullrefresh");
		var u = navigator.userAgent;
		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		if(isAndroid){
			
			box.style.marginTop="44px";
		}
		if(isiOS){
			
			box.style.marginTop=0;
		}
	   	
	   	
    </script>
</body>
</html>

app/js/chat-assess.js

	/*保存评价评价*/
	function saveassess(consultId) {
		var assessStar = ostarContainer.querySelectorAll('.icon-favorfill').length;
		var assessContant = oassesscontent.innerHTML;
//		var assessContant = oassesscontent.innerHTML;
		var assessContant = oassesscontent.value;
		var params = {
				"consultId":consultId, //咨询ID
			    "assessStatus":"1", //评价状态 0-未评价，1-已评价
	//评价字数限制
	//字数限制函数
	function limitTextCountFn(){
		var curLength = oassesscontent.innerHTML.length;
//		var curLength = oassesscontent.innerHTML.length;
		var curLength = oassesscontent.value.length;
		if(curLength > 300){
			var num= oassesscontent.innerHTML.substr(0,300); 
		} 

app/js/consult.js

var ostateval = document.getElementById("stateval");//咨询状态
var osortval = document.getElementById("sortval");//时间排序
//判断是否登录,点击咨询,显示数据或登录，
//点击咨询还要刷新数据
//ohasconsult.addEventListener('tap',function(){
/*mui('#hasconsult').on('tap','.mui-icon',function(){
	console.log('点击咨询')
	islogin();
	//初始化数据
	initData();
});*/
var ozixunpullrefresh = document.getElementById("zixunpullrefresh");//刷新容器，控制安卓和iOS容器到header距离不一样
//显示数据还是登录
function islogin() {
});
//接收咨询btn
/*window.addEventListener('clickconbtn', function(event) {
	var consultBtn = event.detail.btn; 
	console.log(consultBtn);
	console.log('点击咨询');
	islogin();
	
	initData();
});*/
/*初始化数据*/
initData();
//数据滚动
mui('.mui-scroll-wrapper').scroll({
	scrollY: true, //是否竖向滚动
	deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
//initData();
//父子页面，下拉刷新
mui.init({
	pullRefresh: {
		container: '#zixunpullrefresh',
		down: {
			callback: pulldownRefresh
		}
//		up: {
//			contentrefresh: '正在加载...',
//			callback: pullupRefresh
//		}
	}
});
 /* 父子页面，下拉刷新*/
function pulldownRefresh() {
    pageIndex = 1;
    console.log('下拉刷新');
    setTimeout(function() {
       getOnePage();
       
    }, 1000);
};
//筛选条件不动，下拉刷新
mui.ready(function(){
//上拉加载
function pullupRefresh() {
	pageIndex = ++pageIndex;
	
	mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
		
		mui(pullRefreshEl).pullToRefresh({
			down: {
				callback: function() {
					var self = this;
					
					setTimeout(function() {
						
						pulldownRefresh();//下拉刷新
						
						self.endPullDownToRefresh();
					}, 1000);
				}
			}
		});
	setTimeout(function() {
		getaData();
	}, 1000);
}
if(mui.os.plus) {
	mui.plusReady(function() {
		setTimeout(function() {
			mui('#zixunpullrefresh').pullRefresh().pulldownLoading();
		}, 500);	
	});
	
});
} else {
	mui.ready(function() {
		mui('#zixunpullrefresh').pullRefresh().pulldownLoading();
	});
}
//初始化数据
function initData(){
	mui.plusReady(function() { 
		var userid = plus.storage.getItem('userid');
		plus.nativeUI.showWaiting();//显示原生等待框
		plus.nativeUI.showWaiting('加载中...');//显示原生等待框
		mui.ajax(baseUrl + '/ajax/consult/pq',{
			data:{
				"professorId":userid,
			    "pageSize":200, 
			    "pageNo":1 
			},
			dataType:'json',//服务器返回json格式数据
			type:'get',//HTTP请求类型
			timeout:10000,//超时时间设置为10秒；
			dataType:'json',
			type:'get',
			timeout:10000,
			success:function(data){
				if (data.success) {
					
                	table.innerHTML = '';//下拉刷新，清空数据
                	var datalist = data.data.data;
				if (data.success && data.data.data != '') {
                		table.innerHTML = '';//下拉刷新，清空数据
                		var datalist = data.data.data;
					eachData(userid,datalist);
					mui('#zixunpullrefresh').pullRefresh().refresh(true);//重置下拉加载
					plus.nativeUI.closeWaiting();//关闭原生等待框
				};
				
					mui('#zixunpullrefresh').pullRefresh().scrollTo(0,0,100)//回到顶部
					//滚动条样式
					var scrollEle = document.body.querySelectorAll('.mui-scrollbar-vertical');
					console.log('滚动条个数=='+scrollEle.length)
					if(scrollEle.length > 1){alert('滚动条个数大于1')
						for(var i = 0; i < scrollEle.length;i++){
							scrollEle[i].style.display = 'none';
							scrollEle[0].style.display = 'block';
							console.log(scrollEle[i].classList);
						}
					}
					
				}				
			},
			error:function(xhr,type,errorThrown){
				mui.toast('网络异常,请稍候再试'); 
			}
		});
	});
}
};
/*下拉刷新*/
function pulldownRefresh(){
	
//加载第一页数据
function getOnePage(){
	mui.plusReady(function() { 
		var userid = plus.storage.getItem('userid');
//		plus.nativeUI.showWaiting();//显示原生等待框
		pageIndex = 1;
		 var pageIndex = 1;
		mui.ajax(baseUrl + '/ajax/consult/pq',{
			data:{
				"professorId":userid,
			    "status":ostateval.value, 
			    "timeType":osortval.value, 
			    "pageSize":200, 
			    "pageNo":1 
			    "pageNo":pageIndex 
			},
//			async:false,
			dataType:'json',//服务器返回json格式数据
			type:'get',//HTTP请求类型
			timeout:10000,//超时时间设置为10秒；
			dataType:'json',
			type:'get',
			timeout:10000,
			
			success:function(data){
				if (data.success) {
					
					if(pageIndex == 1){
                    	table.innerHTML = '';//下拉刷新，清空数据
                    	var datalist = data.data.data;
						table.innerHTML = '';//下拉刷新，清空数据
	                		var datalist = data.data.data;
						eachData(userid,datalist);
//						plus.nativeUI.closeWaiting();//显示原生等待框
//					var self = document.querySelectorAll('.mui-slider-group .mui-scroll');
//						self.endPullDownToRefresh();
                    }
					
						var scrollEle = document.body.querySelectorAll('.mui-scrollbar-vertical');
						console.log('滚动条个数=='+scrollEle.length)
						if(scrollEle.length > 1){alert('滚动条个数大于1')
							for(var i = 0; i < scrollEle.length;i++){
								scrollEle[i].style.display = 'none';
								scrollEle[0].style.display = 'block';
								console.log(scrollEle[i].classList);
							}
						}
						mui('#zixunpullrefresh').pullRefresh().refresh(true);//重置下拉加载
						 mui('#zixunpullrefresh').pullRefresh().endPulldownToRefresh();
					}
				};
				
			},
			error:function(xhr,type,errorThrown){
				mui.toast('网络异常,请稍候再试'); 
				
			}
		});
	});
	
}
//父子页面的上拉加载ajax
function getaData() {
    mui.plusReady(function() {
    	var userid = plus.storage.getItem('userid');
        mui.ajax(baseUrl+'/ajax/consult/pq', {
            data: {
                "professorId":userid, 
			    "consultOrNeed":oneedval.value ,
			    "consultType":otypeval.value, 
			    "status":ostateval.value, 
			    "timeType":osortval.value, 
			    "pageSize":200, 
			    "pageNo":pageIndex 
            },
            async:false,
            dataType: 'json',
            type: 'get',  
            timeout: 10000,
            success: function(data) {
                if (data.success) {
                    var datalist = data.data.data;
                    var total = data.data.total;
                    var pageSize = data.data.pageSize;
                    allPages = Math.ceil(total / pageSize);/*获取总的分页数*/
                   
                    if (allPages == 1) { //下拉刷新需要先清空数据
                        table.innerHTML = '';// 在这里清空可以防止刷新时白屏
                    }
                    console.log('第'+pageIndex+'页');
                    if(pageIndex == 1){
                    		table.innerHTML = '';
                    }
                    eachData(userid,datalist);
                    if(pageIndex < allPages){
                        mui('#zixunpullrefresh').pullRefresh().endPullupToRefresh(false);    /*能上拉*/
                    }else{
                        mui('#zixunpullrefresh').pullRefresh().endPullupToRefresh(true);/*不能上拉*/
                    }
                }
            },
            error: function(xhr, type, errerThrown) {
                mui.toast('网络异常,请稍候再试');
                mui('#zixunpullrefresh').pullRefresh().endPullupToRefresh(true);
            }
        });
    });
};
//判断对方是否有聊天内容,加回复：。。。
function isChat(consultId,userid) {
	var length = 0;
/*由聊天页面返回咨询列表,要更新咨询状态,和更新未读信息:::自定义事件*/
window.addEventListener('backlist',function(event){
		//通过event.detail可获得传递过来的参数内容
		var self = plus.webview.currentWebview();
		var consultId = event.detail.consultId;
		var status = event.detail.status;
		//由聊天页返回咨询页，改变咨询状态，和咨询状态样式
		//由聊天页返回咨询，改变咨询状态，和咨询状态样式
		mui('.status').each(function(index,item){
			if(this.getAttribute('consultId') == consultId) {
				if(status == 'myNeedAssessStatus=0'){//未评价
				if(status == 'myNeedAssessStatus=0'){
					this.classList.remove('status-1');
					this.classList.add('status-2');
					this.innerHTML = '待评价';
					this.innerHTML = '已完成';
				}
			};
			
		});
		
		//由聊天页返回咨询页，改变未读状态
		mui('.readstate').each(function(index,item){
			if(this.getAttribute('class').indexOf('displayBlock') != -1){//包含displayBlock	
				}
			}
		});
//		initdata();
		
	});
	
function eachData(userid,datalist) {
	
	/*表格填充数据 mui.each是异步的*/
    mui.each(datalist, function(index, item) {
    	var title,
			lastReply,
			status,
			statusStyle,
			lastReplyTime,
			lastReplyCon,
			unreadCount,
			unreadStyle,
			proModify,
			photoUrl,
			consultType,
    	var title,lastReply,status,statusStyle,lastReplyTime,lastReplyCon,
			unreadCount,unreadStyle,proModify,photoUrl,consultType,
			chatlength;
		
		var modifyaddEle = '';
	var modifyaddEle = '';//添加不同认证
		
		//过滤professor为空
		if(item["professor"]){
				title = "回复:" + item["consultTitle"];
			}
	//		console.log(title)
	    	//咨询类型和状态
			if(item['consultantId'] != userid){//收到咨询
				if(item["consultStatus"] == 0){
					status = "进行中";
					statusStyle = 'status-1';
				}else if(item["consultStatus"] == 1){
					status = "已完成";
		    	//咨询类型和状态
		    	if(item["consultStatus"] == 0){//进行中，我的需求和收到咨询
		    		status = "进行中";
				statusStyle = 'status-1';
		    	}else if(item["consultStatus"] == 1){
		    		if(item['consultantId'] != userid){//收到咨询
		    			status = "已完成";
					statusStyle = 'status-3';
				}
			}else if(item['consultantId'] == userid){//我的需求
				if(item["consultStatus"] == 0){
					status = "进行中";
					statusStyle = 'status-1';
				}else if(item["consultStatus"] == 1){
					if(item["assessStatus"] == 0){
		    		}else {//我的需求
		    			if(item["assessStatus"] == 0){
						status = '待评价';
						statusStyle = 'status-2';
					}else {
						status = '已完成';
						statusStyle = 'status-3';
					}
				}
			};
		    		}
		    	}
		    	
//			if(item['consultantId'] != userid){//收到咨询
//				if(item["consultStatus"] == 1){
//					status = "已完成";
//					statusStyle = 'status-3';
//				}
//			}else if(item['consultantId'] == userid){//我的需求
//				if(item["consultStatus"] == 1){
//					if(item["assessStatus"] == 0){
//						status = '待评价';
//						statusStyle = 'status-2';
//					}else {
//						status = '已完成';
//						statusStyle = 'status-3';
//					}
//				}
//			};
			
			//认证
			if(item["professor"].authType) {
//				nameli.classList.add('icon-vip');
//				nameli.classList.add('authicon-cu');
				proModify = 'icon-vip authicon-cu';
			} else {
				if(item["professor"].authStatus) {
					if(item["professor"].authentication == 1) {
//						nameli.classList.add('icon-renzheng');
//						nameli.classList.add('authicon-mana');
//						nameli.innerHTML = "<span>科研</span>";
						
						proModify = 'icon-renzheng authicon-mana';
						modifyaddEle = "<span >科研</span>";
						
						
					} else if(item["professor"].authentication == 2) {
//						nameli.classList.add('icon-renzheng');
//						nameli.classList.add('authicon-staff');
//						nameli.innerHTML = "<span>企业</span>";
						
						proModify = 'icon-renzheng authicon-staff';
						modifyaddEle = "<span>企业</span>";
						
					} else {
//						nameli.classList.add('icon-renzheng');
//						nameli.classList.add('authicon-stu');
//						nameli.innerHTML = "<span>学生</span>";
						
						proModify = 'icon-renzheng authicon-stu';
						modifyaddEle = "<span>学生</span>";
					}
				}
			}
//			(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
			
			(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg":photoUrl = baseUrl + "/images/head/" + item["professor"].id + "_m.jpg";
			
			"consultId":consultId, //咨询ID
		    "senderId":sendId //登录者ID
		},
		dataType:'json',//服务器返回json格式数据
		type:'get',//HTTP请求类型
		timeout:10000,//超时时间设置为10秒；
		dataType:'json',
		type:'get',
		timeout:10000,
		async:false,
		success:function(data){
			/*console.log(data);*/
			if(data["data"] == null || data["data"] == "" || data["data"] == undefined){
				lastReplyTimeData = '';
				lastReplyTime = '';
			
			 initData();
			
			mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
			
//			mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
			plus.nativeUI.closeWaiting();//关闭等待框
		});
		

app/js/consultapply.js

 	/*保存咨询*/
 	function saveconsult(proId,userid) {
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
 		var consultcon = oconsultcon.innerText;
// 		var consultcon = oconsultcon.innerText;
		var consultcon = oconsultcon.value;
 		var consultTitle = oconsulttitle.value;
 		console.log(consultType);
 		console.log(consultTitle);
 			type:'post',//HTTP请求类型
 			timeout:10000,//超时时间设置为10秒；
 			success:function(data){
 				console.log(data.data);
 				console.log('咨询申请返回值=='+data.data);
 				if(data.success) {
 					mui.toast('咨询成功');
 				}else {

app/js/mui.pullToRefresh.js

(function($, window, document) {
	var STATE_BEFORECHANGEOFFSET = 'beforeChangeOffset';
	var STATE_AFTERCHANGEOFFSET = 'afterChangeOffset';
	var EVENT_PULLSTART = 'pullstart';
	var EVENT_PULLING = 'pulling';
	var EVENT_BEFORECHANGEOFFSET = STATE_BEFORECHANGEOFFSET;
	var EVENT_AFTERCHANGEOFFSET = STATE_AFTERCHANGEOFFSET;
	var EVENT_DRAGENDAFTERCHANGEOFFSET = 'dragEndAfterChangeOffset';
	var CLASS_TRANSITIONING = $.className('transitioning');
	var CLASS_PULL_TOP_TIPS = $.className('pull-top-tips');
	var CLASS_PULL_BOTTOM_TIPS = $.className('pull-bottom-tips');
	var CLASS_PULL_LOADING = $.className('pull-loading');
	var CLASS_SCROLL = $.className('scroll');
	var CLASS_PULL_TOP_ARROW = $.className('pull-loading') + ' ' + $.className('icon') + ' ' + $.className('icon-pulldown');
	var CLASS_PULL_TOP_ARROW_REVERSE = CLASS_PULL_TOP_ARROW + ' ' + $.className('reverse');
	var CLASS_PULL_TOP_SPINNER = $.className('pull-loading') + ' ' + $.className('spinner');
	var CLASS_HIDDEN = $.className('hidden');
	var SELECTOR_PULL_LOADING = '.' + CLASS_PULL_LOADING;
	$.PullToRefresh = $.Class.extend({
		init: function(element, options) {
			this.element = element;
			this.options = $.extend(true, {
				down: {
					height: 75,
					callback: false,
				},
				up: {
					auto: false,
					offset: 100, //距离底部高度(到达该高度即触发)
					show: true,
					contentinit: '上拉显示更多',
					contentdown: '上拉显示更多',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了',
					callback: false
				},
				preventDefaultException: {
					tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/
				}
			}, options);
			this.stopped = this.isNeedRefresh = this.isDragging = false;
			this.state = STATE_BEFORECHANGEOFFSET;
			this.isInScroll = this.element.classList.contains(CLASS_SCROLL);
			this.initPullUpTips();
			this.initEvent();
		},
		_preventDefaultException: function(el, exceptions) {
			for (var i in exceptions) {
				if (exceptions[i].test(el[i])) {
					return true;
				}
			}
			return false;
		},
		initEvent: function() {
			if ($.isFunction(this.options.down.callback)) {
				this.element.addEventListener($.EVENT_START, this);
				this.element.addEventListener('drag', this);
				this.element.addEventListener('dragend', this);
			}
			if (this.pullUpTips) {
				this.element.addEventListener('dragup', this);
				if (this.isInScroll) {
					this.element.addEventListener('scrollbottom', this);
				} else {
					window.addEventListener('scroll', this);
				}
			}
		},
		handleEvent: function(e) {
			switch (e.type) {
				case $.EVENT_START:
					this.isInScroll && this._canPullDown() && e.target && !this._preventDefaultException(e.target, this.options.preventDefaultException) && e.preventDefault();
					break;
				case 'drag':
					this._drag(e);
					break;
				case 'dragend':
					this._dragend(e);
					break;
				case 'webkitTransitionEnd':
					this._transitionEnd(e);
					break;
				case 'dragup':
				case 'scroll':
					this._dragup(e);
					break;
				case 'scrollbottom':
					if (e.target === this.element) {
						this.pullUpLoading(e);
					}
					break;
			}
		},
		initPullDownTips: function() {
			var self = this;
			if ($.isFunction(self.options.down.callback)) {
				self.pullDownTips = (function() {
					var element = document.querySelector('.' + CLASS_PULL_TOP_TIPS);
					if (element) {
						element.parentNode.removeChild(element);
					}
					if (!element) {
						element = document.createElement('div');
						element.classList.add(CLASS_PULL_TOP_TIPS);
						element.innerHTML = '<div class="mui-pull-top-wrapper"><span class="mui-pull-loading mui-icon mui-icon-pulldown"></span></div>';
						element.addEventListener('webkitTransitionEnd', self);
					}
					self.pullDownTipsIcon = element.querySelector(SELECTOR_PULL_LOADING);
					document.body.appendChild(element);
					return element;
				}());
			}
		},
		initPullUpTips: function() {
			var self = this;
			if ($.isFunction(self.options.up.callback)) {
				self.pullUpTips = (function() {
					var element = self.element.querySelector('.' + CLASS_PULL_BOTTOM_TIPS);
					if (!element) {
						element = document.createElement('div');
						element.classList.add(CLASS_PULL_BOTTOM_TIPS);
						if (!self.options.up.show) {
							element.classList.add(CLASS_HIDDEN);
						}
						element.innerHTML = '<div class="mui-pull-bottom-wrapper"><span class="mui-pull-loading">' + self.options.up.contentinit + '</span></div>';
						self.element.appendChild(element);
					}
					self.pullUpTipsIcon = element.querySelector(SELECTOR_PULL_LOADING);
					return element;
				}());
			}
		},
		_transitionEnd: function(e) {
			if (e.target === this.pullDownTips && this.removing) {
				this.removePullDownTips();
			}
		},
		_dragup: function(e) {
			var self = this;
			if (self.loading) {
				return;
			}
			if (e && e.detail && $.gestures.session.drag) {
				self.isDraggingUp = true;
			} else {
				if (!self.isDraggingUp) { //scroll event
					return;
				}
			}
			if (!self.isDragging) {
				if (self._canPullUp()) {
					self.pullUpLoading(e);
				}
			}
		},
		_canPullUp: function() {
			if (this.removing) {
				return false;
			}
			if (this.isInScroll) {
				var scrollId = this.element.parentNode.getAttribute('data-scroll');
				if (scrollId) {
					var scrollApi = $.data[scrollId];
					return scrollApi.y === scrollApi.maxScrollY;
				}
			}
			return window.pageYOffset + window.innerHeight + this.options.up.offset >= document.documentElement.scrollHeight;
		},
		_canPullDown: function() {
			if (this.removing) {
				return false;
			}
			if (this.isInScroll) {
				var scrollId = this.element.parentNode.getAttribute('data-scroll');
				if (scrollId) {
					var scrollApi = $.data[scrollId];
					return scrollApi.y === 0;
				}
			}
			return document.body.scrollTop === 0;
		},
		_drag: function(e) {
			if (this.loading || this.stopped) {
				e.stopPropagation();
				e.detail.gesture.preventDefault();
				return;
			}
			var detail = e.detail;
			if (!this.isDragging) {
				if (detail.direction === 'down' && this._canPullDown()) {
					if (document.querySelector('.' + CLASS_PULL_TOP_TIPS)) {
						e.stopPropagation();
						e.detail.gesture.preventDefault();
						return;
					}
					this.isDragging = true;
					this.removing = false;
					this.startDeltaY = detail.deltaY;
					$.gestures.session.lockDirection = true; //锁定方向
					$.gestures.session.startDirection = detail.direction;
					this._pullStart(this.startDeltaY);
				}
			}
			if (this.isDragging) {
				e.stopPropagation();
				e.detail.gesture.preventDefault();
				var deltaY = detail.deltaY - this.startDeltaY;
				deltaY = Math.min(deltaY, 1.5 * this.options.down.height);
				this.deltaY = deltaY;
				this._pulling(deltaY);
				var state = deltaY > this.options.down.height ? STATE_AFTERCHANGEOFFSET : STATE_BEFORECHANGEOFFSET;
				if (this.state !== state) {
					this.state = state;
					if (this.state === STATE_AFTERCHANGEOFFSET) {
						this.removing = false;
						this.isNeedRefresh = true;
					} else {
						this.removing = true;
						this.isNeedRefresh = false;
					}
					this['_' + state](deltaY);
				}
				if ($.os.ios && parseFloat($.os.version) >= 8) {
					var clientY = detail.gesture.touches[0].clientY;
					if ((clientY + 10) > window.innerHeight || clientY < 10) {
						this._dragend(e);
						return;
					}
				}
			}
		},
		_dragend: function(e) {
			var self = this;
			if (self.isDragging) {
				self.isDragging = false;
				self._dragEndAfterChangeOffset(self.isNeedRefresh);
			}
			if (self.isPullingUp) {
				if (self.pullingUpTimeout) {
					clearTimeout(self.pullingUpTimeout);
				}
				self.pullingUpTimeout = setTimeout(function() {
					self.isPullingUp = false;
				}, 1000);
			}
		},
		_pullStart: function(startDeltaY) {
			this.pullStart(startDeltaY);
			$.trigger(this.element, EVENT_PULLSTART, {
				api: this,
				startDeltaY: startDeltaY
			});
		},
		_pulling: function(deltaY) {
			this.pulling(deltaY);
			$.trigger(this.element, EVENT_PULLING, {
				api: this,
				deltaY: deltaY
			});
		},
		_beforeChangeOffset: function(deltaY) {
			this.beforeChangeOffset(deltaY);
			$.trigger(this.element, EVENT_BEFORECHANGEOFFSET, {
				api: this,
				deltaY: deltaY
			});
		},
		_afterChangeOffset: function(deltaY) {
			this.afterChangeOffset(deltaY);
			$.trigger(this.element, EVENT_AFTERCHANGEOFFSET, {
				api: this,
				deltaY: deltaY
			});
		},
		_dragEndAfterChangeOffset: function(isNeedRefresh) {
			this.dragEndAfterChangeOffset(isNeedRefresh);
			$.trigger(this.element, EVENT_DRAGENDAFTERCHANGEOFFSET, {
				api: this,
				isNeedRefresh: isNeedRefresh
			});
		},
		removePullDownTips: function() {
			if (this.pullDownTips) {
				try {
					this.pullDownTips.parentNode && this.pullDownTips.parentNode.removeChild(this.pullDownTips);
					this.pullDownTips = null;
					this.removing = false;
				} catch (e) {}
			}
		},
		pullStart: function(startDeltaY) {
			this.initPullDownTips(startDeltaY);
		},
		pulling: function(deltaY) {
			this.pullDownTips.style.webkitTransform = 'translate3d(0,' + deltaY + 'px,0)';
		},
		beforeChangeOffset: function(deltaY) {
			this.pullDownTipsIcon.className = CLASS_PULL_TOP_ARROW;
		},
		afterChangeOffset: function(deltaY) {
			this.pullDownTipsIcon.className = CLASS_PULL_TOP_ARROW_REVERSE;
		},
		dragEndAfterChangeOffset: function(isNeedRefresh) {
			if (isNeedRefresh) {
				this.pullDownTipsIcon.className = CLASS_PULL_TOP_SPINNER;
				this.pullDownLoading();
			} else {
				this.pullDownTipsIcon.className = CLASS_PULL_TOP_ARROW;
				this.endPullDownToRefresh();
			}
		},
		pullDownLoading: function() {
			if (this.loading) {
				return;
			}
			if (!this.pullDownTips) {
				this.initPullDownTips();
				this.dragEndAfterChangeOffset(true);
				return;
			}
			this.loading = true;
			this.pullDownTips.classList.add(CLASS_TRANSITIONING);
			this.pullDownTips.style.webkitTransform = 'translate3d(0,' + this.options.down.height + 'px,0)';
			this.options.down.callback.apply(this);
		},
		pullUpLoading: function(e) {
			if (this.loading || this.finished) {
				return;
			}
			this.loading = true;
			this.isDraggingUp = false;
			this.pullUpTips.classList.remove(CLASS_HIDDEN);
			e && e.detail && e.detail.gesture && e.detail.gesture.preventDefault();
			this.pullUpTipsIcon.innerHTML = this.options.up.contentrefresh;
			this.options.up.callback.apply(this);
		},
		endPullDownToRefresh: function() {
			this.loading = false;
			this.pullUpTips && this.pullUpTips.classList.remove(CLASS_HIDDEN);
			this.pullDownTips.classList.add(CLASS_TRANSITIONING);
			this.pullDownTips.style.webkitTransform = 'translate3d(0,0,0)';
			if (this.deltaY <= 0) {
				this.removePullDownTips();
			} else {
				this.removing = true;
			}
			if (this.isInScroll) {
				$(this.element.parentNode).scroll().refresh();
			}
		},
		endPullUpToRefresh: function(finished) {
			if (finished) {
				this.finished = true;
				this.pullUpTipsIcon.innerHTML = this.options.up.contentnomore;
				this.element.removeEventListener('dragup', this);
				window.removeEventListener('scroll', this);
			} else {
				this.pullUpTipsIcon.innerHTML = this.options.up.contentdown;
			}
			this.loading = false;
			if (this.isInScroll) {
				$(this.element.parentNode).scroll().refresh();
			}
		},
		setStopped: function(stopped) {
			if (stopped != this.stopped) {
				this.stopped = stopped;
				this.pullUpTips && this.pullUpTips.classList[stopped ? 'add' : 'remove'](CLASS_HIDDEN);
			}
		},
		refresh: function(isReset) {
			if (isReset && this.finished && this.pullUpTipsIcon) {
				this.pullUpTipsIcon.innerHTML = this.options.up.contentdown;
				this.element.addEventListener('dragup', this);
				window.addEventListener('scroll', this);
				this.finished = false;
			}
		}
	});
	$.fn.pullToRefresh = function(options) {
		var pullRefreshApis = [];
		options = options || {};
		this.each(function() {
			var self = this;
			var pullRefreshApi = null;
			var id = self.getAttribute('data-pullToRefresh');
			if (!id) {
				id = ++$.uuid;
				$.data[id] = pullRefreshApi = new $.PullToRefresh(self, options);
				self.setAttribute('data-pullToRefresh', id);
			} else {
				pullRefreshApi = $.data[id];
			}
			if (options.up && options.up.auto) { //如果设置了auto，则自动上拉一次
				pullRefreshApi.pullUpLoading();
			}
			pullRefreshApis.push(pullRefreshApi);
		});
		return pullRefreshApis.length === 1 ? pullRefreshApis[0] : pullRefreshApis;
	}
})(mui, window, document);

app/js/mui.pullToRefresh.material.js

(function($) {
	var CLASS_PULL_TOP_TIPS = $.className('pull-top-tips');
	$.PullToRefresh = $.PullToRefresh.extend({
		init: function(element, options) {
			this._super(element, options);
			this.options = $.extend(true, {
				down: {
					tips: {
						colors: ['008000', 'd8ad44', 'd00324', 'dc00b8', '017efc'],
						size: 200, //width=height=size;x=y=size/2;radius=size/4
						lineWidth: 15,
						duration: 1000,
						tail_duration: 1000 * 2.5
					}
				}
			}, this.options);
			this.options.down.tips.color = this.options.down.tips.colors[0];
			this.options.down.tips.colors = this.options.down.tips.colors.map(function(color) {
				return {
					r: parseInt(color.substring(0, 2), 16),
					g: parseInt(color.substring(2, 4), 16),
					b: parseInt(color.substring(4, 6), 16)
				};
			});
		},
		initPullDownTips: function() {
			var self = this;
			if ($.isFunction(self.options.down.callback)) {
				self.pullDownTips = (function() {
					var element = document.querySelector('.' + CLASS_PULL_TOP_TIPS);
					if (element) {
						element.parentNode.removeChild(element);
					}
					if (!element) {
						element = document.createElement('div');
						element.classList.add(CLASS_PULL_TOP_TIPS);
						element.innerHTML = '<div class="mui-pull-top-wrapper"><div class="mui-pull-top-canvas"><canvas id="pullDownTips" width="' + self.options.down.tips.size + '" height="' + self.options.down.tips.size + '"></canvas></div></div>';
						element.addEventListener('webkitTransitionEnd', self);
						document.body.appendChild(element);
					}
					self.pullDownCanvas = document.getElementById("pullDownTips");
					self.pullDownCanvasCtx = self.pullDownCanvas.getContext('2d');
					self.canvasUtils.init(self.pullDownCanvas, self.options.down.tips);
					return element;
				}());
			}
		},
		removePullDownTips: function() {
			this._super();
			this.canvasUtils.stopSpin();
		},
		pulling: function(deltaY) {
			var ratio = Math.min(deltaY / (this.options.down.height * 1.5), 1);
			var ratioPI = Math.min(1, ratio * 2);
			this.pullDownTips.style.webkitTransform = 'translate3d(0,' + (deltaY < 0 ? 0 : deltaY) + 'px,0)';
			this.pullDownCanvas.style.opacity = ratioPI;
			this.pullDownCanvas.style.webkitTransform = 'rotate(' + 300 * ratio + 'deg)';
			var canvas = this.pullDownCanvas;
			var ctx = this.pullDownCanvasCtx;
			var size = this.options.down.tips.size;
			ctx.lineWidth = this.options.down.tips.lineWidth;
			ctx.fillStyle = '#' + this.options.down.tips.color;
			ctx.strokeStyle = '#' + this.options.down.tips.color;
			ctx.stroke();
			ctx.clearRect(0, 0, size, size);
			//fixed android 4.1.x
			canvas.style.display = 'none'; // Detach from DOM
			canvas.offsetHeight; // Force the detach
			canvas.style.display = 'inherit'; // Reattach to DOM
			this.canvasUtils.drawArcedArrow(ctx, size / 2 + 0.5, size / 2, size / 4, 0 * Math.PI, 5 / 3 * Math.PI * ratioPI, false, 1, 2, 0.7853981633974483, 25, this.options.down.tips.lineWidth, this.options.down.tips.lineWidth);
		},
		beforeChangeOffset: function(deltaY) {},
		afterChangeOffset: function(deltaY) {},
		dragEndAfterChangeOffset: function(isNeedRefresh) {
			if (isNeedRefresh) {
				this.canvasUtils.startSpin();
				this.pullDownLoading();
			} else {
				this.canvasUtils.stopSpin();
				this.endPullDownToRefresh();
			}
		},
		canvasUtils: (function() {
			var canvasObj = null,
				ctx = null,
				size = 200,
				lineWidth = 15,
				tick = 0,
				startTime = 0,
				frameTime = 0,
				timeLast = 0,
				oldStep = 0,
				acc = 0,
				head = 0,
				tail = 180,
				rad = Math.PI / 180,
				duration = 1000,
				tail_duration = 1000 * 2.5,
				colors = ['35ad0e', 'd8ad44', 'd00324', 'dc00b8', '017efc'],
				rAF = null;
			function easeLinear(currentIteration, startValue, changeInValue, totalIterations) {
				return changeInValue * currentIteration / totalIterations + startValue;
			}
			function easeInOutQuad(currentIteration, startValue, changeInValue, totalIterations) {
				if ((currentIteration /= totalIterations / 2) < 1) {
					return changeInValue / 2 * currentIteration * currentIteration + startValue;
				}
				return -changeInValue / 2 * ((--currentIteration) * (currentIteration - 2) - 1) + startValue;
			}
			function minmax(value, v0, v1) {
				var min = Math.min(v0, v1);
				var max = Math.max(v0, v1);
				if (value < min)
					return min;
				if (value > max)
					return min;
				return value;
			}
			var drawHead = function(ctx, x0, y0, x1, y1, x2, y2, style) {
				'use strict';
				if (typeof(x0) == 'string') x0 = parseInt(x0);
				if (typeof(y0) == 'string') y0 = parseInt(y0);
				if (typeof(x1) == 'string') x1 = parseInt(x1);
				if (typeof(y1) == 'string') y1 = parseInt(y1);
				if (typeof(x2) == 'string') x2 = parseInt(x2);
				if (typeof(y2) == 'string') y2 = parseInt(y2);
				var radius = 3;
				var twoPI = 2 * Math.PI;
				ctx.save();
				ctx.beginPath();
				ctx.moveTo(x0, y0);
				ctx.lineTo(x1, y1);
				ctx.lineTo(x2, y2);
				switch (style) {
					case 0:
						var backdist = Math.sqrt(((x2 - x0) * (x2 - x0)) + ((y2 - y0) * (y2 - y0)));
						ctx.arcTo(x1, y1, x0, y0, .55 * backdist);
						ctx.fill();
						break;
					case 1:
						ctx.beginPath();
						ctx.moveTo(x0, y0);
						ctx.lineTo(x1, y1);
						ctx.lineTo(x2, y2);
						ctx.lineTo(x0, y0);
						ctx.fill();
						break;
					case 2:
						ctx.stroke();
						break;
					case 3:
						var cpx = (x0 + x1 + x2) / 3;
						var cpy = (y0 + y1 + y2) / 3;
						ctx.quadraticCurveTo(cpx, cpy, x0, y0);
						ctx.fill();
						break;
					case 4:
						var cp1x, cp1y, cp2x, cp2y, backdist;
						var shiftamt = 5;
						if (x2 == x0) {
							backdist = y2 - y0;
							cp1x = (x1 + x0) / 2;
							cp2x = (x1 + x0) / 2;
							cp1y = y1 + backdist / shiftamt;
							cp2y = y1 - backdist / shiftamt;
						} else {
							backdist = Math.sqrt(((x2 - x0) * (x2 - x0)) + ((y2 - y0) * (y2 - y0)));
							var xback = (x0 + x2) / 2;
							var yback = (y0 + y2) / 2;
							var xmid = (xback + x1) / 2;
							var ymid = (yback + y1) / 2;
							var m = (y2 - y0) / (x2 - x0);
							var dx = (backdist / (2 * Math.sqrt(m * m + 1))) / shiftamt;
							var dy = m * dx;
							cp1x = xmid - dx;
							cp1y = ymid - dy;
							cp2x = xmid + dx;
							cp2y = ymid + dy;
						}
						ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x0, y0);
						ctx.fill();
						break;
				}
				ctx.restore();
			};
			var drawArcedArrow = function(ctx, x, y, r, startangle, endangle, anticlockwise, style, which, angle, d, lineWidth, lineRatio) {
				'use strict';
				style = typeof(style) != 'undefined' ? style : 3;
				which = typeof(which) != 'undefined' ? which : 1;
				angle = typeof(angle) != 'undefined' ? angle : Math.PI / 8;
				lineWidth = lineWidth || 1;
				lineRatio = lineRatio || 10;
				d = typeof(d) != 'undefined' ? d : 10;
				ctx.save();
				ctx.lineWidth = lineWidth;
				ctx.beginPath();
				ctx.arc(x, y, r, startangle, endangle, anticlockwise);
				ctx.stroke();
				var sx, sy, lineangle, destx, desty;
				if (which & 1) {
					sx = Math.cos(startangle) * r + x;
					sy = Math.sin(startangle) * r + y;
					lineangle = Math.atan2(x - sx, sy - y);
					if (anticlockwise) {
						destx = sx + 10 * Math.cos(lineangle);
						desty = sy + 10 * Math.sin(lineangle);
					} else {
						destx = sx - 10 * Math.cos(lineangle);
						desty = sy - 10 * Math.sin(lineangle);
					}
					drawArrow(ctx, sx, sy, destx, desty, style, 2, angle, d);
				}
				if (which & 2) {
					sx = Math.cos(endangle) * r + x;
					sy = Math.sin(endangle) * r + y;
					lineangle = Math.atan2(x - sx, sy - y);
					if (anticlockwise) {
						destx = sx - 10 * Math.cos(lineangle);
						desty = sy - 10 * Math.sin(lineangle);
					} else {
						destx = sx + 10 * Math.cos(lineangle);
						desty = sy + 10 * Math.sin(lineangle);
					}
					drawArrow(ctx, sx - lineRatio * Math.sin(endangle), sy + lineRatio * Math.cos(endangle), destx - lineRatio * Math.sin(endangle), desty + lineRatio * Math.cos(endangle), style, 2, angle, d)
				}
				ctx.restore();
			}
			var drawArrow = function(ctx, x1, y1, x2, y2, style, which, angle, d) {
				'use strict';
				if (typeof(x1) == 'string') x1 = parseInt(x1);
				if (typeof(y1) == 'string') y1 = parseInt(y1);
				if (typeof(x2) == 'string') x2 = parseInt(x2);
				if (typeof(y2) == 'string') y2 = parseInt(y2);
				style = typeof(style) != 'undefined' ? style : 3;
				which = typeof(which) != 'undefined' ? which : 1;
				angle = typeof(angle) != 'undefined' ? angle : Math.PI / 8;
				d = typeof(d) != 'undefined' ? d : 10;
				var toDrawHead = typeof(style) != 'function' ? drawHead : style;
				var dist = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
				var ratio = (dist - d / 3) / dist;
				var tox, toy, fromx, fromy;
				if (which & 1) {
					tox = Math.round(x1 + (x2 - x1) * ratio);
					toy = Math.round(y1 + (y2 - y1) * ratio);
				} else {
					tox = x2;
					toy = y2;
				}
				if (which & 2) {
					fromx = x1 + (x2 - x1) * (1 - ratio);
					fromy = y1 + (y2 - y1) * (1 - ratio);
				} else {
					fromx = x1;
					fromy = y1;
				}
				ctx.beginPath();
				ctx.moveTo(fromx, fromy);
				ctx.lineTo(tox, toy);
				ctx.stroke();
				var lineangle = Math.atan2(y2 - y1, x2 - x1);
				var h = Math.abs(d / Math.cos(angle));
				if (which & 1) {
					var angle1 = lineangle + Math.PI + angle;
					var topx = x2 + Math.cos(angle1) * h;
					var topy = y2 + Math.sin(angle1) * h;
					var angle2 = lineangle + Math.PI - angle;
					var botx = x2 + Math.cos(angle2) * h;
					var boty = y2 + Math.sin(angle2) * h;
					toDrawHead(ctx, topx, topy, x2, y2, botx, boty, style);
				}
				if (which & 2) {
					var angle1 = lineangle + angle;
					var topx = x1 + Math.cos(angle1) * h;
					var topy = y1 + Math.sin(angle1) * h;
					var angle2 = lineangle - angle;
					var botx = x1 + Math.cos(angle2) * h;
					var boty = y1 + Math.sin(angle2) * h;
					toDrawHead(ctx, topx, topy, x1, y1, botx, boty, style);
				}
			};
			var spinColors = function(currentIteration, totalIterations) {
				var step = currentIteration % totalIterations;
				if (step < oldStep)
					colors.push(colors.shift());
				var c0 = colors[0],
					c1 = colors[1],
					r = minmax(easeLinear(step, c0.r, c1.r - c0.r, totalIterations), c0.r, c1.r),
					g = minmax(easeLinear(step, c0.g, c1.g - c0.g, totalIterations), c0.g, c1.g),
					b = minmax(easeLinear(step, c0.b, c1.b - c0.b, totalIterations), c0.b, c1.b);
				oldStep = step;
				return "rgb(" + parseInt(r) + "," + parseInt(g) + "," + parseInt(b) + ")";
			}
			var spin = function(t) {
				var timeCurrent = t || (new Date).getTime();
				if (!startTime) {
					startTime = timeCurrent;
				}
				tick = timeCurrent - startTime;
				acc = easeInOutQuad((tick + tail_duration / 2) % tail_duration, 0, duration, tail_duration);
				head = easeLinear((tick + acc) % duration, 0, 360, duration);
				tail = 20 + Math.abs(easeLinear((tick + tail_duration / 2) % tail_duration, -300, 600, tail_duration));
				ctx.lineWidth = lineWidth;
				ctx.lineCap = "round";
				ctx.strokeStyle = spinColors(tick, duration);
				ctx.clearRect(0, 0, size, size);
				//fixed android 4.1.x
				canvasObj.style.display = 'none'; // Detach from DOM
				canvasObj.offsetHeight; // Force the detach
				canvasObj.style.display = 'inherit'; // Reattach to DOM
				ctx.beginPath();
				ctx.arc(size / 2, size / 2, size / 4, parseInt(head - tail) % 360 * rad, parseInt(head) % 360 * rad, false);
				ctx.stroke();
				rAF = requestAnimationFrame(spin);
			};
			var startSpin = function() {
				startTime = 0;
				oldStep = 0;
				rAF = requestAnimationFrame(spin);
			};
			var stopSpin = function() {
				rAF && cancelAnimationFrame(rAF);
			}
			var init = function(canvas, options) {
				canvasObj = canvas;
				ctx = canvasObj.getContext('2d');
				var options = $.extend(true, {}, options);
				colors = options.colors;
				duration = options.duration;
				tail_duration = options.tail_duration;
				size = options.size;
				lineWidth = options.lineWidth;
			};
			return {
				init: init,
				drawArcedArrow: drawArcedArrow,
				startSpin: startSpin,
				stopSpin: stopSpin
			};
		})()
	});
})(mui);