<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{$meta_title}-个人中心</title>
    <link href="__CSS__/20170831/iconfont.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/20170831/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/20170831/common.css" rel="stylesheet" type="text/css">
    <link href="{:get_cover(C('CH_SET_ICO'),'path')}" type="image/x-icon" rel="shortcut icon">
    <script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>

    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
    <![endif]-->
    {:hook('pageHeader')}
    <script type="text/javascript" src="__STATIC__/layer/layer.js" ></script>
    <block name="css"></block>
    <script type="text/javascript" src="__JS__/20170831/common.js"></script>

    <link href="__CSS__/20170831/data.css" rel="stylesheet">
    <style type="text/css">
        .keywords_information {margin-left:15px;cursor:pointer;}
        .keywords_information .keywords_mark {height:35px;line-height:35px;color:#145ccd;}
        .keywords_information .keywords_mark span{border-bottom:1px solid transparent;}
        .keywords_information .keywords_mark:hover span {border-bottom-color:#145ccd;}
        .keywords_information .keywords_content {transition:opacity 1.2s,visibility 1.5s;}
        .keywords_information .keywords_content:before {margin-left:41px;}
        .keywords_information .keywords_content .keywords_close {position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;color:#FFF;}
        .keywords_information .keywords_list span:first-child {width:160px;}
        .keywords_information .keywords_list span:last-child {width:350px;}
        .keywords_information {position:relative;display:inline-block;}
        .keywords_information .keywords_mark {display:block;font-size:12px;font-style:normal;font-weight:normal; }
        .keywords_information .keywords_content.active {visibility:visible;opacity:1;transition:visibility 1.5s,opacity 1s;}
        .keywords_information .keywords_content {visibility:hidden;opacity:0;
            position:absolute;width:550px;z-index:10;background:#fff;border-radius:5px;
            box-shadow:0px 4px 4px rgba(0,0,0,.1),2px 0px 2px rgba(0,0,0,.1),-2px 0px 2px rgba(0,0,0,.1);
            top:38px;left:-20px;
        }

        .keywords_information .keywords_content:before {
            display:block;content:'';
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #7089A1;
            margin-top: -20px;margin-left:18px;
            position: absolute;top:0;left:0;
        }

        .keywords_information .keywords_title {
            height:30px;line-height:30px;background-color:#7089A1;
            border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;
            padding-left:10px;font-size:12px;
        }
        .keywords_information .keywords_list {overflow:hidden;clear:both;padding:10px;font-size:10px;padding-left:10px;border-bottom:1px solid #DBDBDD;}
        .keywords_information .keywords_list:last-child {border-bottom:none;}
        .keywords_information .keywords_list span {display:inline-block;display: block;
            float: left;
            line-height: 30px;
            width: 420px;}
        .keywords_information .keywords_list span:first-child {width:160px;margin-right:20px;}

        .trunk-list .table .odd {background: #F0EFF5;}
		.page-list .trunk-list .table tr {
			height: 40px;
			line-height: 40px;
			color: #515974;

		}
		.trunk-list .table th{font-weight: 600;}
		.trunk-list .table th, .trunk-list .table td{font-size: 14px;}
		.page-list .trunk-list .table tr.no_data{border: none;text-align: center;}
		.page-list .trunk-list .table tr.no_data img{padding-top: 28px;}
		.trunk-list .table tr:nth-child(2n-1) {border-top: 1px solid #f3f5f9;border-bottom: 1px solid #f3f5f9;}
    </style>
		<style>
		.pagenation {padding:25px 20px;text-align:center;position: relative;}
.pagenation>div {display:inline-block;text-align:center;}
.pagenation span,.pagenation a {display:inline-block;height:40px;padding:0px 20px;border:none; text-align:center;line-height:40px;color:#D7DCDF;float:left;}
.pagenation span.current,.pagenation a:hover {border-color:#526782;color:#526782;}
.pagenation .prev {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pagenation .next {border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pagenation div {
    float: right;
    border-radius: 5px;
    line-height: 1.444444;
}.pagenation span.rows {
     color: #515974;position: absolute;
     left: 0;
     top: 30px;
     border: none;
 }
.pagenation select {
    height: 30px;
    float: left;
    margin-right: 15px;
    color: #404040;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
}
			.pagenation .sch-btn, .pagenation .sch-btn:hover {
					background: #3C95C8;
					font-size: 14px;
					font-weight: normal;
					cursor: pointer;
					color: #fff;
					cursor: pointer;
					border-radius: 3px;
					text-align: center;
					border-bottom: none;
					width: 55px;
					height: 30px;padding: 0;
					float: right;
					margin-left: 15px;
					line-height: 30px;
					border: none;
			}
		</style>
</head>

<body style="background:#ffffff">


<div class="trunk" style="padding:0;">

    	<div class="page-list query-recharge-list" style="margin-top:0px;min-height:200px;">

        <div class="trunk-content article">
            <div class="trunk-list">
                <table class="table" id="datacontent">
                    <table class="table" id="datatable"><thead>
                    <tr class="odd">
                        <th>游戏名称</th>
                        <th>新增玩家</th>
                        <th>活跃玩家</th>
                        <th>充值金额</th>
                        <th>付费玩家</th>
                        <th>新增付费用户</th>
                        <th>付费率</th>
                        <th>ARPU</th>
                        <th>ARPPU</th>
                    </tr></thead><tbody>
                    <empty name="records">
                        <tr class="no_data"><td colspan="11"><img src="__IMG__/20180207/icon_chakan_wushujv1.png"/><p style="line-height: 20px;color: #A5A5A5;">暂无数据</p></td></tr>
                        <else />
                        <volist name="records" id="record" mod="2">
                            <tr name="rows" class="<eq name='mod' value='1'>odd</eq>">
                                <td>{$record.gameName}</td>
                                <td>{$record.registerCount}</td>
                                <td>{$record.loginCount}</td>
                                <td>{$record.payAmount}</td>
                                <td>{$record.payUserCount}</td>
                                <td>{$record.newPayUserCount}</td>
                                <td>{$record.payRate}</td>
                                <td>{$record.arpu}</td>
                                <td>{$record.arppu}</td>
                            </tr>
                        </volist>
                    </empty></tbody>
                    </table>
                </table>
                <div class="pagenation clearfix">
                </div>
            </div>
        </div>
    </div>

    <link rel="stylesheet" type="text/css" href="__CSS__/p_jquery.datetimepicker.css">
    <script type="text/javascript" src="__JS__/jquery.datetimepicker.js"></script>
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
    <script type="text/javascript" src="__JS__/20170831/pagination.js"></script>
    <script type="text/javascript" src="__JS__/20170831/string.js"></script>
    <script type="text/javascript" src="__JS__/20170831/tabpage.js"></script>
    <eq name='timeout' value='1'>
        <script>
            layer.msg('时间间隔不能超过90天');
        </script>
    </eq>
    <script>
        function chakan() {
            url = "{:U('Query/cha_userarpu',array('time'=>$vo['time'],'promote_name'=>$promote_name,'promote_id'=>$_REQUEST['promote_id']))}";
            timetitle ="游戏数据";
            ptitle = "游戏数据";
            console.log(url);
            layer.open({
                type: 2,
                title: false,
                closeBtn: 0, //不显示关闭按钮
                shade: [0],
                area: ['1px', '1px'],
                offset: 'rb', //右下角弹出
                time: 1, // 秒后自动关闭   这里设置成1ms 不显示过度页面
                anim: 2,
                content: ['', 'no'], //iframe的url,no代表不显示滚动条
                end: function () { //
                    layer.open({
                        type: 2,
                        title: timetitle + ptitle + ' 游戏数据',
                        shadeClose: true,
                        shade: false,
                        maxmin: true, //开启最大化最小化按钮
                        area: ['50%', '45%'],
                        content: url//iframe的url
                    });
                }
            });
        }

    </script>
    <script type="text/javascript">
        setValue('promote_id',{$Think.request.promote_id|default=0});
        setValue('game_id','{$Think.request.game_id|default=0}');
        $().ready(function(){
            $("#pagehtml a").on("click",function(event){
                event.preventDefault();//使a自带的方法失效,即无法调整到href中的URL(http://www.baidu.com)
                var geturl = $(this).attr('href');
                $('#data_form').attr('action',geturl);
                $('#data_form').submit();
            });
            $('#sdate').datetimepicker({
                lang:'ch',
                format:'Y-m-d',
                formatDate:'Y-m-d',
                scrollMonth:false,
                scrollTime:false,
                scrollInput:false,
                timepicker:false
            });

            $(".select_gallery").select2();

            $('#edate').datetimepicker({
                lang:'ch',
                format:'Y-m-d',
                formatDate:'Y-m-d',
                scrollMonth:false,
                scrollTime:false,
                scrollInput:false,
                timepicker:false
            });


            tablePage('datatable', 'datacontent', 'pagenation', [1, 2, 4, 5, 6, 10], false);

            $('.keywords_information .keywords_mark').click(function() {
                var that = $(this).siblings().addClass('active');
                console.log(that);
                $(document).click(function(event) {
                    var e = event || window.event;
                    var target= $(e.target);
                    if (!target.hasClass('keywords_information') && target.closest('.keywords_information').length<1) {
                        that.removeClass('active');
                    }

                });

                that.find('.keywords_close').click(function() {
                    that.removeClass('active');

                    return false;
                });

                return false;
            });

            $("#game_id").change(function(){
                var game_name = $('#game_id option:selected').text();
                $("#game_name").val(game_name);
            });

            $("#promote_id").change(function(){
                var account = $('#promote_id option:selected').text();
                $("#promote_account").val(account);
            })
        });
    </script>

</body>
</html>