ux(dashboard): remember details open state via storage-key

This commit is contained in:
萝卜
2026-03-17 07:57:20 +08:00
parent b2d5101d77
commit 65323280d2
2 changed files with 4 additions and 3 deletions

View File

@@ -92,7 +92,8 @@
// 通用折叠面板collapsible记忆展开状态localStorage // 通用折叠面板collapsible记忆展开状态localStorage
// 用法:<details data-role="collapsible" data-storage-key="xxx"> // 用法:<details data-role="collapsible" data-storage-key="xxx">
(function () { (function () {
var nodes = document.querySelectorAll('details[data-role="collapsible"][data-storage-key]'); // 兼容历史:旧实现要求 data-role="collapsible";现在只要存在 data-storage-key 就启用记忆。
var nodes = document.querySelectorAll('details[data-storage-key], details[data-role="collapsible"][data-storage-key]');
if (!nodes || nodes.length === 0) { if (!nodes || nodes.length === 0) {
return; return;
} }

View File

@@ -311,7 +311,7 @@
<a class="btn btn-secondary btn-sm" data-role="dashboard-po-quicklink-refund-inconsistent" href="{!! $platformOrdersQuickLinks['refund_inconsistent'] !!}">退款不一致({{ (int) ($stats['platform_orders_refund_inconsistent'] ?? 0) }}</a> <a class="btn btn-secondary btn-sm" data-role="dashboard-po-quicklink-refund-inconsistent" href="{!! $platformOrdersQuickLinks['refund_inconsistent'] !!}">退款不一致({{ (int) ($stats['platform_orders_refund_inconsistent'] ?? 0) }}</a>
</div> </div>
<details class="mt-10" data-role="dashboard-po-advanced-links"> <details class="mt-10" data-role="dashboard-po-advanced-links" data-storage-key="admin.dashboard.po_advanced_links">
<summary class="muted">高级筛选(少用,默认收起)</summary> <summary class="muted">高级筛选(少用,默认收起)</summary>
<div class="actions mt-8"> <div class="actions mt-8">
<a class="btn btn-secondary btn-sm" href="{!! $platformOrdersQuickLinks['paid_pending'] !!}">待生效({{ (int) ($stats['platform_orders_paid_pending'] ?? 0) }}</a> <a class="btn btn-secondary btn-sm" href="{!! $platformOrdersQuickLinks['paid_pending'] !!}">待生效({{ (int) ($stats['platform_orders_paid_pending'] ?? 0) }}</a>
@@ -671,7 +671,7 @@
</a> </a>
</div> </div>
<details class="mt-10" data-role="platform-ops-exception-bars"> <details class="mt-10" data-role="platform-ops-exception-bars" data-storage-key="admin.dashboard.platform_ops_exception_bars">
<summary class="muted"><strong>更多异常积压(少用)</strong></summary> <summary class="muted"><strong>更多异常积压(少用)</strong></summary>
<div class="muted muted-xs mt-6">异常型治理:批量失败 / 续费缺订阅等。</div> <div class="muted muted-xs mt-6">异常型治理:批量失败 / 续费缺订阅等。</div>