You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

281 lines
12 KiB
HTML

5 years ago
<!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的urlno代表不显示滚动条
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>