mirror of
https://github.com/ProxyPanel/ProxyPanel.git
synced 2026-04-05 03:58:39 +00:00
优化订阅页面显示
This commit is contained in:
兔姬桑
@@ -4,6 +4,7 @@ namespace App\Http\Controllers\Admin;
|
||||
|
||||
use App\Components\IP;
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\User;
|
||||
use App\Models\UserSubscribe;
|
||||
use App\Models\UserSubscribeLog;
|
||||
use Illuminate\Http\Request;
|
||||
@@ -33,16 +34,24 @@ class SubscribeController extends Controller
|
||||
});
|
||||
}
|
||||
|
||||
return view('admin.subscribe.index', ['subscribeList' => $query->latest()->paginate(20)->appends($request->except('page'))]);
|
||||
return view('admin.subscribe.index', ['subscribeList' => $query->sortable(['id' => 'desc'])->paginate(20)->appends($request->except('page'))]);
|
||||
}
|
||||
|
||||
//订阅记录
|
||||
public function subscribeLog($id)
|
||||
public function subscribeLog(Request $request, $id)
|
||||
{
|
||||
$query = UserSubscribeLog::with('user:username');
|
||||
$query = UserSubscribeLog::whereUserSubscribeId($id);
|
||||
|
||||
if (isset($id)) {
|
||||
$query->whereUserSubscribeId($id);
|
||||
$request->whenFilled('id', function ($value) use ($query) {
|
||||
$query->where('id', $value);
|
||||
});
|
||||
|
||||
$request->whenFilled('ip', function ($value) use ($query) {
|
||||
$query->where('request_ip', 'like', "%{$value}%");
|
||||
});
|
||||
|
||||
if ($request->filled('start')) {
|
||||
$query->whereBetween('request_time', [$request->input('start').' 00:00:00', $request->input('end').' 23:59:59']);
|
||||
}
|
||||
|
||||
$subscribeLogs = $query->latest()->paginate(20)->appends(\request('page'));
|
||||
@@ -53,7 +62,7 @@ class SubscribeController extends Controller
|
||||
}
|
||||
}
|
||||
|
||||
return view('admin.subscribe.log', ['subscribeLog' => $subscribeLogs]);
|
||||
return view('admin.subscribe.log', ['subscribeLog' => $subscribeLogs, 'subscribe' => User::find($id)->subscribe]);
|
||||
}
|
||||
|
||||
// 设置用户的订阅的状态
|
||||
|
||||
@@ -66,7 +66,7 @@ class SubscribeController extends Controller
|
||||
$subscribe->increment('times', 1);
|
||||
|
||||
// 记录每次请求
|
||||
$this->subscribeLog($subscribe->id, IP::getClientIp(), $request->headers);
|
||||
$this->subscribeLog($subscribe->id, IP::getClientIp(), json_encode(['Host' => $request->getHost(), 'User-Agent' => $request->userAgent()]));
|
||||
|
||||
// 获取这个账号可用节点
|
||||
$query = $user->nodes()->whereIsSubscribe(1);
|
||||
|
||||
@@ -6,12 +6,16 @@ use Auth;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Illuminate\Database\Eloquent\Relations\BelongsTo;
|
||||
use Illuminate\Database\Eloquent\Relations\HasMany;
|
||||
use Kyslik\ColumnSortable\Sortable;
|
||||
|
||||
/**
|
||||
* 用户订阅地址
|
||||
*/
|
||||
class UserSubscribe extends Model
|
||||
{
|
||||
use Sortable;
|
||||
|
||||
public $sortable = ['id', 'times'];
|
||||
protected $table = 'user_subscribe';
|
||||
protected $guarded = [];
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@ return [
|
||||
'class' => 'fas fa-sort-amount',
|
||||
],
|
||||
'numeric' => [
|
||||
'rows' => ['created_at', 'updated_at', 'expired_at', 't', 'level', 'id', 'phone_number', 'port'],
|
||||
'rows' => ['created_at', 'updated_at', 'expired_at', 't', 'level', 'id', 'phone_number', 'port', 'times'],
|
||||
'class' => 'fas fa-sort-numeric',
|
||||
],
|
||||
],
|
||||
|
||||
@@ -1,6 +1,12 @@
|
||||
@extends('admin.layouts')
|
||||
@section('css')
|
||||
<link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
||||
<style>
|
||||
.table th a {
|
||||
color: #76838f;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="page-content container-fluid">
|
||||
@@ -34,10 +40,10 @@
|
||||
<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
|
||||
<thead class="thead-default">
|
||||
<tr>
|
||||
<th> #</th>
|
||||
<th> @sortablelink('id', '#')</th>
|
||||
<th> 用户</th>
|
||||
<th> 订阅码</th>
|
||||
<th> 请求次数</th>
|
||||
<th> @sortablelink('times', '请求次数')</th>
|
||||
<th> 最后请求时间</th>
|
||||
<th> 封禁时间</th>
|
||||
<th> 封禁理由</th>
|
||||
@@ -70,9 +76,13 @@
|
||||
<td> {{$subscribe->ban_desc}} </td>
|
||||
<td>
|
||||
@can('admin.subscribe.set')
|
||||
<button class="btn btn-sm @if($subscribe->status == 0) btn-outline-success @else btn-sm btn-outline-danger @endif"
|
||||
<button class="btn btn-sm @if($subscribe->status == 0) btn-outline-success @else btn-outline-danger @endif"
|
||||
onclick="setSubscribeStatus('{{route('admin.subscribe.set', $subscribe)}}')">
|
||||
@if($subscribe->status == 0) 启用 @else 禁用 @endif
|
||||
@if($subscribe->status == 0)
|
||||
启用
|
||||
@else
|
||||
禁用
|
||||
@endif
|
||||
</button>
|
||||
@endcan
|
||||
</td>
|
||||
|
||||
@@ -1,44 +1,107 @@
|
||||
@extends('admin.layouts')
|
||||
@section('css')
|
||||
<link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
||||
<link href="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="page-content container-fluid">
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">订阅列表</h3>
|
||||
<h1 class="panel-title">订阅列表</h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
|
||||
<thead class="thead-default">
|
||||
<tr>
|
||||
<th> #</th>
|
||||
<th> 用户</th>
|
||||
<th> 请求IP</th>
|
||||
<th> 归属地</th>
|
||||
<th> 请求时间</th>
|
||||
<th> 访问</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($subscribeLog as $subscribe)
|
||||
<tr>
|
||||
<td>{{$subscribe->id}}</td>
|
||||
<td>{{$subscribe->user->username ?? '用户已删除'}}</td>
|
||||
<td>
|
||||
@if ($subscribe->request_ip)
|
||||
<a href="https://www.ipip.net/ip/{{$subscribe->request_ip}}.html" target="_blank">{{$subscribe->request_ip}}</a>
|
||||
<div class="panel-body row">
|
||||
<form class="form-row col-12">
|
||||
<div class="form-group col-xxl-1 col-lg-2 col-md-3">
|
||||
<input type="number" class="form-control" name="id" value="{{Request::query('id')}}" placeholder="ID"/>
|
||||
</div>
|
||||
<div class="form-group col-xxl-2 col-lg-3 col-md-6">
|
||||
<input type="text" class="form-control" name="ip" value="{{Request::query('ip')}}" placeholder="IP"/>
|
||||
</div>
|
||||
<div class="form-group col-xxl-3 col-lg-5">
|
||||
<div class="input-group input-daterange" data-plugin="datepicker">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">
|
||||
<i class="icon wb-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="start" value="{{Request::query('start')}}" placeholder="开始区间" autocomplete="off"/>
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text">至</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="end" value="{{Request::query('end')}}" placeholder="结束区间" autocomplete="off"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-xxl-1 col-lg-2 btn-group">
|
||||
<button type="submit" class="btn btn-primary">搜 索</button>
|
||||
<a href="{{route('admin.subscribe.log', $subscribe->user->id)}}" class="btn btn-danger">{{trans('common.reset')}}</a>
|
||||
</div>
|
||||
</form>
|
||||
<div class="col-sm-12 col-xl-2">
|
||||
<ul class="list-group list-group-gap">
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-user-circle" aria-hidden="true"></i> 用 户： <span class="float-right">{{ $subscribe->user->nickname ?? '用户已删除' }}</span>
|
||||
</li>
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-envelope" aria-hidden="true"></i> 账 号： <span class="float-right">{{ $subscribe->user->username ?? '用户已删除' }}</span>
|
||||
</li>
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-heart" aria-hidden="true"></i> 状 态： <span class="float-right">{!! $subscribe->status ? '<i class="green-600 icon wb-check" aria-hidden="true"></i>' : '<i
|
||||
class="red-600 icon wb-close" aria-hidden="true"></i>' !!}</span>
|
||||
</li>
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-bell" aria-hidden="true"></i> 请求次数： <code class="float-right">{{ $subscribe->times }}</code>
|
||||
</li>
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-time" aria-hidden="true"></i> 最后请求： <span class="float-right">{{ $subscribe->updated_at }}</span>
|
||||
</li>
|
||||
@if($subscribe->ban_time)
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-power" aria-hidden="true"></i>封禁截至： <span class="float-right">{{ date('Y-m-d H:i', $subscribe->ban_time )}}</span>
|
||||
</li>
|
||||
<li class="list-group-item bg-blue-grey-100">
|
||||
<i class="icon wb-lock" aria-hidden="true"></i>封禁理由： <span class="float-right">{{ $subscribe->ban_desc }}</span>
|
||||
</li>
|
||||
@endif
|
||||
@can('admin.subscribe.set')
|
||||
<button class="list-group-item btn btn-block @if($subscribe->status) btn-danger @else btn-success @endif"
|
||||
onclick="setSubscribeStatus('{{route('admin.subscribe.set', $subscribe)}}')">
|
||||
@if($subscribe->status == 0)
|
||||
<i class="icon wb-unlock" aria-hidden="true"></i> 启 用
|
||||
@else
|
||||
<i class="icon wb-unlock" aria-hidden="true"></i> 禁 用
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
{{$subscribe->ipInfo}}
|
||||
</td>
|
||||
<td>{{$subscribe->request_time}}</td>
|
||||
<td>{{$subscribe->request_header}}</td>
|
||||
</button>
|
||||
@endcan
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-12 col-xl-10">
|
||||
<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
|
||||
<thead class="thead-default">
|
||||
<tr>
|
||||
<th> #</th>
|
||||
<th> 请求IP</th>
|
||||
<th> 归属地</th>
|
||||
<th> 请求时间</th>
|
||||
<th> 访问</th>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($subscribeLog as $subscribe)
|
||||
<tr>
|
||||
<td>{{$subscribe->id}}</td>
|
||||
<td>
|
||||
@if ($subscribe->request_ip)
|
||||
<a href="https://www.ipip.net/ip/{{$subscribe->request_ip}}.html" target="_blank">{{$subscribe->request_ip}}</a>
|
||||
@endif
|
||||
</td>
|
||||
<td>{{$subscribe->ipInfo}}</td>
|
||||
<td>{{$subscribe->request_time}}</td>
|
||||
<td>{{trim($subscribe->request_header)}}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<div class="row">
|
||||
@@ -58,4 +121,28 @@
|
||||
@section('javascript')
|
||||
<script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
|
||||
<script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
|
||||
<script src="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
|
||||
<script src="/assets/global/js/Plugin/bootstrap-datepicker.js"></script>
|
||||
<script>
|
||||
$('.input-daterange').datepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
});
|
||||
|
||||
@can('admin.subscribe.set')
|
||||
// 启用禁用用户的订阅
|
||||
function setSubscribeStatus(url) {
|
||||
$.post(url, {_token: '{{csrf_token()}}'}, function(ret) {
|
||||
if (ret.status === 'success') {
|
||||
swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => {
|
||||
window.location.reload();
|
||||
});
|
||||
} else {
|
||||
swal.fire({title: ret.message, icon: 'error', timer: 1000, showConfirmButton: false}).then(() => {
|
||||
window.location.reload();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
@endcan
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user