zhoufan
/
SQZC12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
							<!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 rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css" />
		<style>
			.count {
				color: #ff0006;
			}
			
			.icon_color {
				color: #00b4ff;
				margin-right: 3px;
				vertical-align: middle;
			}
			
			ul li a {
				font-size: 14px;
				color: #585858;
			}
			
			.head {
				background: url(../img/banner.png) no-repeat;
				background-size:100% 100%;
				width: 100%;
				height: 170px;
				position: relative;
			}
			
			.count_list {
				padding: 0;
				margin: 0;
				width: 100%;
				border: 0;
			}
			
			.count_list li {
				width: 33.3%;
				text-align: center;
				float: left;
				background: #eef7fd;
				list-style: none;
				padding: 5px 0;
			}
			
			.nickName_box {
				color: #fff;
				font-size: 20px;
				position: absolute;
				right: 0;
				left: 0;
				top: 90px;
				bottom: 0;
				text-align: center;
			}
			
			.change_nickName {
				display: block;
				font-size: 10px;
				border: 1px solid #fff;
				width: 100px;
				margin: 9px auto;
				border-radius: 20px;
			}
			
			.right_wz {
				background: transparent;
				color: #929292;
			}
			
			.mui-segmented-control .mui-control-item.mui-active {
				color: #000!important;
				background-color: #eef7fd!important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="padding-right: 15px;color: #fff;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-center mui-title"><span class="Totle-box">全部任务</span></h1>
		</header>
		<!--页面主内容区开始-->
		<div class="mui-content">
			<div class="head">
				<!--<p class="nickName_box"><span class="nickName">豆芽儿</span><span class="change_nickName">请设置您的昵称</span></p>-->
				<p class="nickName_box"><span class="nickName"></span></p>

			</div>
			<ul class="count_list clearFix mui-segmented-control" id="segmentedControl">
				<li>
					<a href="#type_con0" class="mui-control-item mui-active">全部记录<span class="count total" </span></a>
				</li>
				<li>
					<a href="#type_con1" class="mui-control-item">处理中<span class="count blzcount"></span></a>
				</li>
				<li>
					<a href="#type_con2" class="mui-control-item">已办结<span class="count yblcount"></span></a>
				</li>
			</ul>

			<ul class="mui-table-view mui-control-content mui-active type_cla" id="type_con0"  data-index="-1">
				<li class="mui-table-view-cell turn_gdlist" data-index="-1">
					<a class="mui-navigate-right">
						<span class="type_data">全部诉求</span><span class="count all_count"></span>
						<span class="mui-badge right_wz">查看全部诉求</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view mui-control-content type_cla" id="type_con1" data-index="0">
				<li class="mui-table-view-cell turn_gdlist"  data-index="0" >
					<a class="mui-navigate-right">
						<span class="type_data">处理中总数</span><span class="count going"></span>
						<span class="mui-badge right_wz">查看处理中诉求</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view mui-control-content type_cla" id="type_con2" data-index="1">
				<li class="mui-table-view-cell turn_gdlist" data-index="1">
					<a class="mui-navigate-right" >
						<span class="type_data">已处理总数</span><span class="count finish"></span>
						<span class="mui-badge right_wz">查看已处理诉求</span>
					</a>
				</li>
			</ul>
		</div>

	</body>
	<script src="../js/mui.min.js "></script>
	<script src="../js/zepto.js"></script>
	<script src="../js/huayi.config.js"></script>
	<script src="../js/huayi.http.js"></script>
	<script src="../js/jquery.min.js"></script>
	<script>
		mui.init();
		mui.plusReady(function() {
			var usercode = localStorage.getItem("user"); //获取本地存储
			var type = 0;
			
			
			Ajax(type)
			$('.count_list li').on('tap',function(){
        		type=$(this).index();
        		Ajax(type);
        	})
			//权限判断
			function Ajax(type){
					$('#type_con'+type).children('.order_jl').remove();
					mui.ajax(huayi.config.callcenter_url + '/APP/GetWorkOrderCount', {
						data: {
							usercode: usercode,
							type:type
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'get', //HTTP请求类型
						success: function(result) {
							var con=result.data;
		                	if(result.state.toLowerCase()=='success'){
		                			$('.total').html(con.total);//全部记录
		                			$('.blzcount').html(con.blzcount);//办理中
		                			$('.yblcount').html(con.yblcount);//已办理
		                			$('.all_count').html('('+ con.total +')');//所有诉求
		                			$('.going').html('('+ con.blzcount +')');//办理中
		                			$('.finish').html('('+ con.yblcount +')');//已办理
		                			var typeData=con.typedata;
		                			$(typeData).each(function(i,n){ 
		                				typeData = JSON.stringify(typeData);
		                				
		                				$('<li class="mui-table-view-cell order_jl" onclick="aaa(this)" data-index="'+ n.F_ValueId+'">'+
											'<a class="mui-navigate-right">'+
												'<span class="type_data">'+ n.F_Value+'记录</span><span class="count">('+ n.Count+')</span>'+
											'</a>'+
										'</li>').appendTo('#type_con'+type);
		                			})
		                			
		                			
		                	}
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
						}
		
					});
			}

			//全部记录
			
			$('.turn_gdlist').click(function(){
				var isdeal=$(this).attr('data-index');
				var nwaiting = plus.nativeUI.showWaiting();
				webviewShow = plus.webview.create("user-worklist.html?isdeal="+isdeal); //后台创建webview并打开show.html  
				webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件  
					nwaiting.close(); //新webview的载入完毕后关闭等待框  
					webviewShow.show("slide-in-right", 300); //把新webview窗体显示出来，显示动画效果为速度300毫秒的右侧移入动画

				}, false);
			})

		})
		
			function aaa(ths){
				var order_type=$(ths).attr('data-index');
				var isdeal=$(ths).parent(".type_cla").attr('data-index');
				var nwaiting = plus.nativeUI.showWaiting();
				webviewShow = plus.webview.create("user-worklist.html?type="+order_type+"&isdeal="+isdeal); //后台创建webview并打开show.html  
				webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件  
					nwaiting.close(); //新webview的载入完毕后关闭等待框  
					webviewShow.show("slide-in-right", 300); //把新webview窗体显示出来，显示动画效果为速度300毫秒的右侧移入动画

				}, false);
			}
	</script>

</html>