zhoufan
/
12345_Base_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<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" />
		<title>个人中心</title>
		<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/per_bg_01.png) no-repeat;
				background-size: cover;
				width: 100%;
				height: 200px;
				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>
			<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" id="type_con0">
				<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>
				<!--				
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						建议记录<span class="count">(0)</span>
					</a>
				</li>-->
			</ul>
			<ul class="mui-table-view mui-control-content" id="type_con1">
				<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" id="type_con2">
				<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>
		<script src="../js/mui.min.js"></script>
		<script src="../layui/layui.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>
        	var openid = helper.cookies.get("openid");
//      	console.log(openid);
        	var type=0;
        	Ajax(type);
        	$('.count_list li').on('tap',function(){
        		type=$(this).index();
        		Ajax(type)
        	})
        	function Ajax(type){
        		console.log(type)
        		$('#type_con'+type).children('.order_jl').remove();
        		$.ajax({
        		type:"get",
    			url: huayi.config.callcenter_url + 'WxLogin/GetWorkOrderCount',
                data: { 
                	openid: openid,
                	type:type
                },
                dataType: 'json',
                success: function (result) {
                	console.log(result.state)
                	 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){
                				$('<li class="mui-table-view-cell order_jl" 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)
                			})
                	}
                }
        	});
        	}
        	
        	 $('.turn_gdlist').on('tap',function(){
        	 	var isdeal=$(this).attr('data-index');
        	 	location.href = "allSuQiu.html?isdeal="+isdeal;
        	 })
        	 $('#type_con'+type).on('tap','.order_jl',function(){
        	 	var order_type=$(this).attr('data-index');
        	 	location.href = "allSuQiu.html?types="+order_type;
        	 })
        	
        	
        </script>
	</body>
</html>