Fix Bug #536: [门诊手术安排]"手术申请查询"弹窗底部,分页组件与界面底部元素重叠,影响操作。

根因:弹窗 body 无高度约束,窗口缩小时内容溢出导致分页与 footer 重叠。
修复:为弹窗添加 max-height: 75vh + overflow-y: auto 约束,分页与 footer 增加间距和分隔线。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
关羽
2026-05-15 16:29:07 +08:00
parent 0930fbae93
commit d3cd122656

View File

@@ -689,7 +689,7 @@
</el-dialog>
<!-- 手术申请查询弹窗 -->
<el-dialog :title="'手术申请查询'" v-model="showApplyDialog" width="1200px" @close="cancelApplyDialog">
<el-dialog :title="'手术申请查询'" v-model="showApplyDialog" width="1200px" @close="cancelApplyDialog" class="apply-query-dialog">
<!-- 查询条件区 -->
<el-form :model="applyQueryParams" ref="applyQueryRef" :inline="true" class="query-form">
<el-form-item label="手术单号" prop="surgeryNo">
@@ -781,7 +781,7 @@
</el-table>
<!-- 底部分页区 -->
<div class="pagination-container" style="margin-top: 10px; padding-bottom: 10px">
<div class="pagination-container">
<pagination
v-show="applyTotal > 0"
:total="applyTotal"
@@ -2358,4 +2358,21 @@ function getRowClassName({ row, rowIndex }) {
border-bottom: 1px solid #d9ecff !important;
}
/* 手术申请查询弹窗 — 防止分页与底部重叠 */
:deep(.apply-query-dialog .el-dialog__body) {
max-height: 75vh;
overflow-y: auto;
padding-bottom: 20px;
}
:deep(.apply-query-dialog .pagination-container) {
margin-top: 16px;
}
:deep(.apply-query-dialog .dialog-footer) {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #ebeef5;
}
</style>