linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin dashboard: add subscription expiry mini bars and generalize mini bar CSS

Browse Source
This commit is contained in:
萝卜
2026-03-17 01:54:56 +08:00
parent 6cd8c34245
commit 29b7f6093d
3 changed files with 86 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/views/admin/dashboard.blade.php
View File

@@ -279,6 +279,35 @@
<a class="btn btn-secondary btn-sm" href="{!! \App\Support\BackUrl::withBack('/admin/site-subscriptions?expiry=expiring_7d', $selfWithoutBack) !!}">7天内到期（{{ (int) ($stats['site_subscriptions_expiring_7d'] ?? 0) }}）</a>
<a class="btn btn-secondary btn-sm" href="{!! \App\Support\BackUrl::withBack('/admin/site-subscriptions?expiry=expired', $selfWithoutBack) !!}">已过期（{{ (int) ($stats['site_subscriptions_expired'] ?? 0) }}）</a>
</div>
@php
$subTotal = (int) ($stats['site_subscriptions'] ?? 0);
$subExpiring7d = (int) ($stats['site_subscriptions_expiring_7d'] ?? 0);
$subExpired = (int) ($stats['site_subscriptions_expired'] ?? 0);
$pctExpiring7d = $subTotal > 0 ? min(100, max(0, round(($subExpiring7d / $subTotal) * 100, 1))) : 0;
$pctExpired = $subTotal > 0 ? min(100, max(0, round(($subExpired / $subTotal) * 100, 1))) : 0;
@endphp
<div class="mt-10" data-role="dashboard-sub-expiry-bars">
<div class="muted muted-xs">占比（相对订阅总量 {{ $subTotal }}）</div>
<div class="adm-mini-bar-row mt-6" data-role="dashboard-sub-expiring-7d-row">
<div class="adm-mini-bar-label">7天内到期</div>
<div class="adm-mini-bar" data-role="dashboard-sub-expiring-7d-bar" title="{{ $subExpiring7d }} / {{ $subTotal }}（{{ $pctExpiring7d }}%）">
<span class="adm-mini-bar-fill" style="width: {{ $pctExpiring7d }}%"></span>
</div>
<div class="adm-mini-bar-value">{{ $pctExpiring7d }}%</div>
</div>
<div class="adm-mini-bar-row mt-6" data-role="dashboard-sub-expired-row">
<div class="adm-mini-bar-label">已过期</div>
<div class="adm-mini-bar" data-role="dashboard-sub-expired-bar" title="{{ $subExpired }} / {{ $subTotal }}（{{ $pctExpired }}%）">
<span class="adm-mini-bar-fill" style="width: {{ $pctExpired }}%"></span>
</div>
<div class="adm-mini-bar-value">{{ $pctExpired }}%</div>
</div>
</div>
</div>
<div class="muted muted-xs mt-10">说明：这里先把收费主链的高频治理入口收敛到仪表盘；后续再补趋势/排行的真实聚合。</div>