From f1e1aad75410353397df69add9f4192514bec3d1 Mon Sep 17 00:00:00 2001
From: zhaoyun <zhaoyun@gentronhealth.com>
Date: Sun, 17 May 2026 21:13:46 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#536:=20[=E9=97=A8=E8=AF=8A?=
 =?UTF-8?q?=E6=89=8B=E6=9C=AF=E5=AE=89=E6=8E=92]=E6=89=8B=E6=9C=AF?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=E6=9F=A5=E8=AF=A2=E5=BC=B9=E7=AA=97=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=EF=BC=8C=E5=88=86=E9=A1=B5=E7=BB=84=E4=BB=B6=E4=B8=8E?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=BA=95=E9=83=A8=E5=85=83=E7=B4=A0=E9=87=8D?=
 =?UTF-8?q?=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因：弹窗底部存在多层冗余间距叠加（分页容器inline样式+48px spacer div+
footer margin-top+CSS padding），导致弹窗尺寸变化时分页与footer重叠。

修复：移除冗余spacer div和分页容器inline样式，统一用CSS管理分页与footer
间距，避免固定高度堆叠导致的布局溢出问题。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../src/views/surgicalschedule/index.vue      | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/openhis-ui-vue3/src/views/surgicalschedule/index.vue b/openhis-ui-vue3/src/views/surgicalschedule/index.vue
index d72f0d3c3..f2173768c 100755
--- a/openhis-ui-vue3/src/views/surgicalschedule/index.vue
+++ b/openhis-ui-vue3/src/views/surgicalschedule/index.vue
@@ -781,7 +781,7 @@
       </el-table>
 
       <!-- 底部分页区 -->
-      <div class="pagination-container apply-pagination" style="margin-top: 10px; padding-bottom: 20px">
+      <div class="pagination-container apply-pagination">
         <pagination
           v-show="applyTotal > 0"
           :total="applyTotal"
@@ -792,12 +792,9 @@
           @pagination="getSurgicalScheduleList"
         />
       </div>
-      <!-- 分页与底部操作区之间的间隔 -->
-      <div style="height: 48px"></div>
-
       <!-- 底部操作区 -->
       <template #footer>
-        <div class="dialog-footer" style="margin-top: 24px; padding-top: 12px; border-top: 1px solid #ebeef5">
+        <div class="dialog-footer" style="padding-top: 12px; border-top: 1px solid #ebeef5">
           <el-button @click="cancelApplyDialog">取消</el-button>
           <el-button type="primary" @click="confirmApply">确认</el-button>
         </div>
@@ -2418,15 +2415,14 @@ function getRowClassName({ row, rowIndex }) {
 
 /* 手术申请查询弹窗 — 分页与footer间距 */
 .surgery-apply-dialog :deep(.el-dialog__body) {
-  padding-bottom: 32px;
+  padding-bottom: 16px;
 }
 .surgery-apply-dialog :deep(.el-dialog__footer) {
-  padding-top: 0;
+  padding-top: 8px;
 }
 .surgery-apply-dialog :deep(.apply-pagination) {
-  padding-bottom: 24px;
-  margin-bottom: 16px;
-  border-bottom: 1px solid #ebeef5;
+  padding-top: 12px;
+  padding-bottom: 16px;
 }
 .surgery-apply-dialog :deep(.apply-pagination .el-pagination) {
   margin-right: 80px;
@@ -2446,17 +2442,16 @@ function getRowClassName({ row, rowIndex }) {
 <style>
 /* 手术申请查询弹窗 — 非 scoped 确保穿透 teleport */
 .surgery-apply-dialog .apply-pagination {
-  padding-bottom: 24px !important;
-  margin-bottom: 16px !important;
-  border-bottom: 1px solid #ebeef5 !important;
+  padding-top: 12px !important;
+  padding-bottom: 16px !important;
 }
 .surgery-apply-dialog .apply-pagination .el-pagination {
   margin-right: 80px !important;
 }
 .surgery-apply-dialog .el-dialog__body {
-  padding-bottom: 32px !important;
+  padding-bottom: 16px !important;
 }
 .surgery-apply-dialog .el-dialog__footer {
-  padding-top: 0 !important;
+  padding-top: 8px !important;
 }
 </style>