fix(用户银行账户页面): 修复弹窗被遮挡和位置在遮罩层下的问题
This commit is contained in:
parent
e7a2073e00
commit
0f275edf6e
@ -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 修复结果
|
||||
|
||||
|
||||
@ -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"
|
||||
>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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"
|
||||
>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user