{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
{/block}
{block name="body"}
<div class="main-box no-header clearfix">
	
	<div class="main-box-body clearfix">
		<!-- 表格列表 -->

		<div class="tabs-wrapper">
				<ul class="nav nav-tabs">
					<li><a href="/admin/statistics/order.html">订单统计</a></li>
					<li class="active"><a href="/admin/statistics/apporder.html">APP订单统计</a></li>
				</ul>
				<div class="tab-content">
				    <div class="tab-pane fade in active" id="tab订单统计">
						 <div class="col-md-3">
        <div class="well">
            <b>
                今日充值
				<span style="font-weight:normal;font-size:13px;color:#090" class="pull-right">
                    <span id="refresh_seconds"></span> 秒后刷新
                </span>
            </b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                &yen;<span data-bind="price: stats_today.paid_amount">{$todayPay|number_format=###,2}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding:0">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" data-bind="text: stats_today.welth_order_paid_count">{$todayPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" data-bind="text: stats_today.welth_order_unpaid_count">{$todayUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.welth_order_completion_rate() * 100)"></span>{if $todayPaid >0}{$todayPaid/($todayPaid+$todayUnpaid)*100|round=###}{/if} %</b>
                        </div>
                    </div>
                    <div class="col-sm-6" style="padding:0">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" data-bind="text: stats_today.vip_order_paid_count">{$todayYearPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" data-bind="text: stats_today.vip_order_unpaid_count">{$todayYearUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.vip_order_completion_rate() * 100)"></span>{if $todayYearPaid >0}{$todayYearPaid/($todayYearPaid+$todayYearUnpaid)*100|round=###}{/if} %</b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>昨日充值</b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                &yen;<span data-bind="price: stats_yesterday.paid_amount">{$yesterdayPay|number_format=###,2}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding:0">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_yesterday.welth_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_paid_count">{$yesterdayPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_unpaid_count">{$yesterdayUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $yesterdayPaid >0}{$yesterdayPaid/($yesterdayPaid+$yesterdayUnpaid)*100|round=###}{/if}%</b>
                        </div>
                    </div>
                    <div class="col-sm-6" style="padding:0">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_yesterday.vip_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" >{$yesterdayYearPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" >{$yesterdayYearUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $yesterdayYearPaid >0}{$yesterdayYearPaid/($yesterdayYearPaid+$yesterdayYearUnpaid)*100|round=###}{/if} %</b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="well">
            <b>本月充值</b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                &yen;<span >{$monthPay|number_format=###,2}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding:0">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" ></b></div>
                        <div>已支付: <b class="text-warning" >{$monthPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" >{$monthUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $monthPaid >0}{$monthPaid/($monthPaid+$monthUnpaid)*100|round=###}{/if}%</b>
                        </div>
                    </div>
                    <div class="col-sm-6" style="padding:0">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_this_month.vip_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" >{$monthYearPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" >{$monthYearUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $monthYearPaid >0}{$monthYearPaid/($monthYearPaid+$monthYearUnpaid)*100|round=###}{/if}%</b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="well">
            <b>累计充值 </b>
            <div class="text-primary" style="font-size:32px;margin:5px 0">
                &yen;<span >{$allPay|number_format=###,2}</span>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6" style="padding:0">
                        <strong>普通充值</strong>
                        <div><b class="text-primary" data-bind="price: stats_all_time.welth_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" >{$allPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" >{$allUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $allPaid >0}{$allPaid/($allPaid+$allUnpaid)*100|round=###}{/if}%</b>
                        </div>
                    </div>
                    <div class="col-sm-6" style="padding:0">
                        <strong>年费VIP会员</strong>
                        <div><b class="text-primary" data-bind="price: stats_all_time.vip_order_paid_amount"></b></div>
                        <div>已支付: <b class="text-warning" >{$allYearPaid}</b> 笔</div>
                        <div>未支付: <b class="text-warning" >{$allYearUnpaid}</b> 笔</div>
                        <div>
                            完成率: <b class="text-warning">{if $allYearPaid >0}{$allYearPaid/($allYearPaid+$allYearUnpaid)*100|round=###}{/if}%</b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="panel panel-default col-sm-12" id="order-daily-stats-panel">
    
    <table class="table table-bordered table-striped" data-bind="visible: !loading()" >
        <thead>
            <tr>
                <th>日期</th>
                <th class="text-right">充值金额</th>
                <th class="text-right">普通充值</th>
                <th class="text-right">普通充值支付订单数</th>
                <th class="text-right">年费VIP会员</th>
                <th class="text-right">年费VIP会员支付订单数</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: stats">
			{volist name="info" id="vo"}
            <tr>
                <td><span data-bind="date: date">{$key}</span></td>
                <td class="text-right">
                    <b>&yen; <span >{$vo.pay|number_format=###,2}</span></b>
                </td>
                <td class="text-right">
                    <b>&yen; <span >{$vo.paynormal|number_format=###,2}</span></b>
                    <div class="text-muted" style="font-size:14px;margin-top:5px">
                        充值人数: <span >{$vo.normalnum}</span>,
                        人均: &yen; <span >{if $vo.paynormal&& $vo['normalnum']}{php}echo round($vo['paynormal']/$vo['normalnum'],2);{/php}{/if}</span>
                    </div>
                </td>
                <td class="text-right">
                    <b><span>{$vo.payPaid}</span> 笔</b>
                    <div class="text-muted" style="font-size:14px;margin-top:5px">
                        <span >{$vo.payUnpaid}</span> 笔未支付,
                        完成率: <span >{if $vo['payPaid']>0}{$vo['payPaid']/($vo['payPaid']+$vo['payUnpaid'])*100|round=###}{/if}</span> %
                    </div>
                </td>
                <td class="text-right">
                    <b>&yen; <span >{$vo.payvip|number_format=###,2}</span></b>
                    <div class="text-muted" style="font-size:14px;margin-top:5px">
                        充值人数: <span>{$vo.vipnum}</span>,
                        人均: &yen; <span>{if $vo.payvip >0&&$vo['vipnum']>0}{$vo['payvip']/$vo['vipnum']}{/if}</span>
                    </div>
                </td>
                <td class="text-right">
                    <b><span>{$vo.payYaerPaid}</span> 笔</b>
                    <div class="text-muted" style="font-size:14px;margin-top:5px">
                        <span>{$vo.payYaerUnpaid}</span> 笔未支付,
                        完成率: <span >{if $vo['payYaerPaid']>0}{$vo['payYaerPaid']/($vo['payYaerPaid']+$vo['payYaerUnpaid'])*100|round=###}{/if}</span> %
                    </div>
                </td>
            </tr>
			{/volist}
        </tbody>
    </table>
</div>

					</div>
				</div>
		</div>


		
		<!-- /表格列表 -->
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$(function(){
	$.fn.editable.defaults.mode = 'popup';
	$.fn.editableform.buttons = '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="fa fa-check-square-o fa-white"></i></button>' +
	'<button type="button" class="btn editable-cancel btn-mini"><i class="fa fa-times"></i></button>';
	$('.editable').editable();

	var num=60;  //初始化计数器
	document.getElementById("refresh_seconds").innerHTML=num;  //在页面中显示10秒
	var tim=setInterval(function (){
		num--; //函数每调用一次num减一
		document.getElementById("refresh_seconds").innerHTML=num;
		//在页面中显示减一后的秒数
		if(num==1){
			clearInterval(tim);
			window.location.reload();
		}
	},1000);         
})
</script>
{/block}