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

refactor(ui): extract admin mini bar row blade component

Browse Source
This commit is contained in:
萝卜
2026-03-17 08:30:20 +08:00
parent 617400a9e1
commit ac929ec593
2 changed files with 68 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -534,21 +534,29 @@
<div class="mt-10" data-role="platform-ops-northstar-bars">
<div class="muted"><strong>北极星指标（图形化）</strong></div>
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="ops-northstar-active-paid-merchants-row" href="{!! (string) ($opsLinks['active_paid_merchants_subscriptions'] ?? $billingEntryLinks['site_subscriptions']) !!}" aria-label="进入活跃付费站点订阅集合">
<div class="adm-mini-bar-label">付费渗透</div>
<div class="adm-mini-bar" data-role="ops-northstar-active-paid-merchants-bar" title="{{ $activePaidMerchants }} / {{ $merchantsTotal }}（{{ $pctActivePaidMerchants }}%）">
<span class="adm-mini-bar-fill" style="width: {{ $pctActivePaidMerchants }}%"></span>
</div>
<div class="adm-mini-bar-value">{{ $pctActivePaidMerchants }}%（{{ $activePaidMerchants }}）</div>
</a>
@include('admin.components.mini_bar_row', [
'class' => 'mt-6',
'rowRole' => 'ops-northstar-active-paid-merchants-row',
'barRole' => 'ops-northstar-active-paid-merchants-bar',
'href' => (string) ($opsLinks['active_paid_merchants_subscriptions'] ?? $billingEntryLinks['site_subscriptions']),
'ariaLabel' => '进入活跃付费站点订阅集合',
'label' => '付费渗透',
'pct' => $pctActivePaidMerchants,
'title' => $activePaidMerchants . ' / ' . $merchantsTotal . '（' . $pctActivePaidMerchants . '%）',
'value' => $pctActivePaidMerchants . '%（' . $activePaidMerchants . '）',
])
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="ops-northstar-renewal-rate-row" href="{!! (string) ($opsLinks['renewal_orders_30d'] ?? $billingEntryLinks['platform_orders']) !!}" aria-label="进入近30天续费订单集合">
<div class="adm-mini-bar-label">续费成功率</div>
<div class="adm-mini-bar" data-role="ops-northstar-renewal-rate-bar" title="{{ $renewalRate30d }}%（{{ $renewalSuccess30d }} / {{ $renewalCreated30d }}）">
<span class="adm-mini-bar-fill" style="width: {{ $renewalRate30d }}%"></span>
</div>
<div class="adm-mini-bar-value">{{ $renewalRate30d }}%</div>
</a>
@include('admin.components.mini_bar_row', [
'class' => 'mt-6',
'rowRole' => 'ops-northstar-renewal-rate-row',
'barRole' => 'ops-northstar-renewal-rate-bar',
'href' => (string) ($opsLinks['renewal_orders_30d'] ?? $billingEntryLinks['platform_orders']),
'ariaLabel' => '进入近30天续费订单集合',
'label' => '续费成功率',
'pct' => $renewalRate30d,
'title' => $renewalRate30d . '%（' . $renewalSuccess30d . ' / ' . $renewalCreated30d . '）',
'value' => $renewalRate30d . '%',
])
<div class="muted muted-xs mt-6">说明：付费渗透 = 活跃付费站点 / 站点总数；续费成功率按近30天续费单计算。</div>
</div>