|
|
<extend name="Public/base"/>
|
|
|
|
|
|
<block name="sidebar"></block>
|
|
|
|
|
|
<block name="style">
|
|
|
<style>
|
|
|
body{padding: 0}
|
|
|
</style>
|
|
|
</block>
|
|
|
<block name="body">
|
|
|
<link rel="stylesheet" href="__CSS__/kendo.dataviz.min.css" />
|
|
|
<link rel="stylesheet" href="__CSS__/kendo.default.min.css" />
|
|
|
<link rel="stylesheet" href="__CSS__/kendo.rtl.min.css" />
|
|
|
<script src="__JS__/kendo.dataviz.min.js"></script>
|
|
|
<script src="__JS__/kendo.timezones.min.js"></script>
|
|
|
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
|
|
|
<script src="__STATIC__/juicer-min.js" type="text/javascript"></script>
|
|
|
<script src="__STATIC__/js.cookie.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<!-- 主体 -->
|
|
|
<div id="indexMain" class="index-main">
|
|
|
<!-- 插件块 -->
|
|
|
<div class="container-span aiwrap">
|
|
|
|
|
|
<div class="xg_patone">
|
|
|
<div class="xg_hello">
|
|
|
<span class="xg_spanmar"><span class="col_333">您好，</span><span class="xg_colb"><notempty name="data.nickname">{$data.nickname}<else />{$data.username}</notempty></span>({$data.group})</span>
|
|
|
<span>上次登录时间：</span><span class="xg_spanmar">{$data.last_login_time|date='Y-m-d H:i:s',###}</span>
|
|
|
<span>上次登录IP：</span><span class="xg_spanmar">{:long2ip($data['last_login_ip'])}</span>
|
|
|
<span>累计登录次数：</span><span>{$data.login}</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="xg_zhchart">
|
|
|
<div class="timeandtab">
|
|
|
<div class="time_fl jsctitle">
|
|
|
<div class="pt-datepicker__date js-pt-calendar">
|
|
|
<i class="icon_date"></i>
|
|
|
<time class="pt-datepicker__date-from pt-fl js-pt-calendar-from jsctitle1">{:str_replace('-','/',substr(I('start',date('Y/m/d',strtotime('-1 day'))),5))}</time>
|
|
|
<time class="pt-datepicker__date-to js-pt-calendar-to jsctitle2">{:str_replace('-','/',substr(I('end',date('Y/m/d',strtotime('-1 day'))),5))}</time>
|
|
|
<i class="xg_dropi js-pt-datepicker__date-i"></i>
|
|
|
</div>
|
|
|
<div class="xg_daterangepicker js-show-calendar">
|
|
|
<div class="ranges">
|
|
|
<ul>
|
|
|
<li class="<eq name='num' value='1'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d'),'end'=>date('Y-m-d'),'num'=>1))}">今天</a></li>
|
|
|
<li class="<eq name='num' value='2'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',strtotime('-1 day')),'end'=>date('Y-m-d',strtotime('-1 day')),'num'=>2))}">昨天</a></li>
|
|
|
<li class="<eq name='num' value='3'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',mktime(0,0,0,date('m'),date('d')-6-date('w'),date('Y'))),'end'=>date('Y-m-d',mktime(0,0,0,date('m'),date('d')-date('w'),date('Y'))),'num'=>3))}">过去整周</a></li>
|
|
|
<li class="<eq name='num' value='4'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',mktime(0,0,0,date('m')-1,1,date('Y'))),'end'=>date('Y-m-d',mktime(0,0,0,date('m'),1,date('Y'))-1),'num'=>4))}">过去整月</a></li>
|
|
|
<li class="<eq name='num' value='5'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',strtotime('-7 day')),'end'=>date('Y-m-d',strtotime('-1 day')),'num'=>5))}">过去7天</a></li>
|
|
|
<li class="<eq name='num' value='6'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',strtotime('-30 day')),'end'=>date('Y-m-d',strtotime('-1 day')),'num'=>6))}">过去30天</a></li>
|
|
|
<!-- <li class="<eq name='num' value='7'>datapick_active</eq>"><a href="{:U('index',array('start'=>date('Y-m-d',strtotime('-365 day')),'end'=>date('Y-m-d',strtotime('-1 day')),'num'=>7))}">过去一年</a></li> -->
|
|
|
</ul>
|
|
|
<div class="range_inputs">
|
|
|
<button class="applyBtn pt-btn btn-success js_determine" type="button">确定</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="xg_zcalendar xg_left">
|
|
|
<div class="calendar-table">
|
|
|
<table class="table-condensed jscalendar1">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th class="prev available jspn" data-range-key="{$calendar.prev}"><i class=" page-Previous "></i></th>
|
|
|
<th colspan="5" class="month">{$calendar.ftitle}</th>
|
|
|
<th></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>一</th>
|
|
|
<th>二</th>
|
|
|
<th>三</th>
|
|
|
<th>四</th>
|
|
|
<th>五</th>
|
|
|
<th>六</th>
|
|
|
<th>日</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody class="jscalendarcontent">
|
|
|
<volist name="calendar[first]" id="vo">
|
|
|
<tr>
|
|
|
<volist name="vo" id="v" key="j">
|
|
|
<td class="<eq name='v.full' value='$calendar.today'>today</eq> <eq name='j' value='6'>weekend<else /><eq name='j' value='7'>weekend</eq></eq> available <notempty name='v.value'>jsselect</notempty>" data-key="{$v.full}"><span>{$v.value|default=' '}</span></td>
|
|
|
</volist>
|
|
|
</tr>
|
|
|
</volist>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="xg_zcalendar xg_right">
|
|
|
<div class="calendar-table">
|
|
|
<table class="table-condensed jscalendar2">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th></th>
|
|
|
<th colspan="5" class="month">{$calendar.ltitle}</th>
|
|
|
<th class="next <eq name='calendar.iscurrent' value='1'>available jspn</eq>" data-range-key="{$calendar.next}"><i class="page-next"></i></th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>一</th>
|
|
|
<th>二</th>
|
|
|
<th>三</th>
|
|
|
<th>四</th>
|
|
|
<th>五</th>
|
|
|
<th>六</th>
|
|
|
<th>日</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody class="jscalendarcontent">
|
|
|
<volist name="calendar[last]" id="vo">
|
|
|
<tr>
|
|
|
<volist name="vo" id="v" key="j">
|
|
|
<td class="<eq name='v.full' value='$calendar.today'>today</eq> <notempty name='v.value'><eq name='v.no' value='1'>noselect<else />jsselect</eq></notempty> <eq name='j' value='6'>weekend<else /><eq name='j' value='7'>weekend</eq></eq> available" data-key="{$v.full}" ><span>{$v.value|default=' '}</span></td>
|
|
|
</volist>
|
|
|
</tr>
|
|
|
</volist>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 图表数据图切换按钮 begin-->
|
|
|
<div class="tab_fr tab_head">
|
|
|
<a href="#0" data-key="news" class="<empty name='Think.get.tb'>current<else /><eq name='Think.get.tb' value='0'>current</eq></empty>">新增用户</a>
|
|
|
<a href="#1" data-key="active" class="<eq name='Think.get.tb' value='1'>current</eq>">活跃用户</a>
|
|
|
<a href="#2" data-key="player" class="<eq name='Think.get.tb' value='2'>current</eq>">付费用户</a>
|
|
|
<a href="#3" data-key="news" class="<eq name='Think.get.tb' value='3'>current</eq>">充值金额</a>
|
|
|
</div>
|
|
|
<!--end 图表数据图切换按钮-->
|
|
|
<!-- heightChart! begin -->
|
|
|
<div class="htchart_area tab_content">
|
|
|
<div class="htchart_area_tab <empty name='Think.get.tb'>show<else /><eq name='Think.get.tb' value='0'>show</eq></empty>" id="container1" style="width:100%;height:220px;"></div>
|
|
|
<div class="htchart_area_tab <eq name='Think.get.tb' value='1'>show</eq>" id="container2" style="width:100%;height:220px;"></div>
|
|
|
<div class="htchart_area_tab <eq name='Think.get.tb' value='2'>show</eq>" id="container3" style="width:100%;height:220px;"></div>
|
|
|
<div class="htchart_area_tab <eq name='Think.get.tb' value='3'>show</eq>" id="container4" style="width:100%;height:220px;"></div>
|
|
|
</div>
|
|
|
<!--end heightChart!-->
|
|
|
<div class="xg_analybox clearfix">
|
|
|
<div class="analy_div">
|
|
|
<div class="analy_divcontent">
|
|
|
<h3 class="col_o">{:set_number_short($foldline['compare']['news']['count'])}</h3>
|
|
|
<div>
|
|
|
<span class="analy_spantit">新增用户</span>
|
|
|
<notempty name="foldline.compare.news">
|
|
|
<gt name="foldline.compare.news.rate" value="0">
|
|
|
<span class="analy_plus">+{$foldline.compare.news.rate}%<i class="xg_plusTriangle"></i></span>
|
|
|
<else />
|
|
|
<lt name="foldline.compare.news.rate" value="0">
|
|
|
<span class="analy_decline">{$foldline.compare.news.rate}%<i class="xg_declineTriangle"></i></span>
|
|
|
<else />
|
|
|
<span class="">--</span>
|
|
|
</lt>
|
|
|
</gt>
|
|
|
<else /><span class="">--</span>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="analy_spantit">平台累计用户</span>
|
|
|
<span class="col_b">{:set_number_short($user_count)}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="analy_div">
|
|
|
<div class="analy_divcontent">
|
|
|
<h3 class="col_o">{:set_number_short($foldline['compare']['active']['count'])}</h3>
|
|
|
<div>
|
|
|
<span class="analy_spantit">活跃用户</span>
|
|
|
<notempty name="foldline.compare.active">
|
|
|
<gt name="foldline.compare.active.rate" value="0">
|
|
|
<span class="analy_plus">+{$foldline.compare.active.rate}%<i class="xg_plusTriangle"></i></span>
|
|
|
<else />
|
|
|
<lt name="foldline.compare.active.rate" value="0">
|
|
|
<span class="analy_decline">{$foldline.compare.active.rate}%<i class="xg_declineTriangle"></i></span>
|
|
|
<else />
|
|
|
<span class="">--</span>
|
|
|
</lt>
|
|
|
</gt>
|
|
|
<else /><span class="">--</span>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="analy_spantit">七日活跃用户</span>
|
|
|
<span class="col_b">{:set_number_short($active_count)}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="analy_div">
|
|
|
<div class="analy_divcontent">
|
|
|
<h3 class="col_o">{:set_number_short($foldline['compare']['player']['count'])}</h3>
|
|
|
<div>
|
|
|
<span class="analy_spantit">付费用户</span>
|
|
|
<notempty name="foldline.compare.player">
|
|
|
<gt name="foldline.compare.player.rate" value="0">
|
|
|
<span class="analy_plus">+{$foldline.compare.player.rate}%<i class="xg_plusTriangle"></i></span>
|
|
|
<else />
|
|
|
<lt name="foldline.compare.player.rate" value="0">
|
|
|
<span class="analy_decline">{$foldline.compare.player.rate}%<i class="xg_declineTriangle"></i></span>
|
|
|
<else />
|
|
|
<span class="">--</span>
|
|
|
</lt>
|
|
|
</gt>
|
|
|
<else /><span class="">--</span>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="analy_spantit">累计付费用户</span>
|
|
|
<span class="col_b">{:set_number_short($player_count)}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="analy_div">
|
|
|
<div class="analy_divcontent">
|
|
|
<h3 class="col_o">{:set_number_short($foldline['compare']['money']['count'])}</h3>
|
|
|
<div>
|
|
|
<span class="analy_spantit">充值金额</span>
|
|
|
<notempty name="foldline.compare.money">
|
|
|
<gt name="foldline.compare.money.rate" value="0">
|
|
|
<span class="analy_plus">+{$foldline.compare.money.rate}%<i class="xg_plusTriangle"></i></span>
|
|
|
<else />
|
|
|
<lt name="foldline.compare.money.rate" value="0">
|
|
|
<span class="analy_decline">{$foldline.compare.money.rate}%<i class="xg_declineTriangle"></i></span>
|
|
|
<else />
|
|
|
<span class="">--</span>
|
|
|
</lt>
|
|
|
</gt>
|
|
|
<else /><span class="">--</span>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="analy_spantit">累计充值金额</span>
|
|
|
<span class="col_b">{:set_number_short($money_sum)}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="analy_div">
|
|
|
<div class="analy_divcontent">
|
|
|
<h3 class="col_o">{:set_number_short($foldline['compare']['promote']['count'])}</h3>
|
|
|
<div>
|
|
|
<span class="analy_spantit">合作渠道</span>
|
|
|
<notempty name="foldline.compare.promote">
|
|
|
<gt name="foldline.compare.promote.rate" value="0">
|
|
|
<span class="analy_plus">+{$foldline.compare.promote.rate}%<i class="xg_plusTriangle"></i></span>
|
|
|
<else />
|
|
|
<lt name="foldline.compare.promote.rate" value="0">
|
|
|
<span class="analy_decline">{$foldline.compare.promote.rate}%<i class="xg_declineTriangle"></i></span>
|
|
|
<else />
|
|
|
<span class="">--</span>
|
|
|
</lt>
|
|
|
</gt>
|
|
|
<else /><span class="">--</span>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="analy_spantit">累计合作渠道</span>
|
|
|
<span class="col_b">{:set_number_short($promote_sum)}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--第一部分结束-->
|
|
|
{:hook('AdminIndex')}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div id="TestingTipShow"></div>
|
|
|
<script id="TestingTipTpl" type="text/template">
|
|
|
<div style="width: 100vw;height:100vh;padding: 0;position: absolute;top: 0;z-index: 9999;background-color:rgba(0,0,0,.6);right: 1px;">
|
|
|
<div class="layui-layer layui-layer-hui" style="width:800px;height:480px;z-index: 19891015; top:28%; left:50%;margin-left: -400px;border-radius: 2%;background-color:white;color: #0a001f;">
|
|
|
<div style="padding: 15px 30px 15px 20px;font-size: 18px;">资源申请预警</div>
|
|
|
<div class="layui-layer-content" style="font-size: 16px;color: red;text-align: left;">昨日至今部分资源号在单个游戏单个区服中当日申请资源已达到1万！请前往处理。资源号见下表</div>
|
|
|
<div class="layui-layer-content" style="font-size: 22px;padding: 5px 25px;height: 200px;overflow-x:hidden;overflow-y:scroll">
|
|
|
<div class="data_list">
|
|
|
<div class="">
|
|
|
<table>
|
|
|
<!-- 表头 -->
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>游戏名称</th>
|
|
|
<th>区服名称</th>
|
|
|
<th>角色名称</th>
|
|
|
<th>测试账号</th>
|
|
|
<th>申请金额</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<!-- 列表 -->
|
|
|
<tbody>
|
|
|
{@each tip_list as item}
|
|
|
<tr>
|
|
|
<td>${item.game_name}</td>
|
|
|
<td>${item.server_name}</td>
|
|
|
<td>${item.role_name}</td>
|
|
|
<td>${item.user_account}</td>
|
|
|
<td>${item.apply_amount}</td>
|
|
|
</tr>
|
|
|
{@/each}
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="padding: 30px 0 0 30px;">
|
|
|
<p><input type="checkbox" name="ignore" value="1" /> 以上资源号本日不再进行预警提示！</p>
|
|
|
</div>
|
|
|
<div style="text-align: right;margin-top: 20px">
|
|
|
|
|
|
<div style="font-size: 28px;display: inline-block;">
|
|
|
<div class="search_list" style="justify-content:flex-end;width:100%;">
|
|
|
<div class="input-list" style="float: right;">
|
|
|
<a class="sch-btn" href="javascript:;" style="width: 150px;background: white;border: 1px solid black;color: black" id="testingTipBack">忽略本次预警</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="padding: 0 20px 0 0;font-size: 28px;display: inline-block;">
|
|
|
<div class="search_list" style="justify-content:flex-end;width:100%;">
|
|
|
<div class="input-list" style="float: right;">
|
|
|
<a class="sch-btn" href="javascript:;" style="width: 150px;" id="goDailyCount">立即前往</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</script>
|
|
|
</block>
|
|
|
|
|
|
<block name="script">
|
|
|
<script>
|
|
|
//支付信息更新类
|
|
|
var TestingTip = {
|
|
|
defaultData:{
|
|
|
tip_list:[],
|
|
|
count:0,
|
|
|
ignore_list:[],
|
|
|
jump:''
|
|
|
}
|
|
|
,data : {}
|
|
|
,dataInit(){
|
|
|
this.setDayKey();
|
|
|
this.getLocalIgnoe();
|
|
|
|
|
|
var url = "{:U('TestingResource/indexDailyCountTip')}";
|
|
|
$.get(url,function(rep){
|
|
|
console.log(rep)
|
|
|
if(rep.status == 1){
|
|
|
if(rep.count > 0){
|
|
|
TestingTip.data.jump = rep.jump
|
|
|
TestingTip.makeData(rep.list)
|
|
|
TestingTip.display()
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
,setDayKey(){
|
|
|
var d = new Date();
|
|
|
this.data.daykey = 'index-tip-ignore-'+d.getFullYear()+"-"+d.getMonth()+1+"-"+d.getDate();;
|
|
|
}
|
|
|
,getLocalIgnoe(){
|
|
|
var ignore_list = Cookies.get(this.data.daykey);
|
|
|
if(!ignore_list){
|
|
|
this.data.ignore_list = this.defaultData.ignore_list;
|
|
|
return;
|
|
|
}
|
|
|
if(ignore_list.length > 1){
|
|
|
this.data.ignore_list = ignore_list.split(',');
|
|
|
}
|
|
|
}
|
|
|
,setLocalIgnoe(){
|
|
|
//获取key
|
|
|
var keys =Object.keys(this.data.tip_list);
|
|
|
var ignore_list = this.data.ignore_list;
|
|
|
ignore_list = ignore_list.concat(keys).join(",");
|
|
|
const ckey = this.data.daykey;
|
|
|
Cookies.set(ckey, ignore_list, { expires: 2 });
|
|
|
}
|
|
|
,removeLocalIgnoe(){
|
|
|
Cookies.remove(this.data.daykey);
|
|
|
}
|
|
|
,makeData(data){
|
|
|
const iglists = this.data.ignore_list;
|
|
|
const icount = this.data.ignore_list.length;
|
|
|
for (let index = 0; index < icount; index++) {
|
|
|
const element = iglists[index];
|
|
|
if(data.hasOwnProperty(element)){
|
|
|
delete data[element];
|
|
|
}
|
|
|
}
|
|
|
this.data.count = Object.keys(data).length;
|
|
|
this.data.tip_list = data;
|
|
|
}
|
|
|
,display(){
|
|
|
if(this.data.count > 0){
|
|
|
var tpl = $("#TestingTipTpl").html();
|
|
|
var html = juicer(tpl, TestingTip.data);
|
|
|
$("#TestingTipShow").html(html);
|
|
|
this.event();
|
|
|
}
|
|
|
}
|
|
|
,remove(){
|
|
|
TestingTip.data = TestingTip.defaultData;
|
|
|
$("#TestingTipShow").html('');
|
|
|
}
|
|
|
,getIsIgnore(){
|
|
|
var flag = false;
|
|
|
$('input[name="ignore"]:checked').each(function(index, element) {
|
|
|
flag = true;
|
|
|
});
|
|
|
return flag;
|
|
|
}
|
|
|
,event(){
|
|
|
$("#goDailyCount,#testingTipBack").off("click");
|
|
|
$("#goDailyCount").on("click",function() {
|
|
|
if(TestingTip.getIsIgnore()){
|
|
|
TestingTip.setLocalIgnoe();
|
|
|
}
|
|
|
window.location.href = TestingTip.data.jump;
|
|
|
})
|
|
|
$("#testingTipBack").on("click",function() {
|
|
|
if(TestingTip.getIsIgnore()){
|
|
|
TestingTip.setLocalIgnoe();
|
|
|
}
|
|
|
TestingTip.remove();
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<script>
|
|
|
var datelist;
|
|
|
$(function() {
|
|
|
TestingTip.dataInit();
|
|
|
//点击时间显示日历 begin
|
|
|
$(".js-pt-calendar").click(function(){
|
|
|
$(".js-show-calendar").toggle();
|
|
|
})
|
|
|
//end 点击时间显示日历
|
|
|
|
|
|
//点击确定关闭日历 begin
|
|
|
$(".js_determine").click(function(){
|
|
|
$(".js-show-calendar").hide();
|
|
|
});
|
|
|
//end 点击确定关闭日历
|
|
|
|
|
|
if({$foldline.hours|default=1}==1) {
|
|
|
Highcharts.setOptions({
|
|
|
chart:{type:'areaspline',spacingLeft:0,},
|
|
|
title:{text: null},legend:{enabled:false},yAxis:{title:{text:null}},
|
|
|
tooltip:{backgroundColor: '#fff',borderColor:'white',borderRadius:10,borderWidth:1,shadow:true,animation:true,style:{color: "#999",fontSize: "12px",fontWeight: "blod",fontFamily: "Microsoft Yahei"},shared: true,useHTML: true,valueDecimals:2,
|
|
|
headerFormat: '<table>',pointFormat:'',footerFormat:'</table>',pointFormatter:function(){var s = '<table style="text-align:center;"><small style="color:#1bb2eb;text-align:center;display:block;margin:0;padding:0;">'+this.y+'</small><small>';s += $('.jsctitle1').text()+'/';s += this.category+'~'+(this.index+1)+':00';s += '</small></table>';return s;}
|
|
|
},
|
|
|
credits:{enabled: false},
|
|
|
plotOptions:{areaspline:{fillOpacity:0.5}},
|
|
|
xAxis:{tickInterval:2,categories:['0:00','1:00','2:00','3:00','4:00','5:00','6:00','7:00','8:00','9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00','23:00'],tickmarkPlacement:'on'},
|
|
|
});
|
|
|
datelist = [{$foldline.date}];
|
|
|
} else {
|
|
|
Highcharts.setOptions({
|
|
|
chart:{type:'areaspline',spacingLeft:0,},
|
|
|
title:{text: null},legend:{enabled:false},yAxis:{title:{text:null}},
|
|
|
tooltip:{backgroundColor: '#fff',borderColor:'white',borderRadius:10,borderWidth:1,shadow:true,animation:true,style:{color: "#999",fontSize: "12px",fontWeight: "blod",fontFamily: "Microsoft Yahei"},shared: true,useHTML: true,valueDecimals:2,headerFormat:'<small style="color:#1bb2eb;text-align:center;display:block;margin:0;padding:0;">{point.y}</small><small>{point.key}</small><table>',pointFormat:'',footerFormat:'</table>',},
|
|
|
credits:{enabled: false},
|
|
|
plotOptions:{areaspline:{fillOpacity:0.5}},
|
|
|
xAxis:{categories:[{$foldline.date}],tickmarkPlacement:'on'},
|
|
|
});
|
|
|
datelist = [{$foldline.date}];
|
|
|
}
|
|
|
|
|
|
selectrange(datelist);
|
|
|
|
|
|
$('#container1').highcharts({
|
|
|
series:[{data:[{$foldline.news}]}]
|
|
|
});
|
|
|
|
|
|
$('#container2').highcharts({
|
|
|
series:[{data:[{$foldline.active}]}]
|
|
|
});
|
|
|
|
|
|
$('#container3').highcharts({
|
|
|
series:[{data:[{$foldline.player}]}]
|
|
|
});
|
|
|
|
|
|
$('#container4').highcharts({
|
|
|
series:[{data:[{$foldline.money}]}]
|
|
|
});
|
|
|
|
|
|
//新增用户和付费用户数据图表切换
|
|
|
$('.tab_head a').click(function() {
|
|
|
var that=$(this),sib = that.closest('.tab_head').siblings('.tab_content');
|
|
|
that.siblings().removeClass('current');
|
|
|
var index= that.addClass('current').index();
|
|
|
sib.find('.htchart_area_tab').removeClass('show').eq(index).addClass('show');
|
|
|
|
|
|
$('.ranges li a').each(function() {
|
|
|
var url = $.trim($(this).attr('href')).replace(/((\.htm(l?))?)$/g,'').replace(/\/tb\/[012]/g,'');
|
|
|
|
|
|
$(this).attr('href',url+'/tb/'+index+'.html');
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
$('.jsranges li').on('click',function() {
|
|
|
var that = $(this),range = $.trim(that.attr('data-range-key')).split(',');
|
|
|
if (that.hasClass('datapick_active')) {return false;}
|
|
|
that.addClass('datapick_active').siblings('li').removeClass('datapick_active');
|
|
|
parent = that.closest('.jsctitle');
|
|
|
|
|
|
chartdata(range[0],range[1],parent);
|
|
|
|
|
|
$(".js-show-calendar").toggle();
|
|
|
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
$('.jspn').on('click',function() {
|
|
|
|
|
|
jspn($(this));
|
|
|
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
$('.js_determine').on('click',function() {
|
|
|
var that = $(this),parent = that.closest('.jsctitle');
|
|
|
if (parent.find('.in-range').length>0) {
|
|
|
var first = parent.find('.jscalendarcontent .in-range.first').attr('data-key');
|
|
|
var last = parent.find('.jscalendarcontent .in-range.last').attr('data-key');
|
|
|
|
|
|
chartdata(first,last,parent);
|
|
|
|
|
|
} else {
|
|
|
layer.msg('请选择时间范围');
|
|
|
}
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
jsselect();
|
|
|
|
|
|
});
|
|
|
|
|
|
function selectrange(range) {
|
|
|
if (range) {
|
|
|
$.each(range,function(i,n) {
|
|
|
if (i == 0) {$('.available[data-key="'+n+'"]').addClass('in-range first');}
|
|
|
else if (i == range.length-1) {$('.available[data-key="'+n+'"]').addClass('in-range last');}
|
|
|
else {$('.available[data-key="'+n+'"]').addClass('in-range');}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
//执行日期的选择
|
|
|
function chartdata(start,end,parent) {
|
|
|
var starttime = new Date(start).getTime();
|
|
|
if(end){
|
|
|
var endtime = new Date(end).getTime();
|
|
|
}else{
|
|
|
var endtime = new Date(start).getTime();
|
|
|
}
|
|
|
if(starttime > endtime){
|
|
|
var temp = start;
|
|
|
start = end;
|
|
|
end = temp;
|
|
|
}
|
|
|
|
|
|
if(end && (start != end)){
|
|
|
var endtime = (new Date(end).getTime()) + 86399000;
|
|
|
var now = new Date().getTime();
|
|
|
if(endtime > now){
|
|
|
layer.msg('历史时间选择不能包含今日');
|
|
|
return false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var index = layer.load(1, {
|
|
|
shade: [0.3,'#000'] //0.1透明度的白色背景
|
|
|
});
|
|
|
|
|
|
var href = '{:U("index")}';
|
|
|
end = end?end:start;
|
|
|
var tb = $.trim($('.tab_head a.current').attr('href')).replace('#','');
|
|
|
window.location.href = href.replace('.html','')+'/start/'+start+'/end/'+end+'/tb/'+tb+'.html';
|
|
|
|
|
|
}
|
|
|
|
|
|
function getdatelist(start,end) {
|
|
|
var i = start,j=0;
|
|
|
var range=[];
|
|
|
while(i<=end) {
|
|
|
var date = new Date(i);
|
|
|
range[j++] = date.getFullYear()+'-'+supplement_zero(date.getMonth()+1)+'-'+supplement_zero(date.getDate());
|
|
|
i+=86400000;
|
|
|
}
|
|
|
return range;
|
|
|
}
|
|
|
|
|
|
function supplement_zero(num) {
|
|
|
return num.toString().length==1?'0'+num:num;
|
|
|
}
|
|
|
|
|
|
function jsselect() {
|
|
|
$('.jsselect').on('click',function(){
|
|
|
var that = $(this),sib = $('.jsselect.active');
|
|
|
if (sib.length<1) {
|
|
|
$('.jsselect').removeClass('in-range first last');
|
|
|
that.addClass('active first in-range');
|
|
|
} else if (sib.length==1) {
|
|
|
that.addClass('active last');
|
|
|
var val = (new Date($.trim(that.attr('data-key')).replace(/-/g,'/'))).getTime();
|
|
|
var sibval = (new Date($.trim(sib.attr('data-key')).replace(/-/g,'/'))).getTime();
|
|
|
|
|
|
if (val<sibval) {
|
|
|
that.removeClass('last').addClass('first');
|
|
|
sib.removeClass('first').addClass('last');
|
|
|
var temp = val;val = sibval;sibval=temp;
|
|
|
}
|
|
|
var dl = getdatelist(sibval,val);
|
|
|
|
|
|
$.each(dl,function(i,n) {
|
|
|
$('.jsselect[data-key="'+n+'"]').addClass('in-range');
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
$('.jsselect').removeClass('in-range active first last');
|
|
|
that.addClass('active first');
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function jspn(that) {
|
|
|
|
|
|
var range = $.trim(that.attr('data-range-key')).split(',');
|
|
|
if (that.hasClass('disabled')) {return false;}
|
|
|
that.addClass('disabled');
|
|
|
$.ajax({
|
|
|
type:'post',
|
|
|
dataType:'json',
|
|
|
url:'{:U("calendar")}',
|
|
|
data:{start:range[0],end:range[1],flag:true},
|
|
|
success:function(data) {
|
|
|
var first = $('.jscalendar1');
|
|
|
var last = $('.jscalendar2');
|
|
|
|
|
|
var dfirst = data.first;
|
|
|
var dlast = data.last;
|
|
|
|
|
|
first.find('.month').text(data.ftitle).siblings('.prev').attr('data-range-key',data.prev);
|
|
|
var next = last.find('.month').text(data.ltitle).siblings('.next').attr('data-range-key',data.next);
|
|
|
if (parseInt(data.iscurrent)==1){next.addClass('available jspn');} else {next.removeClass('available jspn');}
|
|
|
var ftemp = '';var ltemp = '';
|
|
|
$.each(dfirst,function(i,n) {
|
|
|
ftemp += '<tr>';
|
|
|
$.each(n,function(j,m) {
|
|
|
var classname = '';
|
|
|
if (m.full == data.today) {classname += ' today ';}
|
|
|
if (m.no == 1) {classname += ' noselect ';}
|
|
|
if (j == 6 || j == 7) {classname += ' weekend ';}
|
|
|
ftemp += '<td class="available jsselect '+classname+' " data-key="'+m.full+'" ><span>';
|
|
|
if (m.value) {ftemp += m.value;}
|
|
|
else {ftemp += ' ';}
|
|
|
ftemp += '</span></td> ';
|
|
|
});
|
|
|
ftemp += '</tr>';
|
|
|
|
|
|
});
|
|
|
|
|
|
first.find('.jscalendarcontent').html('').html(ftemp);
|
|
|
|
|
|
$.each(dlast,function(i,n) {
|
|
|
ltemp += '<tr>';
|
|
|
$.each(n,function(j,m) {
|
|
|
var classname = '';
|
|
|
if (m.full == data.today) {classname += ' today ';}
|
|
|
if (m.no == 1) {classname += ' noselect ';} else {classname += ' jsselect ';}
|
|
|
if (j == 6 || j == 7) {classname += ' weekend ';}
|
|
|
ltemp += '<td class="available '+classname+' " data-key="'+m.full+'" ><span>';
|
|
|
if (m.value) {ltemp += m.value;}
|
|
|
else {ltemp += ' ';}
|
|
|
ltemp += '</span></td> ';
|
|
|
});
|
|
|
ltemp += '</tr>';
|
|
|
|
|
|
});
|
|
|
|
|
|
last.find('.jscalendarcontent').html('').html(ltemp);
|
|
|
|
|
|
that.removeClass('disabled');
|
|
|
|
|
|
$('.jspn').on('click',function() {jspn($(this)); return false;});
|
|
|
selectrange(datelist);
|
|
|
jsselect();
|
|
|
},error:function() {
|
|
|
layer.msg('服务器错误，请稍候再试');that.removeClass('disabled');
|
|
|
}
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
/* 插件块关闭操作 */
|
|
|
$(".title-opt .wm-slide").each(function(){
|
|
|
$(this).click(function(){
|
|
|
$(this).closest(".columns-mod").find(".bd").toggle();
|
|
|
$(this).find("i").toggleClass("mod-up");
|
|
|
});
|
|
|
})
|
|
|
$(function(){
|
|
|
$('.copyright').html('<div class="copyright"> ©2013-2017 徐州梦创信息科技有限公司版权所有</div>');
|
|
|
$('.sidebar').remove();
|
|
|
})
|
|
|
</script>
|
|
|
</block> |