fix(用户银行账户页面): 修复弹窗被遮挡和位置在遮罩层下的问题

This commit is contained in:
hzj 2026-04-20 18:17:34 +08:00
parent e7a2073e00
commit 0f275edf6e
4 changed files with 35 additions and 1 deletions

View File

@ -143,6 +143,32 @@
- `src/components/data/UserRegistrationOverviewCharts/dialog.vue`
- `src/components/data/PropsSalesOverviewCharts/dialog.vue`
- `src/views/user/bank-balance/table/index.vue`
- `src/views/user/bank-balance/table/form-edit.vue`
- `src/views/user/bank-balance/table/running-water.vue`
### 7.2.1 `bank-balance/table` 页面补充修复
后续排查发现 `views/user/bank-balance/table` 页面仍存在同类问题。
该页面内不仅有列表页内联弹窗,还包含开户弹窗、流水弹窗、导入弹窗等多个 `el-dialog`,其中部分弹窗未挂载到 `body`,因此在页面容器和遮罩层共同作用下,依旧会出现弹窗被压在遮罩层下方、无法完整展示和点击的问题。
本次补充修复范围:
- 发送/扣除弹窗
- 转账弹窗
- 导入数据弹窗
- 开户弹窗 `form-edit.vue`
- 流水明细弹窗 `running-water.vue`
处理方式保持一致:
- 为相关 `el-dialog` 统一补充 `:modal-append-to-body="true"`
- 为相关 `el-dialog` 统一补充 `:append-to-body="true"`
说明:
- 本次修复仅调整弹窗挂载层级
- 不修改弹窗内表单逻辑、提交流程、接口调用和页面路由
### 7.3 修复结果

View File

@ -5,6 +5,8 @@
:visible="true"
:before-close="handleClose"
:close-on-click-modal="false"
:modal-append-to-body="true"
:append-to-body="true"
width="550px"
top="20px"
>

View File

@ -121,6 +121,8 @@
<el-dialog
:title=" type ? '发送' : '扣除'"
:visible="goldInputBoxVisible"
:modal-append-to-body="true"
:append-to-body="true"
width="400px"
>
<el-form
@ -176,6 +178,8 @@
<el-dialog
title="转账"
:visible="transferVisible"
:modal-append-to-body="true"
:append-to-body="true"
width="500px"
>
<el-form
@ -222,7 +226,7 @@
</div>
<div class="excel-import">
<el-dialog title="导入数据" :visible.sync="uploadDialogVisible" :close-on-click-modal="false" width="400px" :modal-append-to-body="false">
<el-dialog title="导入数据" :visible.sync="uploadDialogVisible" :close-on-click-modal="false" width="400px" :modal-append-to-body="true" :append-to-body="true">
<div class="upload_box">
<span>请选择导入文件</span>
<el-button type="text" :loading="downloadTemplateLoading"><i class="el-icon-tickets" style="margin-right: 4px;" /><a href="https://dev.file.momooline.com/files/Import%20Template.xlsx">模板下载</a></el-button>

View File

@ -4,6 +4,8 @@
:visible="true"
:before-close="handleClose"
:close-on-click-modal="false"
:modal-append-to-body="true"
:append-to-body="true"
width="80%"
top="20px"
>