{{extend name="layout/content" /} {block name="header"}
<title>平台数据统计</title>

<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/lib/Viewer/css/viewer.min.css">
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}"
      xmlns="http://www.w3.org/1999/html">
<style>
    .layui-table th{
        font-size: 12px !important;
    },
    .layui-table td {
        text-align: center;
        font-size: 12px !important;
    }

    .layui-icon {
        vertical-align: bottom;
    }

    .td-manage button {
        border: 0;
        padding: 5px;
        border-radius: 5px;
        color: #FFFFFF;
    }

    .layui-form-label {
        float: left;
        display: block;
        padding: 9px 15px;
        width: 48px;
        font-weight: 400;
        text-align: right;
    }

    .layui-form-item .layui-input-inline {
        float: none;
        margin-left: 10px;
    }

    .check_photo + img {
        display: none;
    }

</style>
{/block}

{block name="content"}
<div class="x-body">

    <form class="layui-form" method='get' id="J_search_form">


        <div style="">


            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="开始时间" name="start" id="start" readonly='readonly'
                           value="{$Request.get.start}" autocomplete="off">
                </div>
                <span>-</span>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="结束时间" name="end" id="end" readonly='readonly'
                           value="{$Request.get.end}" autocomplete="off">
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn layui-btn-radius" lay-submit id="J_search_submit">查询</button>
     
            </div>
        </div>

        <div style="clear:both"></div>

        <table class="layui-table" >
            <thead>
            <tr>
                <th>日期</th>
                <th>玩家总数</th>
                <th>新增玩家</th>
                <th>新增角色</th>
                <th>活跃玩家</th>
                <th>支付金额</th>
                <th>付费人数</th>

                <th>付费率</th>
                <th>ARPU</th>
                <th>ARPPU</th>

            </tr>
            </thead>

            <tbody id="viewer_wrap">
            {notempty name="list"} {volist name="list" id="vo"}
            <tr>
                <td>{$vo.day}</td>
                <td>{$vo['reg_total']}</td>
                <td>{$vo.reg_num}</td>
                <td>{$vo['role_num']}</td>
                <td>{$vo['act_num']}</td>
                <td>{$vo['recharge_num']}</td>
                <td>{$vo['pay_num']}</td>
                <td>{$vo['rate']}%</td>
                <td>{$vo['arpu']}</td>
                <td>{$vo['arppu']}</td>

            </tr>
            {/volist} {/notempty}
            </tbody>
        </table>

        <div class="pager-container">
               <span>
                            新增玩家:{$total['reg_num']},新增角色:{$total['role_num']},活跃玩家:{$total['act_num']},充值金额:{$total['recharge_num']}元   {$list->total()}条记录
                        </span>

            {$page}
            <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
                <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page"
                       onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
            </div>
        </div>
    </form>

</div>

{/block}{block name="footer"}
<script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js" charset="utf-8"></script>
<script type="text/javascript" src="__STATIC__/lib/Viewer/js/viewer.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/lib/xm-select.js"></script>
<script>

    layui.use(['form', 'laydate'], function () {
        var laydate = layui.laydate;
        var form = layui.form;

        var starttime = laydate.render({
            elem: '#start',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                endtime.config.min = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                };
            }
        });
        var endtime = laydate.render({
            elem: '#end',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                starttime.config.max = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                }
            }
        });
    })

    function reportDownload(is_show)
    {

        $.ajax({
            type: "post",
            url: "{:url('retaineGame')}",
            async: false,
            data: $('.layui-form').serialize(),
            dataType: 'json',
            timeout: 5000,
            success: function (data) {

                if (data['code']) {
                    layer.alert(data['msg']);
                } else {
                    layer.alert(data['msg']);
                }
            },
            error: function () {
                layer.alert('网络错误，请重试');
            },
        });
    }
</script>
{/block}