|
|
<!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>1日留存</th>
|
|
|
<th>充值金额</th>
|
|
|
<th>付费玩家</th>
|
|
|
<th>新增付费用户</th>
|
|
|
<th>付费率</th>
|
|
|
<th>ARPU</th>
|
|
|
<th>ARPPU</th>
|
|
|
</tr></thead><tbody>
|
|
|
<empty name="list_data">
|
|
|
<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="list_data" id="vo" mod="2">
|
|
|
<tr name="rows" class="<eq name='mod' value='1'>odd</eq>">
|
|
|
<td>{$vo.game_name}</td>
|
|
|
<td>{$vo.register_num}</td>
|
|
|
<td>{$vo.act_user}</td>
|
|
|
<td>{$vo.keep_num}%</td>
|
|
|
<td>{$vo.spend}</td>
|
|
|
<td>{$vo.spend_people}</td>
|
|
|
<td>{$vo.spend_news}</td>
|
|
|
<td>{$vo.spend_rate}</td>
|
|
|
<td>{:number_format($vo['ARPU'],2)}</td>
|
|
|
<td>{:number_format($vo['ARPPU'],2)}</td>
|
|
|
</tr>
|
|
|
</volist>
|
|
|
</empty></tbody>
|
|
|
</table>
|
|
|
</table>
|
|
|
<div class="pagenation clearfix">
|
|
|
<a class="sch-btn" id="export_data" href="{:U('Export/arpu_analysis_detail',array(
|
|
|
'bangbi'=>I('bangbi'),
|
|
|
'promote_id'=>I('promote_id'),
|
|
|
'time'=>I('time'),
|
|
|
|
|
|
'xlsname'=>'数据管理_ARPU统计_ARPU详情'
|
|
|
))}" >导出</a>
|
|
|
{$_page}
|
|
|
</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>
|