<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase2.php');?>
	<div class="marauto mar10 pad10" id="user-tongji" style="max-width:1400px;margin:0 auto;">
		<form class="form-inline" name="tform">
			<h3 style="text-align:center;">
				<a href="http://www.yiparts.com/pjls?f=TJ" target="_blank" style="color: #e7181e;">跑街令APP统计报表</a>
				<div class="form-group" style="float:right;font-size:16px;">
				  <a href="javascript:;" class="marr10<?php if(empty($Params['sys'])){?> active<?php }?>"><label><input type="radio" name="sys" value="" style="display:none" onclick="tform.submit()"/>所有版本</label></a>
				  <a href="javascript:;" class="marr10<?php if($Params['sys'] == 'and'){?> active<?php }?>">
					<label><input type="radio" name="sys" value="and" style="display:none" onclick="tform.submit()" <?php if($Params['sys'] == 'and') echo " checked"; ?>/>安卓版</label>
				  </a>
				  <a href="javascript:;" class="marr10<?php if($Params['sys'] == 'ios'){?> active<?php }?>">
					<label><input type="radio" name="sys" value="ios" style="display:none" onclick="tform.submit()" <?php if($Params['sys'] == 'ios') echo " checked"; ?>/>苹果版</label>
				  </a>
				</div>
			</h3>
			<div class="mart10" style="text-align:center;margin: 20px;">
				<div class="layui-inline">
				    <input type="text" name="range" autocomplete="off" readonly="" class="layui-input" id="date_check" placeholder="请选择日期" value="<?php echo $Params['range'];?>">
				</div>
				<button class="layui-btn act-btn" type="submit">
				  <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
				</button>
			    <div class="layui-inline">
			    	<?php if(!empty($dateArr)){?>
			    	<?php foreach($dateArr as $k =>$v){?>
			    	<a href="javascript:;" class="marr10 <?php if($v == $Params['limit'] ){?> active<?php }?>">
						<label><input type="radio" name="limit" value="<?php echo $v;?>" style="display:none"/><?php echo $k;?></label>
					</a>
				    <?php }?>
					<?php }?>
			    </div>
			</div>
		</form>
		<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-normcol">
		  <div carousel-item id="LAY-index-normcol">
			<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
		  </div>
		</div>

		<?php if(!empty($lists)){?>
		<div class="mart10">
			<div id="echarts" style="height: 400px;"></div>
		</div>
		<?php }?>
	</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript">
$(function(){
	$('[name="limit"]').click(function(){
		$('[name="range"]').val('');
		tform.submit();
	});

	layui.use(['index', 'carousel', 'echarts', 'laydate'], function(){
		var $ = layui.$
		,carousel = layui.carousel
		,echarts = layui.echarts, laydate = layui.laydate;

		laydate.render({
		  elem: '#date_check'
		  ,range: '~'
		  ,max:0
		});
		
		 //标准柱状图
		var echnormcol = [], normcol = [
		  {
			title : {
			  text: '客户端分布'
			},
			tooltip : {
			  trigger: 'axis'
			},
			legend: {
			  data:['占比']
			},
			calculable : true,
			xAxis : [
			  {
				type : 'category',
				data : <?php echo json_encode(array_column($lists, 'bar_area'));?>
			  }
			],
			yAxis : [
			  {
				type : 'value'
			  }
			],
			series : [
			  {
				name:'占比',
				type:'bar',
				data:<?php echo json_encode(array_column($lists, 'sratio'));?>,
				itemStyle: {
				  normal: {
					label: {show: true}
				  }
				}
			  }
			],
			
		  }
		]
		,elemNormcol = $('#LAY-index-normcol').children('div')
		,renderNormcol = function(index){
		  echnormcol[index] = echarts.init(elemNormcol[index], layui.echartsTheme);
		  echnormcol[index].setOption(normcol[index]);
		  window.onresize = echnormcol[index].resize;
		};   
		if(!elemNormcol[0]) return;
		renderNormcol(0);

	});
})
</script>