refactor(dashboard): reuse mini bar row component for subscription expiry bars

This commit is contained in:
萝卜
2026-03-17 08:48:47 +08:00
parent 91f45c1828
commit bbbbfbe478

View File

@@ -483,21 +483,29 @@
<div class="mt-10" data-role="dashboard-sub-expiry-bars"> <div class="mt-10" data-role="dashboard-sub-expiry-bars">
<div class="muted muted-xs">占比(相对订阅总量 {{ $subTotal }}</div> <div class="muted muted-xs">占比(相对订阅总量 {{ $subTotal }}</div>
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expiring-7d-row" href="{!! $subscriptionQuickLinks['expiring_7d'] !!}" aria-label="进入7天内到期订阅集合"> @include('admin.components.mini_bar_row', [
<div class="adm-mini-bar-label">7天内到期</div> 'class' => 'mt-6',
<div class="adm-mini-bar" data-role="dashboard-sub-expiring-7d-bar" title="{{ $subExpiring7d }} / {{ $subTotal }}{{ $pctExpiring7d }}%"> 'rowRole' => 'dashboard-sub-expiring-7d-row',
<span class="adm-mini-bar-fill" style="width: {{ $pctExpiring7d }}%"></span> 'barRole' => 'dashboard-sub-expiring-7d-bar',
</div> 'href' => $subscriptionQuickLinks['expiring_7d'],
<div class="adm-mini-bar-value">{{ $pctExpiring7d }}%{{ $subExpiring7d }}</div> 'ariaLabel' => '进入7天内到期订阅集合',
</a> 'label' => '7天内到期',
'pct' => $pctExpiring7d,
'title' => $subExpiring7d . ' / ' . $subTotal . '' . $pctExpiring7d . '%',
'value' => $pctExpiring7d . '%' . $subExpiring7d . '',
])
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expired-row" href="{!! $subscriptionQuickLinks['expired'] !!}" aria-label="进入已过期订阅集合"> @include('admin.components.mini_bar_row', [
<div class="adm-mini-bar-label">已过期</div> 'class' => 'mt-6',
<div class="adm-mini-bar" data-role="dashboard-sub-expired-bar" title="{{ $subExpired }} / {{ $subTotal }}{{ $pctExpired }}%"> 'rowRole' => 'dashboard-sub-expired-row',
<span class="adm-mini-bar-fill" style="width: {{ $pctExpired }}%"></span> 'barRole' => 'dashboard-sub-expired-bar',
</div> 'href' => $subscriptionQuickLinks['expired'],
<div class="adm-mini-bar-value">{{ $pctExpired }}%{{ $subExpired }}</div> 'ariaLabel' => '进入已过期订阅集合',
</a> 'label' => '已过期',
'pct' => $pctExpired,
'title' => $subExpired . ' / ' . $subTotal . '' . $pctExpired . '%',
'value' => $pctExpired . '%' . $subExpired . '',
])
</div> </div>
</div> </div>