From f53b16f5127d862d2819fd508a97e9cb45854f07 Mon Sep 17 00:00:00 2001
From: DXC <duxingchen@iris-rs.cn>
Date: Tue, 21 Apr 2026 14:26:11 +0800
Subject: [PATCH] =?UTF-8?q?fix(outbound):=20=E9=87=8D=E6=9E=84@media=20pri?=
 =?UTF-8?q?nt=EF=BC=8C=E8=A7=A3=E9=99=A4el-container/el-main/el-scrollbar?=
 =?UTF-8?q?=E7=88=B6=E7=BA=A7=E8=A3=81=E5=89=AA=E9=94=81=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/outbound/Selection.vue          | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/inventory-web/src/views/outbound/Selection.vue b/inventory-web/src/views/outbound/Selection.vue
index 34128a4..2b31f70 100644
--- a/inventory-web/src/views/outbound/Selection.vue
+++ b/inventory-web/src/views/outbound/Selection.vue
@@ -899,28 +899,22 @@ const confirmExport = () => {
 
 <style>
 @media print {
-  /* 1. 强制重置 HTML/Body，干掉全站的滚动条和高度锁死 */
-  html, body, #app {
-    height: auto !important;
-    min-height: 100% !important;
+  @page { margin: 10mm; size: auto; }
+  
+  /* 1. 保留原始：隐藏系统全局的无关元素 */
+  body * { visibility: hidden; }
+  .el-dialog__wrapper, .v-modal, .el-message, .no-print-content { display: none !important; }
+  
+  /* 2. 【核心修复】：打通 Vue 和 Element 框架的所有父级容器，解除裁剪和定位死锁 */
+  html, body, #app, .el-container, .el-main, .el-scrollbar__wrap {
+    position: static !important;
     overflow: visible !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    background-color: white !important;
+    height: auto !important;
+    min-height: auto !important;
   }
 
-  /* 2. 隐藏所有的全局 UI（侧边栏、头部、弹窗遮罩等） */
-  body * {
-    visibility: hidden !important;
-  }
-  .el-overlay, .el-dialog__wrapper, .no-print-content {
-    display: none !important;
-  }
-
-  /* 3. 唯独让打印区域显形，并将其绝对定位到纸张左上角，脱离所有父级容器的束缚 */
-  #print-area, #print-area * {
-    visibility: visible !important;
-  }
+  /* 3. 保留原始：让打印区域显形，并用 absolute 顶至左上角，允许自然向下分页 */
+  #print-area, #print-area * { visibility: visible; }
   #print-area {
     position: absolute !important;
     left: 0 !important;
@@ -928,11 +922,14 @@ const confirmExport = () => {
     width: 100% !important;
     height: auto !important;
     margin: 0 !important;
-    padding: 10mm !important;
+    padding: 0 !important;
+    background-color: white;
+    display: block !important;
+    z-index: 99999;
   }
 
-  /* 4. 防止表格行在跨页时被水平拦腰切断 */
-  .print-table tr {
+  /* 4. 【核心修复】：防止表格行在跨页时被水平拦腰切断 */
+  .print-table tr, .print-table td, .print-table th {
     page-break-inside: avoid !important;
     break-inside: avoid !important;
   }