resources/views/business/pages/partials/installation-fee-summary.blade.php

@@ -436,6 +436,14 @@
         padding: 0;
     }
 
+    .installation-fee-panel[hidden] {
+        display: none !important;
+    }
+
+    .installation-fee-panel.is-active:not([hidden]) {
+        display: block !important;
+    }
+
     .installation-fee-platform-summary table {
         width: 100%;
         min-width: 32rem;
@@ -625,7 +633,6 @@
         var platformEmptyEl = dialog.querySelector('[data-installation-fee-platform-empty]');
         var countEl = dialog.querySelector('[data-installation-fee-count]');
         var scrollEl = dialog.querySelector('[data-installation-fee-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 = [];
@@ -1029,14 +1036,11 @@
             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 (event) {
+                event.preventDefault();
+                activateTab(tab.dataset.installationFeeTab, false);
+            });
             tab.addEventListener('keydown', function (event) {
                 var nextIndex = null;
                 if (event.key === 'ArrowRight') {

tests/Feature/Business/ManagementCrudTest.php

@@ -295,6 +295,9 @@ class ManagementCrudTest extends FeatureTestCase
             ->assertSee('data-installation-fee-panel="platform"', false)
             ->assertSee('data-installation-fee-panel="detail"', false)
             ->assertSee('installation-fee-panel is-active', false)
+            ->assertSee('.installation-fee-panel[hidden]', false)
+            ->assertSee('display: none !important;', false)
+            ->assertSee('.installation-fee-panel.is-active:not([hidden])', false)
             ->assertSeeText('店铺明细')
             ->assertSee('overflow-x: auto', false)
             ->assertSee('data-installation-fee-scroll', false)
@@ -325,7 +328,8 @@ class ManagementCrudTest extends FeatureTestCase
             ->assertSee('currentTotal.textContent = wanYuan(total)', false)
             ->assertSee('function activateTab(name, focusTab)', false)
             ->assertSee("panel.style.display = selected ? 'block' : 'none'", false)
-            ->assertSee("tabsEl.addEventListener('click'", false)
+            ->assertSee("tab.addEventListener('click'", false)
+            ->assertSee('event.preventDefault();', false)
             ->assertSee("event.key === 'ArrowRight'", false)
             ->assertSeeText('平台')
             ->assertSeeText('店铺名称')