refactor(dashboard): reuse mini bar row component for billing workbench PO bars
This commit is contained in:
萝卜
@@ -350,81 +350,117 @@
|
||||
<div class="mt-10" data-role="dashboard-po-funnel-bars">
|
||||
<div class="muted muted-xs">收费主链漏斗（相对平台订单总量 {{ $poTotal }}）</div>
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-unpaid-pending-row" href="{!! $platformOrdersQuickLinks['unpaid_pending'] !!}" aria-label="进入待支付订单集合">
|
||||
<div class="adm-mini-bar-label">待支付</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-unpaid-pending-bar" title="{{ $poUnpaidPending }} / {{ $poTotal }}（{{ $poUnpaidPendingPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poUnpaidPendingPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poUnpaidPendingPct }}%（{{ $poUnpaidPending }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-unpaid-pending-row',
|
||||
'barRole' => 'dashboard-po-unpaid-pending-bar',
|
||||
'href' => $platformOrdersQuickLinks['unpaid_pending'],
|
||||
'ariaLabel' => '进入待支付订单集合',
|
||||
'label' => '待支付',
|
||||
'pct' => $poUnpaidPendingPct,
|
||||
'title' => $poUnpaidPending . ' / ' . $poTotal . '（' . $poUnpaidPendingPct . '%）',
|
||||
'value' => $poUnpaidPendingPct . '%（' . $poUnpaidPending . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-paid-pending-row" href="{!! $platformOrdersQuickLinks['paid_pending'] !!}" aria-label="进入待生效订单集合">
|
||||
<div class="adm-mini-bar-label">待生效</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-paid-pending-bar" title="{{ $poPaidPending }} / {{ $poTotal }}（{{ $poPaidPendingPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poPaidPendingPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poPaidPendingPct }}%（{{ $poPaidPending }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-paid-pending-row',
|
||||
'barRole' => 'dashboard-po-paid-pending-bar',
|
||||
'href' => $platformOrdersQuickLinks['paid_pending'],
|
||||
'ariaLabel' => '进入待生效订单集合',
|
||||
'label' => '待生效',
|
||||
'pct' => $poPaidPendingPct,
|
||||
'title' => $poPaidPending . ' / ' . $poTotal . '（' . $poPaidPendingPct . '%）',
|
||||
'value' => $poPaidPendingPct . '%（' . $poPaidPending . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-syncable-row" href="{!! $platformOrdersQuickLinks['syncable_only'] !!}" aria-label="进入可同步订单集合">
|
||||
<div class="adm-mini-bar-label">可同步</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-syncable-bar" title="{{ $poSyncable }} / {{ $poTotal }}（{{ $poSyncablePct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poSyncablePct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poSyncablePct }}%（{{ $poSyncable }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-syncable-row',
|
||||
'barRole' => 'dashboard-po-syncable-bar',
|
||||
'href' => $platformOrdersQuickLinks['syncable_only'],
|
||||
'ariaLabel' => '进入可同步订单集合',
|
||||
'label' => '可同步',
|
||||
'pct' => $poSyncablePct,
|
||||
'title' => $poSyncable . ' / ' . $poTotal . '（' . $poSyncablePct . '%）',
|
||||
'value' => $poSyncablePct . '%（' . $poSyncable . '）',
|
||||
])
|
||||
</div>
|
||||
|
||||
<div class="mt-10" data-role="dashboard-po-governance-bars">
|
||||
<div class="muted muted-xs">治理风险占比（相对平台订单总量 {{ $poTotal }}）</div>
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-sync-failed-row" href="{!! $platformOrdersQuickLinks['sync_failed'] !!}" aria-label="进入同步失败订单集合">
|
||||
<div class="adm-mini-bar-label">同步失败</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-sync-failed-bar" title="{{ $poSyncFailed }} / {{ $poTotal }}（{{ $poSyncFailedPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poSyncFailedPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poSyncFailedPct }}%（{{ $poSyncFailed }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-sync-failed-row',
|
||||
'barRole' => 'dashboard-po-sync-failed-bar',
|
||||
'href' => $platformOrdersQuickLinks['sync_failed'],
|
||||
'ariaLabel' => '进入同步失败订单集合',
|
||||
'label' => '同步失败',
|
||||
'pct' => $poSyncFailedPct,
|
||||
'title' => $poSyncFailed . ' / ' . $poTotal . '（' . $poSyncFailedPct . '%）',
|
||||
'value' => $poSyncFailedPct . '%（' . $poSyncFailed . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-bmpa-failed-row" href="{!! $platformOrdersQuickLinks['bmpa_failed'] !!}" aria-label="进入BMPA失败订单集合">
|
||||
<div class="adm-mini-bar-label">BMPA失败</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-bmpa-failed-bar" title="{{ $poBmpaFailed }} / {{ $poTotal }}（{{ $poBmpaFailedPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poBmpaFailedPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poBmpaFailedPct }}%（{{ $poBmpaFailed }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-bmpa-failed-row',
|
||||
'barRole' => 'dashboard-po-bmpa-failed-bar',
|
||||
'href' => $platformOrdersQuickLinks['bmpa_failed'],
|
||||
'ariaLabel' => '进入BMPA失败订单集合',
|
||||
'label' => 'BMPA失败',
|
||||
'pct' => $poBmpaFailedPct,
|
||||
'title' => $poBmpaFailed . ' / ' . $poTotal . '（' . $poBmpaFailedPct . '%）',
|
||||
'value' => $poBmpaFailedPct . '%（' . $poBmpaFailed . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-no-receipt-row" href="{!! $platformOrdersQuickLinks['paid_no_receipt'] !!}" aria-label="进入无回执订单集合">
|
||||
<div class="adm-mini-bar-label">无回执</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-no-receipt-bar" title="{{ $poNoReceipt }} / {{ $poTotal }}（{{ $poNoReceiptPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poNoReceiptPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poNoReceiptPct }}%（{{ $poNoReceipt }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-no-receipt-row',
|
||||
'barRole' => 'dashboard-po-no-receipt-bar',
|
||||
'href' => $platformOrdersQuickLinks['paid_no_receipt'],
|
||||
'ariaLabel' => '进入无回执订单集合',
|
||||
'label' => '无回执',
|
||||
'pct' => $poNoReceiptPct,
|
||||
'title' => $poNoReceipt . ' / ' . $poTotal . '（' . $poNoReceiptPct . '%）',
|
||||
'value' => $poNoReceiptPct . '%（' . $poNoReceipt . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-renewal-missing-row" href="{!! $platformOrdersQuickLinks['renewal_missing_subscription'] !!}" aria-label="进入续费缺订阅订单集合">
|
||||
<div class="adm-mini-bar-label">续费缺订阅</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-renewal-missing-bar" title="{{ $poRenewalMissing }} / {{ $poTotal }}（{{ $poRenewalMissingPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poRenewalMissingPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poRenewalMissingPct }}%（{{ $poRenewalMissing }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-renewal-missing-row',
|
||||
'barRole' => 'dashboard-po-renewal-missing-bar',
|
||||
'href' => $platformOrdersQuickLinks['renewal_missing_subscription'],
|
||||
'ariaLabel' => '进入续费缺订阅订单集合',
|
||||
'label' => '续费缺订阅',
|
||||
'pct' => $poRenewalMissingPct,
|
||||
'title' => $poRenewalMissing . ' / ' . $poTotal . '（' . $poRenewalMissingPct . '%）',
|
||||
'value' => $poRenewalMissingPct . '%（' . $poRenewalMissing . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-reconcile-mismatch-row" href="{!! $platformOrdersQuickLinks['reconcile_mismatch'] !!}" aria-label="进入对账不一致订单集合">
|
||||
<div class="adm-mini-bar-label">对账不一致</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-reconcile-mismatch-bar" title="{{ $poReconcileMismatch }} / {{ $poTotal }}（{{ $poReconcileMismatchPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poReconcileMismatchPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poReconcileMismatchPct }}%（{{ $poReconcileMismatch }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-reconcile-mismatch-row',
|
||||
'barRole' => 'dashboard-po-reconcile-mismatch-bar',
|
||||
'href' => $platformOrdersQuickLinks['reconcile_mismatch'],
|
||||
'ariaLabel' => '进入对账不一致订单集合',
|
||||
'label' => '对账不一致',
|
||||
'pct' => $poReconcileMismatchPct,
|
||||
'title' => $poReconcileMismatch . ' / ' . $poTotal . '（' . $poReconcileMismatchPct . '%）',
|
||||
'value' => $poReconcileMismatchPct . '%（' . $poReconcileMismatch . '）',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-po-refund-inconsistent-row" href="{!! $platformOrdersQuickLinks['refund_inconsistent'] !!}" aria-label="进入退款不一致订单集合">
|
||||
<div class="adm-mini-bar-label">退款不一致</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-po-refund-inconsistent-bar" title="{{ $poRefundInconsistent }} / {{ $poTotal }}（{{ $poRefundInconsistentPct }}%）">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $poRefundInconsistentPct }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $poRefundInconsistentPct }}%（{{ $poRefundInconsistent }}）</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-po-refund-inconsistent-row',
|
||||
'barRole' => 'dashboard-po-refund-inconsistent-bar',
|
||||
'href' => $platformOrdersQuickLinks['refund_inconsistent'],
|
||||
'ariaLabel' => '进入退款不一致订单集合',
|
||||
'label' => '退款不一致',
|
||||
'pct' => $poRefundInconsistentPct,
|
||||
'title' => $poRefundInconsistent . ' / ' . $poTotal . '（' . $poRefundInconsistentPct . '%）',
|
||||
'value' => $poRefundInconsistentPct . '%（' . $poRefundInconsistent . '）',
|
||||
])
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user