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

refactor(dashboard): reuse mini bar row component for ops funnel

Browse Source
This commit is contained in:
萝卜
2026-03-17 08:36:21 +08:00
parent ac929ec593
commit 8bbfade0e8
1 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -579,29 +579,41 @@
<div class="muted"><strong>收款漏斗（近7天）</strong></div> <div class="muted"><strong>收款漏斗（近7天）</strong></div>
<div class="muted muted-xs mt-6">用于快速判断卡点：催付 / 治理生效 / 同步订阅。</div> <div class="muted muted-xs mt-6">用于快速判断卡点：催付 / 治理生效 / 同步订阅。</div>
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="ops-funnel-unpaid-pending-row" href="{!! (string) ($opsLinks['funnel_unpaid_pending_7d'] ?? $platformOrdersQuickLinks['unpaid_pending']) !!}" aria-label="进入近7天待支付订单集合"> @include('admin.components.mini_bar_row', [
<div class="adm-mini-bar-label">待支付</div> 'class' => 'mt-6',
<div class="adm-mini-bar" data-role="ops-funnel-unpaid-pending-bar" title="{{ $funnelUnpaidPending7d }} / {{ $ordersTotal7d }}（{{ $pctUnpaidPending }}%）"> 'rowRole' => 'ops-funnel-unpaid-pending-row',
<span class="adm-mini-bar-fill" style="width: {{ $pctUnpaidPending }}%"></span> 'barRole' => 'ops-funnel-unpaid-pending-bar',
</div> 'href' => (string) ($opsLinks['funnel_unpaid_pending_7d'] ?? $platformOrdersQuickLinks['unpaid_pending']),
<div class="adm-mini-bar-value">{{ $pctUnpaidPending }}%（{{ $funnelUnpaidPending7d }}）</div> 'ariaLabel' => '进入近7天待支付订单集合',
</a> 'label' => '待支付',
'pct' => $pctUnpaidPending,
'title' => $funnelUnpaidPending7d . ' / ' . $ordersTotal7d . '（' . $pctUnpaidPending . '%）',
'value' => $pctUnpaidPending . '%（' . $funnelUnpaidPending7d . '）',
])
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="ops-funnel-paid-row" href="{!! (string) ($opsLinks['funnel_paid_7d'] ?? $platformOrdersQuickLinks['platform_orders']) !!}" aria-label="进入近7天已支付订单集合"> @include('admin.components.mini_bar_row', [
<div class="adm-mini-bar-label">已支付</div> 'class' => 'mt-6',
<div class="adm-mini-bar" data-role="ops-funnel-paid-bar" title="{{ $funnelPaid7d }} / {{ $ordersTotal7d }}（{{ $pctPaid }}%）"> 'rowRole' => 'ops-funnel-paid-row',
<span class="adm-mini-bar-fill" style="width: {{ $pctPaid }}%"></span> 'barRole' => 'ops-funnel-paid-bar',
</div> 'href' => (string) ($opsLinks['funnel_paid_7d'] ?? $platformOrdersQuickLinks['platform_orders']),
<div class="adm-mini-bar-value">{{ $pctPaid }}%（{{ $funnelPaid7d }}）</div> 'ariaLabel' => '进入近7天已支付订单集合',
</a> 'label' => '已支付',
'pct' => $pctPaid,
'title' => $funnelPaid7d . ' / ' . $ordersTotal7d . '（' . $pctPaid . '%）',
'value' => $pctPaid . '%（' . $funnelPaid7d . '）',
])
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="ops-funnel-paid-activated-row" href="{!! (string) ($opsLinks['funnel_paid_activated_7d'] ?? $platformOrdersQuickLinks['platform_orders']) !!}" aria-label="进入近7天已生效订单集合"> @include('admin.components.mini_bar_row', [
<div class="adm-mini-bar-label">已生效</div> 'class' => 'mt-6',
<div class="adm-mini-bar" data-role="ops-funnel-paid-activated-bar" title="{{ $funnelPaidActivated7d }} / {{ $ordersTotal7d }}（{{ $pctPaidActivated }}%）"> 'rowRole' => 'ops-funnel-paid-activated-row',
<span class="adm-mini-bar-fill" style="width: {{ $pctPaidActivated }}%"></span> 'barRole' => 'ops-funnel-paid-activated-bar',
</div> 'href' => (string) ($opsLinks['funnel_paid_activated_7d'] ?? $platformOrdersQuickLinks['platform_orders']),
<div class="adm-mini-bar-value">{{ $pctPaidActivated }}%（{{ $funnelPaidActivated7d }}）</div> 'ariaLabel' => '进入近7天已生效订单集合',
</a> 'label' => '已生效',
'pct' => $pctPaidActivated,
'title' => $funnelPaidActivated7d . ' / ' . $ordersTotal7d . '（' . $pctPaidActivated . '%）',
'value' => $pctPaidActivated . '%（' . $funnelPaidActivated7d . '）',
])
<div class="muted muted-xs mt-6">分母：近7天平台订单总数 {{ $ordersTotal7d }}（含未支付/已支付）。</div> <div class="muted muted-xs mt-6">分母：近7天平台订单总数 {{ $ordersTotal7d }}（含未支付/已支付）。</div>
</div> </div>