From 6c89b0ae03ec58f8f345f5ed2d91d8ebc492bb75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8D=8E=E4=BD=97?= Date: Fri, 19 Jun 2026 17:51:56 +0800 Subject: [PATCH] =?UTF-8?q?fix(#770):=20=E8=AF=B7=E4=BF=AE=E5=A4=8D=20Bug?= =?UTF-8?q?=20#770=EF=BC=88=E8=AF=B8=E8=91=9B=E4=BA=AE=E5=88=86=E6=9E=90?= =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=8C=E5=88=86=E9=85=8D=E7=BB=99=E4=BD=A0?= =?UTF-8?q?=EF=BC=89?= 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