From b67725d08c950081d3f5f3b4fd359374b9b86553 Mon Sep 17 00:00:00 2001 From: zhaoyun Date: Fri, 19 Jun 2026 17:54:54 +0800 Subject: [PATCH] =?UTF-8?q?fix(#770):=20zhaoyun=20(=E6=96=87=E4=BB=B6?= =?UTF-8?q?=E5=90=88=E5=85=A5)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/surgery/surgeryApplication.vue | 72 ++++++++++--------- 1 file changed, 37 insertions(+), 35 deletions(-) diff --git a/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue b/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue index b5cb03116..34260c550 100755 --- a/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue +++ b/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue @@ -196,6 +196,7 @@ v-model="open" :title="title" width="1200px" + class="surgery-dialog" :close-on-click-modal="false" @close="cancel" > @@ -1757,13 +1758,13 @@ defineExpose({ height: 100%; width: 100%; padding: 10px; - + /* 顶部操作栏样式 */ .top-operation-bar { height: 60px; align-items: center; margin-bottom: 16px; - + .add-button { background-color: #5b8fb9; color: white; @@ -1774,7 +1775,7 @@ defineExpose({ box-shadow: 0 4px 8px rgba(91, 143, 185, 0.3); } } - + .refresh-button { background-color: transparent; border: 1px solid #dcdfe6; @@ -1786,14 +1787,14 @@ defineExpose({ } } } - + /* 表格样式 */ .vxe-table { :deep(.cancelled-row) { background-color: #f5f5f5; color: #999; text-decoration: line-through; - + :deep(.cell) { opacity: 0.6; } @@ -1801,47 +1802,48 @@ defineExpose({ } } -/* 对话框样式 */ -.el-dialog { +/* Bug #770: Dialog flex 布局 — 防止 footer 按钮遮盖表单字段 */ +:deep(.surgery-dialog) { + display: flex; + flex-direction: column; + max-height: 85vh; + margin-top: 7.5vh; +} + +:deep(.surgery-dialog .el-dialog__header) { + flex-shrink: 0; + padding: 16px 20px; + border-bottom: 1px solid #ebeef5; +} + +:deep(.surgery-dialog .el-dialog__body) { + flex: 1; + min-height: 0; + overflow-y: auto; + padding: 20px; +} + +:deep(.surgery-dialog .el-dialog__footer) { + flex-shrink: 0; + padding: 12px 20px; + border-top: 1px solid #ebeef5; +} + +/* 对话框圆角 */ +:deep(.surgery-dialog .el-dialog) { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .dialog-footer { text-align: center; - padding: 20px 0; -} - -/* Bug #770: Dialog flex 布局 — 防止 footer 按钮遮盖表单字段 */ -:deep(.el-dialog) { - display: flex; -} - -:deep(.el-dialog__header) { - flex-shrink: 0; -} - -:deep(.el-dialog__body) { - flex: 1; - min-height: 0; -} - -:deep(.el-dialog__footer) { - flex-shrink: 0; - border-top: 1px solid #ebeef5; } /* 响应式:小屏幕下对话框宽度自适应 */ @media (max-width: 1200px) { - :deep(.el-dialog) { + :deep(.surgery-dialog) { width: 95vw !important; margin: 2.5vh auto; } } - - display: flex; - flex-direction: column; - max-height: 85vh; - overflow-y: auto; - padding: 20px; - padding: 12px 20px 12px; \ No newline at end of file + \ No newline at end of file