You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
286 lines
7.2 KiB
286 lines
7.2 KiB
{template 'header', 'member'}
|
|
<div id="head-bar">
|
|
<div class="head-bar">
|
|
<div class="head-bar-back"><a href="{if $back_link}{$back_link}{else}javascript:Dback();" id="back-{$js_pageid}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-back.png" width="24" height="24"/></a></div>
|
|
<div class="head-bar-title">{$head_name}</div>
|
|
</div>
|
|
<div class="head-bar-fix" id="load-fix-{$js_pageid}" style="height:0;"></div>
|
|
<div class="head-bar-fix" id="head-fix-{$js_pageid}"></div>
|
|
</div>
|
|
<div class="list-tab">
|
|
<ul>
|
|
<li{if $action=='index' || !$action} class="on"{/if}><a href="?action=index"><span>流量统计</span></a></li>
|
|
<li{if $action=='record'} class="on"{/if}><a href="?action=record"><span>浏览记录</span></a></li>
|
|
<li{if $action=='report'} class="on"{/if}><a href="?action=report"><span>统计报表</span></a></li>
|
|
</ul>
|
|
</div>
|
|
{if $action=='report'}
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
Stabs('{$js_pageid}');
|
|
$(window).bind('orientationchange.chart', function(e){
|
|
window.location.reload();
|
|
});
|
|
});
|
|
</script>
|
|
<div class="list-menu" id="tabs-{$js_pageid}">
|
|
<ul>
|
|
<a href="?action={$action}&job=pv"><li{if $job == 'pv'} class="on"{/if}>流量趋势</li></a>
|
|
<a href="?action={$action}&job=ip"><li{if $job == 'ip'} class="on"{/if}>IP趋势</li></a>
|
|
<a href="?action={$action}&job=rb"><li{if $job == 'rb'} class="on"{/if}>抓取频次</li></a>
|
|
<a href="?action={$action}&job=domain"><li{if $job == 'domain'} class="on"{/if}>外部链接</li></a>
|
|
<a href="?action={$action}&job=username"><li{if $job == 'username'} class="on"{/if}>活跃会员</li></a>
|
|
<a href="?action={$action}&job=itemid"><li{if $job == 'itemid'} class="on"{/if}>信息排行</li></a>
|
|
</ul>
|
|
</div>
|
|
<script type="text/javascript" src="{DT_STATIC}file/script/echarts.min.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
|
|
{if $job == 'pv'}
|
|
<script type="text/javascript">
|
|
document.write('<div id="chart" style="width:'+(document.body.clientWidth-32)+'px;height:300px;margin:16px;"></div>');
|
|
var chart = echarts.init(Dd('chart'));
|
|
var option = {
|
|
title: {
|
|
text: '流量趋势'
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: ['总PV', '电脑PV', '手机PV']
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
toolbox: {
|
|
feature: {
|
|
saveAsImage: {}
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: [{$data}]
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name: '总PV',
|
|
type: 'line',
|
|
data: [{$pv}]
|
|
},
|
|
{
|
|
name: '电脑PV',
|
|
type: 'line',
|
|
data: [{$pv_pc}]
|
|
},
|
|
{
|
|
name: '手机PV',
|
|
type: 'line',
|
|
data: [{$pv_mb}]
|
|
}
|
|
]
|
|
};
|
|
chart.setOption(option);
|
|
</script>
|
|
{elseif $job == 'ip'}
|
|
<script type="text/javascript">
|
|
document.write('<div id="chart" style="width:'+(document.body.clientWidth-32)+'px;height:300px;margin:16px;"></div>');
|
|
var chart = echarts.init(Dd('chart'));
|
|
var option = {
|
|
title: {
|
|
text: 'IP趋势'
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: ['总IP', '电脑IP', '手机IP']
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
toolbox: {
|
|
feature: {
|
|
saveAsImage: {}
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: [{$data}]
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name: '总IP',
|
|
type: 'line',
|
|
data: [{$ip}]
|
|
},
|
|
{
|
|
name: '电脑IP',
|
|
type: 'line',
|
|
data: [{$ip_pc}]
|
|
},
|
|
{
|
|
name: '手机IP',
|
|
type: 'line',
|
|
data: [{$ip_mb}]
|
|
}
|
|
]
|
|
};
|
|
chart.setOption(option);
|
|
</script>
|
|
{elseif $job == 'rb'}
|
|
<script type="text/javascript">
|
|
document.write('<div id="chart" style="width:'+(document.body.clientWidth-32)+'px;height:300px;margin:16px;"></div>');
|
|
var chart = echarts.init(Dd('chart'));
|
|
var option = {
|
|
title: {
|
|
text: '抓取频次'
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: ['总PV', '电脑PV', '手机PV']
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
toolbox: {
|
|
feature: {
|
|
saveAsImage: {}
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: [{$data}]
|
|
},
|
|
yAxis: {
|
|
type: 'value'
|
|
},
|
|
series: [
|
|
{
|
|
name: '总PV',
|
|
type: 'line',
|
|
data: [{$rb}]
|
|
},
|
|
{
|
|
name: '电脑PV',
|
|
type: 'line',
|
|
data: [{$rb_pc}]
|
|
},
|
|
{
|
|
name: '手机PV',
|
|
type: 'line',
|
|
data: [{$rb_mb}]
|
|
}
|
|
]
|
|
};
|
|
chart.setOption(option);
|
|
</script>
|
|
{elseif in_array($job, array('domain', 'username', 'itemid'))}
|
|
<script type="text/javascript">
|
|
document.write('<div id="chart" style="width:'+(document.body.clientWidth-32)+'px;height:{$height}px;margin:16px;"></div>');
|
|
var chart = echarts.init(Dd('chart'));
|
|
var option = {
|
|
color: ['#61A0A8'],
|
|
title: {
|
|
text: '',
|
|
subtext: ''
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'shadow'
|
|
}
|
|
},
|
|
grid: {
|
|
top: '16px;',
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis: {
|
|
type: 'value',
|
|
boundaryGap: [0, 0.01]
|
|
},
|
|
yAxis: {
|
|
type: 'category',
|
|
data: [{$xd}]
|
|
},
|
|
series: [
|
|
{
|
|
type: 'bar',
|
|
data: [{$yd}]
|
|
}
|
|
]
|
|
};
|
|
chart.setOption(option);
|
|
chart.on('click', function(e) {
|
|
if(e.data.url) {
|
|
if(e.data.url.substring(0, 1) == '?') {
|
|
Go(e.data.url);
|
|
} else {
|
|
window.open(e.data.url);
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
{/if}
|
|
{elseif $action == 'record'}
|
|
<div class="ui-form">
|
|
<form action="?">
|
|
<input type="hidden" name="status" value="{$status}"/>
|
|
<div><input type="search" name="kw" value="{$kw}" placeholder="{$L[kw]}"/></div>
|
|
</form>
|
|
</div>
|
|
<form method="post">
|
|
{if $lists}
|
|
{loop $lists $v}
|
|
<div class="list-img">
|
|
<ul>
|
|
<li><a href="{$v[url]}"><strong>{$v[url]}</strong></a></li>
|
|
<li><span>{$v[ip]} / {$v[area]} / {$v[username]}</span><span class="f_r">{$v[addtime]}</span></li>
|
|
</ul>
|
|
</div>
|
|
{/loop}
|
|
{/if}
|
|
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
|
|
{else}
|
|
<form method="post">
|
|
{if $lists}
|
|
{loop $lists $v}
|
|
<div class="list-img">
|
|
<ul>
|
|
<li><a href="?action=record&fromdate={$v[date]} 00:00:00&todate={$v[date]} 23:23:59"><strong>{$v[date]}</strong></a></li>
|
|
<li>IP:{$v[ip]} / PV:{$v[pv]}</li>
|
|
</ul>
|
|
</div>
|
|
{/loop}
|
|
{/if}
|
|
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
|
|
<div id="foot-bar" class="dsn">
|
|
<div class="foot-bar-fix"></div>
|
|
<div class="foot-bar btns">
|
|
<input type="submit" name="submit" value="删除选中" class="btn-red" onclick="if(confirm('确定要删除选中证书吗？')){this.form.action='?status={$status}&action=delete'}else{return false;}"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{/if}
|
|
{template 'footer', 'member'}
|