mirror of
https://github.com/ProxyPanel/ProxyPanel.git
synced 2026-04-13 07:59:20 +00:00
6b19a5054b
1. 彻底放弃向闭源版转型，清理掉一批闭源/烂尾的代码；
2. 重新优化优惠券功能的显示与生成；
2.1 现在用户使用优惠券后，购买页面会有优惠券优惠价格等提示；
2.2 支持管理自己定义优惠券代码，可是用HappyNewYear 这样的码了；
3. 管理员页面各搜索功能的BUG修改；
3.1 部分页面的搜索条件添加，以及对之前代码的烂尾进行补全；
3.2 统一代码检查用isset而非 !isEmpty， 来减少误判；
3.3 对搜索在不同设备下的显示进行了优化；
4. 针对html 和 js 项目的代码规范以及简写；
5. 针对 debug方便；添加了debug工具；
提示：请各位在生产环境下关闭debug模式；
120 lines
4.4 KiB
PHP
120 lines
4.4 KiB
PHP
@extends('admin.layouts')
|
|
@section('content')
|
|
<div class="page-content container-fluid">
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<h2 class="panel-title">节点流量</h2>
|
|
</div>
|
|
<div class="alert alert-info alert-dismissible">
|
|
<button class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span><span class="sr-only">{{trans('home.close')}}</span></button>
|
|
<h4 class="block">{{$nodeName}}
|
|
<small class="pl-10">{{$nodeServer}}</small>
|
|
</h4>
|
|
<strong>提示：</strong> 月流量统计不会统计当天，日流量统计不会统计当前小时；如果无统计数据，请检查定时任务是否正常。
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<canvas id="dailyChart" aria-label="小时流量图" role="img"></canvas>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<canvas id="monthlyChart" aria-label="月流量图" role="img"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('script')
|
|
<script src="/assets/global/vendor/chart-js/Chart.min.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript">
|
|
const dailyChart = new Chart(document.getElementById('dailyChart').getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [{!! $dayHours !!}],
|
|
datasets: [{
|
|
fill: true,
|
|
backgroundColor: "rgba(98, 168, 234, .1)",
|
|
borderColor: Config.colors("primary", 600),
|
|
pointRadius: 4,
|
|
borderDashOffset: 2,
|
|
pointBorderColor: "#fff",
|
|
pointBackgroundColor: Config.colors("primary", 600),
|
|
pointHoverBackgroundColor: "#fff",
|
|
pointHoverBorderColor: Config.colors("primary", 600),
|
|
data: [{!! $trafficHourly['hourlyData'] !!}],
|
|
}]
|
|
},
|
|
options: {
|
|
legend: {
|
|
display: false
|
|
},
|
|
responsive: true,
|
|
scales: {
|
|
xAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: '小时'
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
display: true,
|
|
ticks: {
|
|
beginAtZero: true,
|
|
},
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: '{{trans('home.traffic_log_24hours')}}'
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
});
|
|
|
|
const monthlyChart = new Chart(document.getElementById('monthlyChart').getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [{!! $monthDays !!}],
|
|
datasets: [{
|
|
fill: true,
|
|
backgroundColor: "rgba(98, 168, 234, .1)",
|
|
borderColor: Config.colors("primary", 600),
|
|
pointRadius: 4,
|
|
borderDashOffset: 2,
|
|
pointBorderColor: "#fff",
|
|
pointBackgroundColor: Config.colors("primary", 600),
|
|
pointHoverBackgroundColor: "#fff",
|
|
pointHoverBorderColor: Config.colors("primary", 600),
|
|
data: [{!! $trafficDaily['dailyData'] !!}],
|
|
}]
|
|
},
|
|
options: {
|
|
legend: {
|
|
display: false
|
|
},
|
|
responsive: true,
|
|
scales: {
|
|
xAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: '天'
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
display: true,
|
|
ticks: {
|
|
beginAtZero: true,
|
|
},
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: '{{trans('home.traffic_log_30days')}}'
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
@endsection |