From cb7bb90eb639a1c46f355daaa0189ccde03d27ff Mon Sep 17 00:00:00 2001
From: ouyangxq <775153912@qq.com>
Date: Tue, 8 Sep 2026 16:04:53 +0800
Subject: [PATCH] fix(overseas): keep inbound actions on one line

---
 src/modules/overseas-warehouse/layoutAcceptance.test.ts    | 5 +++--
 src/modules/overseas-warehouse/pages/InboundOrdersView.vue | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/modules/overseas-warehouse/layoutAcceptance.test.ts b/src/modules/overseas-warehouse/layoutAcceptance.test.ts
index 7a51aa04..7569d5ec 100644
--- a/src/modules/overseas-warehouse/layoutAcceptance.test.ts
+++ b/src/modules/overseas-warehouse/layoutAcceptance.test.ts
@@ -9,7 +9,7 @@ describe('overseas warehouse 1920px layout acceptance', () => {
   it('keeps action columns first and wide enough for every visible action', () => {
     const widths: Record<string, number> = {
       'LastMileOrdersView.vue': 178,
-      'InboundOrdersView.vue': 260,
+      'InboundOrdersView.vue': 300,
       'DispatchesView.vue': 270,
       'OutboundsView.vue': 180,
       'DeliveryOrdersView.vue': 300,
@@ -28,7 +28,8 @@ describe('overseas warehouse 1920px layout acceptance', () => {
   it('keeps all inbound-order row actions on one line', () => {
     const source = page('InboundOrdersView.vue')
     expect(source).toContain('<template #actions="{ row }"><div class="row-actions">')
-    expect(source).toContain('.row-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; }')
+    expect(source).toContain('.row-actions { display: inline-flex; min-width: max-content; align-items: center; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }')
+    expect(source).toContain('.row-actions :deep(.el-button) { flex: 0 0 auto; }')
     expect(source).toContain('.row-actions :deep(.el-button + .el-button) { margin-left: 0; }')
   })
 
diff --git a/src/modules/overseas-warehouse/pages/InboundOrdersView.vue b/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
index bbd752fb..08b100d6 100644
--- a/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
+++ b/src/modules/overseas-warehouse/pages/InboundOrdersView.vue
@@ -64,7 +64,7 @@ function selectableRow(source: object) {
 }
 
 const columns: DataTableColumn[] = [
-  { key: 'actions', label: '操作', width: 260, fixed: 'left', slotName: 'actions' },
+  { key: 'actions', label: '操作', width: 300, fixed: 'left', slotName: 'actions' },
   { key: 'selection', type: 'selection', width: 48, fixed: 'left', selectable: selectableRow },
   { key: 'orderNo', prop: 'orderNo', label: '入库单号', minWidth: 170 },
   { key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 140 },
@@ -213,7 +213,8 @@ onMounted(() => { void load() })
 .appointment-summary { margin-bottom: 16px; padding: 10px 12px; border: 1px solid #cdddfd; border-radius: 6px; background: #f5f9ff; color: #52627a; font-size: 13px; }
 .appointment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
 .appointment-form :deep(.el-date-editor), .appointment-form :deep(.el-select) { width: 100%; }
-.row-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
+.row-actions { display: inline-flex; min-width: max-content; align-items: center; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
+.row-actions :deep(.el-button) { flex: 0 0 auto; }
 .row-actions :deep(.el-button + .el-button) { margin-left: 0; }
 @media (max-width: 720px) { .appointment-form { grid-template-columns: 1fr; } }
 </style>