{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">
				<div class="tab-content">
				    <div class="tab-pane fade in active" id="tab订单统计">
	<div class="col-md-3">
		<div class="well">
			<p><b>直接充值 <i class="fa fa-question-circle" title="通过菜单直接充值" data-toggle="tooltip"></i></b></p>
			<div>
				<div>
					充值总额:
					<b class="text-warning">
						<span>&yen; {$zallpay|number_format=###,2}</span>
					</b>
				</div>
				<div>
					充值笔数:
					<b class="text-warning">
						<span>{$zallPaid}</span>
					</b>
				</div>
			</div>
		</div>
    </div>

	<div class="col-md-3">
		<div class="well">
			<p><b>小说引导充值 <i class="fa fa-question-circle" title="小说阅读过程中进行的充值" data-toggle="tooltip"></i></b></p>
			<div>
				<div>
					充值总额:
					<b class="text-warning">
						<span>&yen; {$allpay|number_format=###,2}</span>
					</b>
				</div>
				<div>
					充值笔数:
					<b class="text-warning">
						<span>{$allPaid}</span>
					</b>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-3">
		<div class="well">
			<p><b>引导用户 </b></p>
			<div>
				<div>
					新增人数:
					<b class="text-warning">
						<span>{$guideregister}</span>
					</b>
				</div>
				<div>
					关注人数:
					<b class="text-warning">
						<span>{$guideattention}</span>
					</b>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-3">
		<div class="well">
			<p><b>直接用户</b></p>
			<div>
				<div>
					新增人数:
					<b class="text-warning">
						<span>{$register}</span>
					</b>
				</div>
				<div>
					关注人数:
					<b class="text-warning">
						<span>{$attention}</span>
					</b>
				</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">直接订单数</th>
                <th class="text-right">引导用户</th>
				<th class="text-right">引导关注</th>
                <th class="text-right">直接用户</th>
				<th class="text-right">直接关注</th>
				<th class="text-right">扣量</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.guidepay|number_format=###,2}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.guidepaynum}</span></b>
                </td>
				 <td class="text-right">
                    <b>&yen; <span >{$vo.directpay|number_format=###,2}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.directpaynum}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.guideregister}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.guideattention}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.register}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.attention}</span></b>
                </td>
				 <td class="text-right">
                    <b> <span >{$vo.kouliangnum}</span></b>
                </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}