|
|
<extend name="Public/base"/>
|
|
|
<block name="css">
|
|
|
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
|
|
|
<style>
|
|
|
.select2-container--default .select2-selection--single {
|
|
|
color: #000;
|
|
|
resize: none;
|
|
|
border-width: 1px;
|
|
|
border-style: solid;
|
|
|
border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
|
|
|
box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
|
|
|
height:28px;border-radius:3px;font-size:12px;
|
|
|
}
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
|
line-height:35px;
|
|
|
line-height:28px;
|
|
|
}
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
|
height:26px;
|
|
|
}
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
|
height:26px;line-height:26px;font-size:12px;
|
|
|
}
|
|
|
.select2-results__option[aria-selected] {font-size:12px;}
|
|
|
.bindcoinsbox {height:33px;line-height:37px;}
|
|
|
.bindcoinsbox .radio {cursor:pointer;}
|
|
|
.bindcoinsbox .radio input {cursor:pointer;}
|
|
|
</style>
|
|
|
</block>
|
|
|
<block name="body">
|
|
|
<style>.button_list2 {
|
|
|
margin: 9px 0;
|
|
|
margin: 5px 0 32px;
|
|
|
margin-right: 15px;
|
|
|
}</style>
|
|
|
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
|
|
|
<script type="text/javascript" src="__JS__/select2.min.js"></script>
|
|
|
|
|
|
<div class="cf main-place top_nav_list navtab_list">
|
|
|
<h3 class="page_title">ARPU分析</h3>
|
|
|
<p class="description_text">说明：根据日期，游戏，推广员分析ARPU等相关数据信息</p>
|
|
|
|
|
|
<div class="keywords_information">
|
|
|
<i class="keywords_mark"><span>关键词说明</span></i>
|
|
|
<ul class="keywords_content">
|
|
|
<li class="keywords_title">关键词说明<a href="javascript:;" class="keywords_close">X</a></li>
|
|
|
<li class="keywords_list">
|
|
|
<span class="">活跃玩家</span>
|
|
|
<span class="">当天登录的玩家总数</span>
|
|
|
</li>
|
|
|
<!-- <li class="keywords_list">
|
|
|
<span class="">1日留存</span>
|
|
|
<span class="">注册第二天的登录率</span>
|
|
|
</li> -->
|
|
|
<li class="keywords_list">
|
|
|
<span class="">付费玩家</span>
|
|
|
<span class="">当天付费的玩家数量</span>
|
|
|
</li>
|
|
|
<!-- <li class="keywords_list">
|
|
|
<span class="">新付费玩家</span>
|
|
|
<span class="">当天付费玩家中第一次付费的玩家数</span>
|
|
|
</li> -->
|
|
|
<li class="keywords_list">
|
|
|
<span class="">付费率</span>
|
|
|
<span class="">付费玩家/活跃玩家</span>
|
|
|
</li>
|
|
|
<li class="keywords_list">
|
|
|
<span class="">ARPU(每用户平均付费)</span>
|
|
|
<span class="">当日总充值数/活跃玩家数</span>
|
|
|
</li>
|
|
|
<li class="keywords_list">
|
|
|
<span class="">ARPPU(付费用户的平均付费)</span>
|
|
|
<span class="">当日总充值/付费玩家数</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="cf jssearch top_nav_list">
|
|
|
<div class="fl button_list2">
|
|
|
<div class="bindcoinsbox">
|
|
|
参与统计设置：
|
|
|
<label class="radio radio-primary">
|
|
|
<input type="radio" class="coins" value="1" name="contain_bind_coins" checked>
|
|
|
<span>包含绑币</span>
|
|
|
</label>
|
|
|
<label class="radio radio-primary">
|
|
|
<input type="radio" class="coins" value="0" name="contain_bind_coins">
|
|
|
<span>排除绑币</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 高级搜索 -->
|
|
|
<div class=" fl cf search_list">
|
|
|
<div class="input-list search-title-box">
|
|
|
<label>搜索：</label>
|
|
|
</div>
|
|
|
<div class="input-list">
|
|
|
<input type="text" id="time-start" name="start" class="" value="{:I('start',date('Y-m-d',strtotime('-7 day')))}" placeholder="选择开始时间" />
|
|
|
-
|
|
|
<input type="text" id="time-end" name="end" class="" value="{:I('end',date('Y-m-d',time()))}" placeholder="选择结束时间" />
|
|
|
</div>
|
|
|
<div class="input-list input-list-game search_label_rehab">
|
|
|
<select id="game_ids" name="game_ids" class="select_gallery">
|
|
|
<option value="">请选择游戏</option>
|
|
|
<?php foreach($baseGames as $baseGame):?>
|
|
|
<option game-id="<?= $baseGame['id'] ?>" value="<?= $baseGame['id'] ?>"><?= $baseGame['name'] ?></option>
|
|
|
<?php endforeach;?>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="input-list input-list-game search_label_rehab">
|
|
|
<select id="device_type" name="device_type" class="select_gallery">
|
|
|
<option value="">请选择设备类型</option>
|
|
|
<option value="android" <?php if(I('device_type', '') == 'android'):?>selected<?php endif;?>>安卓</option>
|
|
|
<option value="ios" <?php if(I('device_type', '') == 'ios'):?>selected<?php endif;?>>IOS</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="input-list input-list-game search_label_rehab">
|
|
|
<select id="company_id" name="company_id" class="select_gallery">
|
|
|
<option value="">推广公司</option>
|
|
|
<?php foreach($companies as $company):?>
|
|
|
<option company-id="<?= $company['id'] ?>" value="<?=$company['id']?>"><?= $company['company_name'] ?></option>
|
|
|
<?php endforeach;?>
|
|
|
</select>
|
|
|
</div>
|
|
|
<?php if($showPromote == 1):?>
|
|
|
<div class="input-list input-list-promote search_label_rehab">
|
|
|
<select id="promote_id" name="promote_id" class="select_gallery" >
|
|
|
<option value="">推广员账号</option>
|
|
|
<?php foreach($promotes as $promote):?>
|
|
|
<option promote-id="<?= $promote['id'] ?>" value="<?=$promote['id']?>"><?= $promote['account'] ?></option>
|
|
|
<?php endforeach;?>
|
|
|
</select>
|
|
|
</div>
|
|
|
<?php endif;?>
|
|
|
<input type="hidden" name="" value="" class="sortBy">
|
|
|
<div class="input-list">
|
|
|
<a class="sch-btn" href="javascript:;" id="search" url="{:U('stat/userarpu','model='.$model['name'].'&row='.I('row'),false)}">搜索</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 数据列表 -->
|
|
|
<div class="data_list">
|
|
|
<div class="">
|
|
|
<table>
|
|
|
<!-- 表头 -->
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th ><a class="paixu" data-order='date'><if condition="$order eq 4 and $orderType eq 'date'">日期▲<elseif condition="$order eq 3 and $orderType eq 'date'"/>日期▼<else />日期<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='new_user'><if condition="$order eq 4 and $orderType eq 'new_user'">新增账号▲<elseif condition="$order eq 3 and $orderType eq 'new_user'"/>新增账号▼<else />新增账号<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='login_user'><if condition="$order eq 4 and $orderType eq 'login_user'">活跃玩家▲<elseif condition="$order eq 3 and $orderType eq 'login_user'"/>活跃玩家▼<else />活跃玩家<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='pay_amount'><if condition="$order eq 4 and $orderType eq 'pay_amount'">充值金额▲<elseif condition="$order eq 3 and $orderType eq 'pay_amount'"/>充值金额▼<else />充值金额<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='pay_user'><if condition="$order eq 4 and $orderType eq 'pay_user'">付费玩家▲<elseif condition="$order eq 3 and $orderType eq 'pay_user'"/>付费玩家▼<else />付费玩家<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='pay_rate'><if condition="$order eq 4 and $orderType eq 'pay_rate'">付费率▲<elseif condition="$order eq 3 and $orderType eq 'pay_rate'"/>付费率▼<else />付费率<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='arpu'><if condition="$order eq 4 and $orderType eq 'arpu'">ARPU▲<elseif condition="$order eq 3 and $orderType eq 'arpu'"/>ARPU▼<else />ARPU<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
|
|
|
<th ><a class="paixu" data-order='arppu'><if condition="$order eq 4 and $orderType eq 'arppu'">ARPPU▲<elseif condition="$order eq 3 and $orderType eq 'arppu'"/>ARPPU▼<else />ARPPU<img src="__IMG__/up-down.png" width="13px"></if></a></th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<!-- 列表 -->
|
|
|
<tbody>
|
|
|
<volist name="records" id="vo">
|
|
|
<tr>
|
|
|
<td>{$vo.date}</td>
|
|
|
<td>{$vo.new_user}</td>
|
|
|
<td>{$vo.login_user}</td>
|
|
|
<td>{$vo.pay_amount}</td>
|
|
|
<td>{$vo.pay_user}</td>
|
|
|
<td>{$vo.pay_rate}%</td>
|
|
|
<td>{$vo.arpu}</td>
|
|
|
<td>{$vo.arppu}</td>
|
|
|
</tr>
|
|
|
</volist>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="page">
|
|
|
<if condition="$role_export_check eq true ">
|
|
|
<a class="sch-btn" href="{:U('Stat/userarpu',array(
|
|
|
'start'=>$_GET['start'],
|
|
|
'end'=>$_GET['end'],
|
|
|
'game_ids'=>$_GET['game_ids'],
|
|
|
'promote_id'=>$_GET['promote_id'],
|
|
|
'company_id'=>$_GET['company_id'],
|
|
|
'device_type'=>$_GET['device_type'],
|
|
|
'export'=>1,
|
|
|
),false)}">导出</a>
|
|
|
</if>
|
|
|
{$_page|default=''}
|
|
|
</div>
|
|
|
</block>
|
|
|
|
|
|
<block name="script">
|
|
|
<script>
|
|
|
|
|
|
Think.setValue('contain_bind_coins',{$Think.get.contain_bind_coins|default=0});
|
|
|
Think.setValue('start',"{$Think.get.start|default=''}");
|
|
|
Think.setValue('end',"{$Think.get.end|default=''}");
|
|
|
Think.setValue('promote_id',{$Think.get.promote_id|default='""'});
|
|
|
Think.setValue('game_ids',{$Think.get.game_ids|default='""'});
|
|
|
Think.setValue('company_id',{$Think.get.company_id|default='""'});
|
|
|
Think.setValue('device_type',{$Think.get.device_type|default='""'});
|
|
|
Think.setValue('row',{$Think.get.row|default=10});
|
|
|
$(".select_gallery").select2();
|
|
|
</script>
|
|
|
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
|
|
|
<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
|
|
|
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
|
|
|
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
|
|
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
|
|
|
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
|
|
|
<script type="text/javascript">
|
|
|
//导航高亮
|
|
|
highlight_subnav('{:U('stat/userarpu')}');
|
|
|
$(function(){
|
|
|
|
|
|
//计算天数差的函数，通用
|
|
|
function GetDateDiff(startDate,endDate)
|
|
|
{
|
|
|
var startTime = new Date(Date.parse(startDate.replace(/-/g, "/"))).getTime();
|
|
|
var endTime = new Date(Date.parse(endDate.replace(/-/g, "/"))).getTime();
|
|
|
var dates = Math.abs((startTime - endTime))/(1000*60*60*24);
|
|
|
return dates;
|
|
|
}
|
|
|
|
|
|
//搜索功能
|
|
|
$("#search").click(function(){
|
|
|
|
|
|
var start = $("#time-start").val();
|
|
|
start = start.substring(0,19);
|
|
|
var end = ($("#time-end").val() == "") ? "{:date('Y-m-d')}" : $("#time-end").val();
|
|
|
end = end.substring(0,19);
|
|
|
var interval = GetDateDiff(start,end);
|
|
|
if(interval < 0 || start == ''){
|
|
|
layer.msg('请选择搜索时间');
|
|
|
return false;
|
|
|
}else if(interval>31){
|
|
|
layer.msg('请选择31日内的时间段');
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
|
|
|
var url = $(this).attr('url');
|
|
|
var query = $('.jssearch').find('input').serialize();
|
|
|
query += "&"+$('.jssearch').find('select').serialize();
|
|
|
query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
|
|
|
query = query.replace(/^&/g,'');
|
|
|
if( url.indexOf('?')>0 ){
|
|
|
url += '&' + query;
|
|
|
}else{
|
|
|
url += '?' + query;
|
|
|
}
|
|
|
var start = $("#time-start").val();
|
|
|
var end = $("#time-end").val();
|
|
|
if (start !='' && end != ''){
|
|
|
if (Date.parse(start) > Date.parse(end)){
|
|
|
layer.msg('开始时间必须小于等于结束时间');
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
window.location.href = url;
|
|
|
});
|
|
|
|
|
|
$('input[name="hasbindcoins"]').click(function() {
|
|
|
$("#search").click();
|
|
|
});
|
|
|
|
|
|
$(".paixu").click(function(){
|
|
|
var that=$(this);
|
|
|
$data_order=that.attr('data-order');
|
|
|
$order_type='{$order}';
|
|
|
if($order_type==0||$order_type=='4'){
|
|
|
$(".sortBy").attr('name','data_order');
|
|
|
val='3,'+$data_order;
|
|
|
$(".sortBy").attr('value',val);
|
|
|
$("#search").click();
|
|
|
}else if($order_type=='3'){
|
|
|
$(".sortBy").attr('name','data_order');
|
|
|
val='4,'+$data_order;
|
|
|
$(".sortBy").attr('value',val);
|
|
|
$("#search").click();
|
|
|
}
|
|
|
});
|
|
|
//回车自动提交
|
|
|
$('.jssearch').find('input').keyup(function(event){
|
|
|
if(event.keyCode===13){
|
|
|
$("#search").click();
|
|
|
}
|
|
|
});
|
|
|
$('#time-start').datetimepicker({
|
|
|
format: 'yyyy-mm-dd',
|
|
|
language:"zh-CN",
|
|
|
minView:2,
|
|
|
autoclose:1,
|
|
|
});
|
|
|
|
|
|
$("#company_id").change(function () {
|
|
|
$.ajax({
|
|
|
url: "{:U('Ajax/getPromotes')}",
|
|
|
type: "post",
|
|
|
data: { company_id: $("#company_id").val() },
|
|
|
dataType: 'json',
|
|
|
success: function (result ) {
|
|
|
if (result.status == 1) {
|
|
|
var promotes = result.data.promotes
|
|
|
var str = "<option value=''>推广员账号</option>"
|
|
|
for (var i in promotes){
|
|
|
str += "<option value='"+promotes[i].id+"'>"+promotes[i].account+"</option>"
|
|
|
}
|
|
|
$("#promote_id").empty()
|
|
|
$("#promote_id").append(str)
|
|
|
$("#promote_id").select2()
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$('#time-end').datetimepicker({
|
|
|
format: 'yyyy-mm-dd',
|
|
|
language:"zh-CN",
|
|
|
minView:2,
|
|
|
autoclose:1,
|
|
|
pickerPosition:'bottom-right'
|
|
|
});
|
|
|
$(".chakan").click(function () {
|
|
|
that = $(this);
|
|
|
url = that.attr('href-url');
|
|
|
timetitle = that.attr('timetitle');
|
|
|
ptitle = ' ' + that.attr('ptitle') + ' ';
|
|
|
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
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
$("#game").on('click',function(event) {
|
|
|
var navlist = $(this).find('.i_list_li');
|
|
|
if (navlist.hasClass('hidden')) {
|
|
|
navlist.removeClass('hidden');
|
|
|
$(this).find('#i_list_id').focus().val('');
|
|
|
} else {
|
|
|
navlist.addClass('hidden');
|
|
|
}
|
|
|
$(document).one("click", function(){
|
|
|
navlist.addClass('hidden');
|
|
|
});
|
|
|
event.stopPropagation();
|
|
|
});
|
|
|
|
|
|
$('#game #i_list_id').on('keyup',function(event) {
|
|
|
var val = $.trim($(this).val()).toLowerCase();
|
|
|
$(this).closest('.drop-down').find('#i_list_idh').val(val);
|
|
|
});
|
|
|
|
|
|
$("#game #i_list_li").find("a").each(function(){
|
|
|
$(this).click(function(){
|
|
|
var text = $.trim($(this).text()).toLowerCase();
|
|
|
var val = $.trim($(this).attr('value'));
|
|
|
$(this).closest('.drop-down').find("#i_list_id").val(text);
|
|
|
$(this).closest('.drop-down').find('#i_list_idh').val(val);
|
|
|
})
|
|
|
});
|
|
|
|
|
|
|
|
|
$("#promote").on('click',function(event) {
|
|
|
var navlist = $(this).find('.i_list_li');
|
|
|
if (navlist.hasClass('hidden')) {
|
|
|
navlist.removeClass('hidden');
|
|
|
$(this).find('#i_list_id').focus().val('');
|
|
|
} else {
|
|
|
navlist.addClass('hidden');
|
|
|
}
|
|
|
$(document).one("click", function(){
|
|
|
navlist.addClass('hidden');
|
|
|
});
|
|
|
event.stopPropagation();
|
|
|
});
|
|
|
|
|
|
$('#promote #i_list_id').on('keyup',function(event) {
|
|
|
$(this).closest('.drop-down').find('#i_list_idh').val(-1);
|
|
|
});
|
|
|
|
|
|
$("#promote #i_list_li").find("a").each(function(){
|
|
|
$(this).click(function(){
|
|
|
var text = $.trim($(this).text()).toLowerCase();
|
|
|
$(this).closest('.drop-down').find("#i_list_id").val(text);
|
|
|
$(this).closest('.drop-down').find('#i_list_idh').val($(this).attr('value'));
|
|
|
})
|
|
|
});
|
|
|
paramnum="{:count(I('get.'))}";
|
|
|
if(paramnum==0){
|
|
|
$("#search").click();
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
</block>
|