zhoufan
/
SQSX12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>所有诉求</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<style>
			.mui-bar-popover {
				width: 30%;
			}
			.mui-popover.mui-bar-popover .mui-table-view{
				width: 100%;
			}
			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
				text-align: center;
			}
			.san{
				    font-size: 14px;
    				margin-right: 5px
			}
			.nav_a{
				    border-right: 1px solid #ccc;
			}
			.go_search{
				background: #fff!important;
			    border: 1px solid #ccc!important;
			    border-radius: 17px!important;
			}
			.new_title{
				color: #000;
				font-size: 16px;
			}
			.list_new_icon{
				margin-right: 5px;
				font-size: 20px;
				vertical-align: middle;
			}
			.time i{
				font-size: 18px!important;
			}
			.finish{
				color: #5ccb91;
			}
			.going{
				color: #febd23;
			}
			.waiting{
				color: #fd7c78;
			}
			.advice,.time{
				margin-left: 15px;
			}
			.mui-search{
				width: 70%;
			}
			.mui-search.mui-active:before{
				top: 24px!important;
			}
	
		</style>
	</head>

	<body>
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
			<div class="mui-scroll">
				
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="order_list">
				<li class="mui-table-view-cell">
					<div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear go_search" placeholder="请输入关键字" style="margin-bottom: 0;">
				</div>
				<div class="mui-btn mui-btn-primary turnGo">高级查询</div>
				</li>
				  <!--<li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-12">
		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
		                    <p class="mui-h6 mui-ellipsis">
		                    	<span class="finish state"><i class="iconfont icon-duihao list_new_icon"></i>已完成</span>
		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>建议反馈</span>
		                    </p>
		                </div>
		               
		            </div>
		        </li>
				  <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-12">
		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
		                    <p class="mui-h6 mui-ellipsis">
		                    	<span class="going state"><i class="iconfont icon-gengduo list_new_icon"></i>正在调整</span>
		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>建议反馈</span>
		                    </p>
		                </div>
		               
		            </div>
		        </li>
				  <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-12">
		                    <h5 class="mui-ellipsis-2 new_title" >诉求标题诉求标题诉求标题诉求标题诉求标题</h5>
		                    <p class="mui-h6 mui-ellipsis">
		                    	<span class="waiting state"><i class="iconfont icon-icon16 list_new_icon"></i>等待处理</span>
		                    	<span class="time"><i class="iconfont icon-daichuli list_new_icon"></i>2017年09月09日</span>
		                    	<span class="advice"><i class="iconfont icon-wuyetousu list_new_icon"></i>问题投诉</span>
		                    </p>
		                </div>
		               
		            </div>
		        </li>-->
				
			</ul>
			</div>
			<div class="mui-table more">
            <!--<div class="mui-table-cell">
                <h4 class="mui-ellipsis mores">显示更多...</h4>
            </div>-->
        </div>
			
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/zepto.js"></script>
        <script src="../Script/Common/huayi.config.js"></script>
        <script src="../Script/Common/huayi.http.js"></script>
		<script type="text/javascript">
			var openid = helper.cookies.get("openid");
			var phone=helper.request.queryString("phone");//手机号
			var slcode=helper.request.queryString("slcode");//受理编号
			var isdeal=helper.request.queryString("isdeal");//受理编号
			var types=helper.request.queryString("types");//受理编号
			
			var page=1;//页数
			var pageSize=10;//每页显示条目
			var total;//数据总条数
			var keyw;//关键字
			 Ajax();
			 $('.go_search').on('input focus',function(){
			 	keyw=$(this).val();
			 	page=1;
			 	console.log(keyw)
			 	Ajax();
			 })
			mui.init({
				swipeBack: false,
				pullRefresh: {
					container: '#pullrefresh',
					up: {
				      	contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
				      	contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
						callback: pullupRefresh
					}
				}
			});
			
			function pullupRefresh() {
				setTimeout(function() {
				mui('#pullrefresh').pullRefresh().endPullupToRefresh((page++ >= Math.ceil(total/10)));
				$.ajax({
					type:"get",
					url:huayi.config.callcenter_url + 'WxLogin/GetList',
					async:true,
					data:{
						openid:openid,
						workid:slcode,
	//					state:'工单状态',
						type:types,
						key:keyw,
						tel:phone,
						isdeal:isdeal ,//-1全部0办理中1已办理
	//					name:'客户名称',
//						keyid:keyw,
	//					starttime:'开始时间',
	//					endtime:'结束时间',
						page:page,
						pagesize:pageSize
					},
					success:function(data){
//						console.log(data.rows)
						var con=JSON.parse(data);
						$(con.rows).each(function(i,n){
							if(n.F_WorkState==0){
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="waiting state">'+
						                    	'<i class="iconfont icon-icon16 list_new_icon"></i>等待处理</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    
						                    '<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}else if(n.F_WorkState==9){
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="finish state">'+
						                    	'<i class="iconfont icon-duihao list_new_icon"></i>处理完结</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    	'<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}else{
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="going state">'+
						                    	'<i class="iconfont icon-gengduo list_new_icon"></i>正在处理</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    	'<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}
							
						})
					}
				
			});
									
				}, 1000);
			}
//			0等待处理  9已处理 1-8处理中
	  function Ajax(){
	  	$('.order').remove();
	  	$.ajax({
					type:"get",
					url:huayi.config.callcenter_url + 'WxLogin/GetList',
					async:true,
					data:{
						openid:openid,
						workid:slcode,
	//					state:'工单状态',
						type:types,
						key:keyw,
						tel:phone,
						isdeal:isdeal,//-1全部0办理中1已办理
	//					name:'客户名称',
	//					keyid:'关键词id',
	//					starttime:'开始时间',
	//					endtime:'结束时间',
						page:page,
						pagesize:pageSize
					},
					success:function(data){
						var con=JSON.parse(data);
						total=con.total;
						$(con.rows).each(function(i,n){
							if(n.F_WorkState==0){
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="waiting state">'+
						                    	'<i class="iconfont icon-icon16 list_new_icon"></i>等待处理</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    	'<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}else if(n.F_WorkState==9){
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="finish state">'+
						                    	'<i class="iconfont icon-duihao list_new_icon"></i>处理完结</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    	'<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}else{
								$('<li class="mui-table-view-cell order" data-index="'+ n.F_WorkOrderId+'">'+
						            '<div class="mui-table">'+
						                '<div class="mui-table-cell mui-col-xs-12">'+
						                   '<h5 class="mui-ellipsis new_title" >'+n.F_ComTitle+'</h5>'+
						                    '<p class="mui-h6 mui-ellipsis">'+
						                    	'<span class="going state">'+
						                    	'<i class="iconfont icon-gengduo list_new_icon"></i>正在处理</span>'+
						                    	'<span class="time">'+
						                    	'<i class="iconfont icon-daichuli list_new_icon"></i>'+ n.F_CreateTime+'</span>'+
						                    	'<span class="advice">'+
						                    	'<i class="iconfont icon-wuyetousu list_new_icon"></i>'+n.TypeName+'</span>'+
						                    '</p>'+
						                '</div>'+
						            '</div>'+
						        '</li>').appendTo('#order_list');
							}
							
						})
					}
			});
	    }
		$('#order_list').on('tap','.order',function(){
			var id=$(this).attr('data-index');
			location.href = "gongDanDetail.html?id="+id;
		})
		$('.turnGo').on('tap',function(){
			location.href = "shouLiChaXun.html";
		})
		
	</script>
	</body>

</html>