From 8732a7482dfdb0c897254732d5be6515bbf098a8 Mon Sep 17 00:00:00 2001
From: qiuxiang <394405259@qq.com>
Date: Mon, 26 Oct 2026 19:41:16 +0800
Subject: [PATCH] fix: make installation fee tabs reliably switch

---
 .../installation-fee-summary.blade.php        | 21 +++++++++++++------
 tests/Feature/Business/ManagementCrudTest.php |  3 +++
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/resources/views/business/pages/partials/installation-fee-summary.blade.php b/resources/views/business/pages/partials/installation-fee-summary.blade.php
index 848ca64c..a69bfaa1 100644
--- a/resources/views/business/pages/partials/installation-fee-summary.blade.php
+++ b/resources/views/business/pages/partials/installation-fee-summary.blade.php
@@ -520,7 +520,7 @@
         <button type="button" class="installation-fee-tab" id="installationFeeDetailTab" role="tab" aria-selected="false" aria-controls="installationFeeDetailPanel" data-installation-fee-tab="detail" tabindex="-1">店铺明细</button>
     </div>
     <div class="installation-fee-dialog__scroll">
-        <section class="installation-fee-platform-summary" id="installationFeePlatformPanel" role="tabpanel" aria-labelledby="installationFeePlatformTab" data-installation-fee-panel="platform">
+        <section class="installation-fee-platform-summary installation-fee-panel is-active" id="installationFeePlatformPanel" role="tabpanel" aria-labelledby="installationFeePlatformTab" data-installation-fee-panel="platform">
             <table>
                 <thead>
                     <tr>
@@ -532,7 +532,7 @@
             </table>
             <div class="installation-fee-empty" data-installation-fee-platform-empty hidden>当前客服审核时间内没有平台汇总。</div>
         </section>
-        <section id="installationFeeDetailPanel" role="tabpanel" aria-labelledby="installationFeeDetailTab" data-installation-fee-panel="detail" hidden>
+        <section class="installation-fee-panel" id="installationFeeDetailPanel" role="tabpanel" aria-labelledby="installationFeeDetailTab" data-installation-fee-panel="detail" hidden>
             <table class="installation-fee-table">
                 <thead>
                     <tr>
@@ -581,6 +581,7 @@
         var platformEmptyEl = dialog.querySelector('[data-installation-fee-platform-empty]');
         var countEl = dialog.querySelector('[data-installation-fee-count]');
         var scrollEl = dialog.querySelector('.installation-fee-dialog__scroll');
+        var tabsEl = dialog.querySelector('.installation-fee-tabs');
         var tabButtons = Array.from(dialog.querySelectorAll('[data-installation-fee-tab]'));
         var tabPanels = Array.from(dialog.querySelectorAll('[data-installation-fee-panel]'));
         var allRows = [];
@@ -608,7 +609,11 @@
                 }
             });
             tabPanels.forEach(function (panel) {
-                panel.hidden = panel.dataset.installationFeePanel !== name;
+                var selected = panel.dataset.installationFeePanel === name;
+                panel.hidden = !selected;
+                panel.classList.toggle('is-active', selected);
+                panel.style.display = selected ? 'block' : 'none';
+                panel.setAttribute('aria-hidden', selected ? 'false' : 'true');
             });
             if (scrollEl) {
                 scrollEl.scrollTop = 0;
@@ -915,10 +920,14 @@
             openDialog();
             refresh(false);
         });
+        tabsEl.addEventListener('click', function (event) {
+            var tab = event.target.closest('[data-installation-fee-tab]');
+            if (!tab || !tabsEl.contains(tab)) {
+                return;
+            }
+            activateTab(tab.dataset.installationFeeTab, false);
+        });
         tabButtons.forEach(function (tab, index) {
-            tab.addEventListener('click', function () {
-                activateTab(tab.dataset.installationFeeTab, false);
-            });
             tab.addEventListener('keydown', function (event) {
                 var nextIndex = null;
                 if (event.key === 'ArrowRight') {
diff --git a/tests/Feature/Business/ManagementCrudTest.php b/tests/Feature/Business/ManagementCrudTest.php
index 0f17c8c5..25d8c9cc 100644
--- a/tests/Feature/Business/ManagementCrudTest.php
+++ b/tests/Feature/Business/ManagementCrudTest.php
@@ -292,6 +292,7 @@ class ManagementCrudTest extends FeatureTestCase
             ->assertSee('data-installation-fee-tab="detail"', false)
             ->assertSee('data-installation-fee-panel="platform"', false)
             ->assertSee('data-installation-fee-panel="detail"', false)
+            ->assertSee('installation-fee-panel is-active', false)
             ->assertSeeText('店铺明细')
             ->assertSee('overflow-x: auto', false)
             ->assertSeeText('共 0 条平台汇总')
@@ -311,6 +312,8 @@ class ManagementCrudTest extends FeatureTestCase
             ->assertSee('function setCardValue(total, rows, value, data)', false)
             ->assertSee('function wanAmount(value)', false)
             ->assertSee('function activateTab(name, focusTab)', false)
+            ->assertSee("panel.style.display = selected ? 'block' : 'none'", false)
+            ->assertSee("tabsEl.addEventListener('click'", false)
             ->assertSee("event.key === 'ArrowRight'", false)
             ->assertSeeText('平台')
             ->assertSeeText('店铺名称')
-- 
2.47.2