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

@@ -394,12 +394,29 @@
 
     .installation-fee-table {
         width: 100%;
-        min-width: 72rem;
+        min-width: 100%;
+        table-layout: fixed;
         border-collapse: collapse;
         font-size: 0.75rem;
         font-variant-numeric: tabular-nums;
     }
 
+    .installation-fee-table col:nth-child(1) {
+        width: 34%;
+    }
+
+    .installation-fee-table col:nth-child(2) {
+        width: 22%;
+    }
+
+    .installation-fee-table col:nth-child(3) {
+        width: 18%;
+    }
+
+    .installation-fee-table col:nth-child(4) {
+        width: 26%;
+    }
+
     .installation-fee-table th,
     .installation-fee-table td {
         padding: var(--installation-fee-table-cell-padding);
@@ -407,7 +424,8 @@
         line-height: 1.5;
         text-align: left;
         vertical-align: middle;
-        white-space: nowrap;
+        overflow-wrap: anywhere;
+        white-space: normal;
     }
 
     .installation-fee-table thead th {
@@ -422,6 +440,7 @@
 
     .installation-fee-table .is-number {
         text-align: right;
+        white-space: nowrap;
     }
 
     .installation-fee-empty {
@@ -586,6 +605,12 @@
         </section>
         <section class="installation-fee-panel" id="installationFeeDetailPanel" role="tabpanel" aria-labelledby="installationFeeDetailTab" data-installation-fee-panel="detail" hidden>
             <table class="installation-fee-table">
+                <colgroup>
+                    <col>
+                    <col>
+                    <col>
+                    <col>
+                </colgroup>
                 <thead>
                     <tr>
                         <th scope="col">店铺名称</th>

tests/Feature/Business/ManagementCrudTest.php

@@ -304,7 +304,9 @@ class ManagementCrudTest extends FeatureTestCase
             ->assertSee('scrollbar-color: #b9954f #f1ece3', false)
             ->assertSee('scrollbar-gutter: stable', false)
             ->assertSee('cursor: grab', false)
-            ->assertSee('min-width: 72rem', false)
+            ->assertSee('table-layout: fixed', false)
+            ->assertSee('.installation-fee-table col:nth-child(1)', false)
+            ->assertSee('width: 34%;', false)
             ->assertSee("scrollEl.addEventListener('pointerdown'", false)
             ->assertSee('scrollEl.scrollLeft = dragState.scrollLeft - dx', false)
             ->assertSeeText('共 0 条平台汇总')