From 0f275edf6e7711e3049244b0b015084491a208d8 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 20 Apr 2026 18:17:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=94=A8=E6=88=B7=E9=93=B6=E8=A1=8C?=
 =?UTF-8?q?=E8=B4=A6=E6=88=B7=E9=A1=B5=E9=9D=A2):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E8=A2=AB=E9=81=AE=E6=8C=A1=E5=92=8C=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=9C=A8=E9=81=AE=E7=BD=A9=E5=B1=82=E4=B8=8B=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/UI橙色主题与交互顺序调整记录.md          | 26 +++++++++++++++++++
 .../user/bank-balance/table/form-edit.vue     |  2 ++
 src/views/user/bank-balance/table/index.vue   |  6 ++++-
 .../user/bank-balance/table/running-water.vue |  2 ++
 4 files changed, 35 insertions(+), 1 deletion(-)

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 @@
       <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>
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"
   >