feat: implement adaptive layout with internal scrolling for outbound selection

Co-authored-by: aider (openai/DeepSeek-V3.2-Thinking) <aider@aider.chat>

inventory-web/src/views/outbound/Selection.vue

@@ -59,6 +59,7 @@
           :closable="false"
       />
 
+      <div class="table-wrapper">
           <el-table
                   v-loading="loading"
                   :data="filteredTableData"
@@ -66,7 +67,7 @@
                   @selection-change="handleSelectionChange"
                   row-key="uuid"
                   border
-          height="600"
+                  height="100%"
           >
         <el-table-column type="selection" width="55" 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>