From 5c8cefdb6904afbd59382a8636671aaa3c74fef5 Mon Sep 17 00:00:00 2001
From: dxc <duxingchen@iris-rs.cn>
Date: Mon, 9 Feb 2026 16:18:50 +0800
Subject: [PATCH] feat: implement adaptive layout with internal scrolling for
 outbound selection

Co-authored-by: aider (openai/DeepSeek-V3.2-Thinking) <aider@aider.chat>
---
 .../src/views/outbound/Selection.vue          | 55 ++++++++++++++++---
 1 file changed, 46 insertions(+), 9 deletions(-)

diff --git a/inventory-web/src/views/outbound/Selection.vue b/inventory-web/src/views/outbound/Selection.vue
index bcee42b..a5cd086 100644
--- a/inventory-web/src/views/outbound/Selection.vue
+++ b/inventory-web/src/views/outbound/Selection.vue
@@ -59,15 +59,16 @@
           :closable="false"
       />
 
-      <el-table
-          v-loading="loading"
-          :data="filteredTableData"
-          style="width: 100%"
-          @selection-change="handleSelectionChange"
-          row-key="uuid"
-          border
-          height="600"
-      >
+      <div class="table-wrapper">
+          <el-table
+                  v-loading="loading"
+                  :data="filteredTableData"
+                  style="width: 100%"
+                  @selection-change="handleSelectionChange"
+                  row-key="uuid"
+                  border
+                  height="100%"
+          >
         <el-table-column type="selection" width="55" align="center" />
 
         <el-table-column label="类型" width="100" align="center">
@@ -92,6 +93,7 @@
         <el-table-column prop="uuid" label="条码UUID" width="280" show-overflow-tooltip />
         <el-table-column prop="create_time" label="入库时间" width="170" />
       </el-table>
+      </div>
     </el-card>
 
     <el-dialog
@@ -467,4 +469,39 @@ onMounted(async () => {
   width: 100%;
   max-width: 400px;
 }
+
+.app-container {
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+.app-container .el-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+::v-deep(.el-card__body) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.table-wrapper {
+  flex: 1;
+  overflow: auto;
+}
+
+/* 对话框内部滚动 */
+::v-deep(.el-dialog__body) {
+  max-height: 70vh;
+  overflow-y: auto;
+}
 </style>