diff --git a/docs/UI橙色主题与交互顺序调整记录.md b/docs/UI橙色主题与交互顺序调整记录.md index 58dc7ee..4d5c0c2 100644 --- a/docs/UI橙色主题与交互顺序调整记录.md +++ b/docs/UI橙色主题与交互顺序调整记录.md @@ -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 修复结果 diff --git a/src/views/user/bank-balance/table/form-edit.vue b/src/views/user/bank-balance/table/form-edit.vue index e8c5a24..435ac1e 100644 --- a/src/views/user/bank-balance/table/form-edit.vue +++ b/src/views/user/bank-balance/table/form-edit.vue @@ -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" > diff --git a/src/views/user/bank-balance/table/index.vue b/src/views/user/bank-balance/table/index.vue index 68aab94..a0a451b 100644 --- a/src/views/user/bank-balance/table/index.vue +++ b/src/views/user/bank-balance/table/index.vue @@ -121,6 +121,8 @@
- +
请选择导入文件: 模板下载 diff --git a/src/views/user/bank-balance/table/running-water.vue b/src/views/user/bank-balance/table/running-water.vue index 993e310..772edb3 100644 --- a/src/views/user/bank-balance/table/running-water.vue +++ b/src/views/user/bank-balance/table/running-water.vue @@ -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" >