{extend name="public/base" /}
{block name="body"}
<style>
.clinhei{width:100%;height:20px;}	
.inp{width:200px;}
.inpdiv{width:25%;float:left;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{width:100%;border:0;}
.up{border:0;cursor: pointer;}
.infolist{float: left;font-weight:bold;width:33.3%;display:block;text-align:center;}
.infolist2{float: left;font-weight:bold;width:20%;display:block;text-align:center;}
.moneycss{color:red;}
</style>

<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>充值金额总统计</h2>
		</div>
		
	</header>
	<div class="main-box-body clearfix">
        
		<div class="row">
			<form method="post" class="target_form" id="formtime">
				<div class="col-sm-12 col-md-3 col-lg-3">
					
					<div class="input-group">
						<input type="text" class="form-control" name="startdata" id="startdata" value="{$startdata}" placeholder="">
						<span class="input-group-addon"><i class="fa fa-th"></i></span>
					</div>
				</div>
				<div class="col-sm-12 col-md-3 col-lg-3">
					<div class="input-group">
						<input type="text" class="form-control" name="enddata" id="enddata" value="{$enddata}" placeholder="">
						<span class="input-group-addon"><i class="fa fa-th"></i></span>
					</div>
				</div>
				<div class="col-sm-12 col-md-2">
					<div class="input-group">
						<input type="text" class="form-control" name="qd" id="qd" placeholder="渠道">
					</div>
				</div>
				<div class="col-sm-12 col-md-3">
					<button class="btn btn-primary" type="button" onclick="verificationfrom()">搜索</button>
                </div>       
            </form>
        </div>


		    <div class="clinhei"></div>
		    <p class="text-success">{$text}</p>
		    <div class="panel panel-default">
		        
                 <div class="panel-body">
                    <div class="infolist">注册人数<p class="text-warning">{$regnum}</p></div>
                    <div class="infolist">充值成功次数<p class="text-warning">{$paynum}</p></div>
                    <div class="infolist">充值金额<p class="text-warning moneycss">￥{if $money==''}0{else/}{$money}{/if}</p></div>
                 </div>
                 
            </div>
            <div style="width:0;height:15px;line-height:15px;"></div> 
            <div class="table-responsive clearfix" style="z-index: 1;">
                <table class="table table-hover" data-toggle="table" data-search="false"  data-height="800" data-striped="false" data-show-export-links="false" data-show-columns="false" data-show-dropdown="false" style="min-width:100px;" data-buttons-class="primary">
                    <thead>
                        <tr>
                            <th class="text-center" >
                                推广ID
                            </th>
                            <th class="text-center" >
                                书籍
                            </th>
                            
                            <th class="text-center" >
                                推广ID充值金额
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    {volist name="res" id="vo" key="k"}
                    <tr class="referral-link-item">
                        <td class="text-center">
                            {$vo.id}
                         </td>
                         <td class="text-center">
                            {$vo.title}
                         </td>
                         <td class="text-center">
                            {$vo.sum}
                         </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
                {$res->render()}
            </div>
	</div>
	
</div>
{/block}
{block name="script"}
<!-- datepicker statr -->
<link href="/public/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="/public/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="/public/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<script>
$('#startdata').fdatepicker({
    clearBtn: true,
    todayBtn: true,
	format: 'yyyy-mm-dd h:i',
	pickTime: true
});
$('#enddata').fdatepicker({
    clearBtn: true,
    todayBtn: true,
	format: 'yyyy-mm-dd h:i',
	pickTime: true
});


// 验证表单
function verificationfrom(){
    var formtime = $('#formtime');
        if(formtime.find('input:eq(0)').val()==''){
            swal('错误','时间不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
        }else if(formtime.find('input:eq(1)').val()==''){
            swal('错误','时间不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
        }else{
            formtime.submit();
        }
}

</script>
{/block}