<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<div class="layui-fluid">
	<form class="layui-form">
		<div class="layui-form-item">
			<div class="layui-input-inline" style="width:100px">
			  <input type="text" name="bdate" class="layui-input" placeholder="开始时间" id="bdate" value="<?php echo $Params['bdate'];?>">
			</div>
			<div class="layui-form-mid layui-word-aux"> 至 </div>
			<div class="layui-input-inline" style="width:100px">
			  <input type="text" name="edate" class="layui-input" placeholder="结束时间" id="edate" value="<?php echo $Params['edate'];?>">
			</div>
			<div class="layui-input-inline" style="width:70px">
				<button class="layui-btn" lay-submit>查询</button>
			</div>
			<div class="layui-form-mid layui-word-aux">
			    <?php foreach($dateArr as $k =>$v){?>
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>tj/base?limit=<?php echo $k;?>" class="marr10 blue <?php if($k == $Params['limit']) echo ' active';?>"><?php echo $v;?></a>
				<?php }?>
			 </div>
		</div>
	</form>
	<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heapline">
	  <div carousel-item id="LAY-index-heapline">
		<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
	  </div>
	</div>
	<table class="layui-table" style="width:600px">
		<thead>
			<tr>
				<th width="80">日期</th>
				<?php foreach($tjtArr['filed'] as $name){?>
				<th><?php echo $name;?></th>
				<?php }?>
			</tr>
		</thead>
		<tbody>
			<?php foreach($tjArr as $v){?>
			<tr>
				<th><?php echo date('Y-m-d', strtotime($v['sub_date']));?></th>
				<?php foreach($tjtArr['filed'] as $filed=>$name){?>
				<td><?php if(!empty($v[$filed])) echo $v[$filed];?></td>
				<?php }?>
			</tr>
			<?php }?>
		</tbody>
	</table>
</div>	
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
layui.use(['index', 'senior', 'laydate', 'carousel', 'echarts'], function(){
    var $ = layui.$
    ,carousel = layui.carousel
    ,echarts = layui.echarts
	,laydate = layui.laydate;
	laydate.render({
		elem: '#bdate'
	});
	laydate.render({
		elem: '#edate'
	});

    //堆积折线图
    var echheapline = [], heapline = [
      {
        tooltip : {
          trigger: 'axis'
        },
        legend: {data:<?php echo json_encode(array_values($tjtArr['filed']));?>},
        calculable : true,
        xAxis : [
          {
            type : 'category',
            boundaryGap : false,
            data : <?php echo json_encode($tjtArr['date']);?>
          }
        ],
        yAxis : [
          {
            type : 'value'
          }
        ],
        series : <?php echo json_encode($tjtArr['data']);?>
      }
    ]
    ,elemheapline = $('#LAY-index-heapline').children('div')
    ,renderheapline = function(index){
      echheapline[index] = echarts.init(elemheapline[index], layui.echartsTheme);
      echheapline[index].setOption(heapline[index]);
      window.onresize = echheapline[index].resize;
    };
    if(!elemheapline[0]) return;
    renderheapline(0);

});
</script>