From 84b0f4fd6479d6b09ccd5b7ec961477cdc218c07 Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Tue, 21 Apr 2026 18:24:59 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E9=92=88=E5=AF=B9=E9=81=AE=E7=BD=A9?= =?UTF-8?q?=E5=B1=82=E5=9C=A8=E6=9C=80=E4=B8=8A=E5=B1=82=E7=9A=84=E9=97=AE?= =?UTF-8?q?=E9=A2=98=E8=BF=9B=E8=A1=8C=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/UI橙色主题与交互顺序调整记录.md | 47 +++++++++++++++++++ src/components/IconsPanel/index.vue | 2 + src/components/data/AccountHanle/index.vue | 2 + .../data/AddOtherRecharge/index.vue | 2 + .../data/AddOtherRechargeDialog/index.vue | 2 + .../EditDiamondCoinDeductionForm/index.vue | 2 + .../data/EditUserBeanBalance/index.vue | 2 + .../data/EditUserDiamondRewardForm/index.vue | 2 + .../EditUserGameCouponDeductionForm/index.vue | 2 + .../EditUserGameCouponRewardForm/index.vue | 2 + .../EditUserGoldCoinDeductionForm/index.vue | 2 + .../data/EditUserGoldCoinRewardForm/index.vue | 2 + .../data/EditVestUserForm/index.vue | 2 + src/components/data/Feedback/index.vue | 2 + .../data/GiftPackDeatilsDrawer/index.vue | 1 + .../data/InappPurchaseApple/index.vue | 2 + .../data/InappPurchaseGoogle/index.vue | 2 + src/components/data/IpDeviceHandle/index.vue | 2 + src/components/data/SearchRoomInput/index.vue | 1 + .../data/UserAccountStatusLogDrawer/index.vue | 2 + .../data/UserInfo/BankCardDrawer/index.vue | 1 + .../data/UserInfo/BaseInfo/index.vue | 1 + .../UserVideoViolationTableDialog/index.vue | 2 + src/layout/components/Navbar.vue | 2 + src/views/401.vue | 2 +- .../activity/hall-fame/hall-fame-edit.vue | 2 + .../activity/hall-fame/hall-fame-language.vue | 4 ++ .../template-editor/page-editor.vue | 2 + src/views/cnf/enums/manager/index.vue | 2 + src/views/cnf/gift/setting/edit.vue | 2 + .../gift/week-star/add-week-gift-group.vue | 2 + src/views/cnf/lottery/select-prize.vue | 2 + .../pay/application/app-manager/edit-form.vue | 2 + .../application/commodity-v2/edit-form.vue | 2 + .../pay/application/commodity/edit-form.vue | 2 + src/views/cnf/pay/channel/edit-form.vue | 2 + .../cnf/pay/country/associated-channels.vue | 2 + src/views/cnf/pay/country/country-select.vue | 2 + .../cnf/pay/factory/associated-channel.vue | 2 + src/views/cnf/pay/factory/edit-form.vue | 2 + src/views/cnf/pay/region-relation/index.vue | 2 + src/views/cnf/product-v2/index.vue | 2 + src/views/cnf/product/gift-pack/add.vue | 2 + src/views/cnf/product/gift-pack/config.vue | 2 + .../product/product-platform/edit-package.vue | 1 + .../cnf/product/product-platform/edit.vue | 2 + .../product/product-platform/recommend.vue | 2 + src/views/cnf/product/product-pool/edit.vue | 2 + .../user-daily-currency-gold-top/index.vue | 2 + src/views/dynamic/blacklist/index.vue | 2 + src/views/dynamic/tag/form-edit.vue | 2 + src/views/dynamic/user-dynamic/index.vue | 2 + .../config/config-create-role/index.vue | 2 + .../family/config/config-level/index.vue | 2 + .../config/config-weekly-reward/index.vue | 2 + src/views/family/list/family-member.vue | 2 + src/views/feedback/index.vue | 2 + src/views/game/fruit/task-config/details.vue | 3 ++ src/views/game/fruit/task-config/edit.vue | 2 + src/views/game/lottery-config/form-edit.vue | 2 + .../game/lucky-box/award-config/details.vue | 3 ++ .../game/lucky-box/award-config/edit.vue | 2 + .../game/lucky-box/bounty-config/details.vue | 3 ++ .../game/lucky-box/bounty-config/edit.vue | 2 + .../game/lucky-box/standard-config/edit.vue | 2 + .../standard-config/gift-details.vue | 3 ++ .../lucky-box/standard-config/probability.vue | 2 + .../lucky-gift/probability-config/index.vue | 2 + .../standard-config/standard-config-edit.vue | 2 + src/views/game/ludo/index.vue | 2 + src/views/game/song/gift/edit.vue | 2 + src/views/game/song/manager/edit.vue | 2 + src/views/game/song/manager/show.vue | 2 + src/views/game/teen-patti/list/bte-user.vue | 2 + src/views/game/trumpet/blacklist/index.vue | 2 + src/views/log/request-log/index.vue | 2 + src/views/message/push/push-task.vue | 2 + src/views/message/push/push-text-store.vue | 4 ++ src/views/order/beans/balance/index.vue | 2 + src/views/pet/cnf/form-edit.vue | 2 + .../props/props-resource-config/form-edit.vue | 2 + .../sales-mothly-charts-dialog.vue | 2 + src/views/props/props-store/form-edit.vue | 2 + src/views/room/online/online-member.vue | 1 + src/views/room/profile/index.vue | 8 ++++ src/views/room/profile/room-active-charts.vue | 2 + src/views/room/profile/room-operation-log.vue | 1 + src/views/room/profile/room-visitor-log.vue | 2 + src/views/room/profile/user-drawer.vue | 2 + src/views/room/theme/index.vue | 2 + .../quality-users/total-preview/index.vue | 4 ++ .../total-preview/monthly-users-details.vue | 2 + src/views/sys/country-code/index.vue | 2 + src/views/sys/customer-service/index.vue | 2 + src/views/sys/emoji-config/emoji/index.vue | 2 + .../sys/emoji-config/group/form-edit.vue | 2 + src/views/sys/friendship-card/index.vue | 2 + src/views/sys/game-config/fruit/edit.vue | 3 ++ src/views/sys/game-config/room/form-edit.vue | 2 + src/views/sys/notice-message/index.vue | 2 + .../carousel-awards/edit.vue | 2 + .../target/exchange.vue | 2 + src/views/sys/set-hot/form-edit.vue | 2 + src/views/sys/set-top/form-edit.vue | 2 + src/views/sys/start-page/form-edit.vue | 2 + src/views/team/business-development/auth.vue | 2 + .../team/business-development/team-member.vue | 2 + src/views/team/diamond-policy/index.vue | 2 + src/views/team/policy/index.vue | 2 + .../team-bill/team-bill-internal-remark.vue | 2 + src/views/team/team-list/team-contact.vue | 2 + .../team-list/team-notice-send-drawer.vue | 2 + src/views/team/team-list/team-remark.vue | 2 + .../gift-running-water-dialog.vue | 2 + .../team-member-work/room-gift-dialog.vue | 2 + src/views/tools/other/alias-method.vue | 2 + src/views/tools/other/api-sign.vue | 2 + .../administrator-auth-resource/index.vue | 2 + .../user/app-manager/administrator/auth.vue | 2 + .../user/app-manager/administrator/index.vue | 2 + src/views/user/badge/badge-rule/index.vue | 2 + .../user/badge/badge-rule/source-edit.vue | 2 + src/views/user/bank-identity/index.vue | 2 +- .../components/applyHandle.vue | 2 + .../user/beautiful-number-apply/index.vue | 2 + src/views/user/beautiful-number/index.vue | 2 + src/views/user/freight/form-edit.vue | 2 + .../freight/freight-seller-running-water.vue | 1 + src/views/user/freight/index.vue | 4 +- src/views/user/freight/running-water.vue | 2 + src/views/user/freight/seller-info.vue | 2 + src/views/user/im-account-manager/index.vue | 2 + .../table/form-edit.vue | 2 + .../salary-diamond-balance/table/index.vue | 4 ++ .../table/running-water.vue | 2 + .../customize-field-dialog.vue | 2 + .../special-id-role/special-setting/index.vue | 2 + .../special-setting/special-log.vue | 1 + .../customize-field-dialog.vue | 2 + .../user/special-id/special-setting/index.vue | 2 + .../special-setting/special-log.vue | 1 + src/views/user/user-table/index.vue | 2 + src/views/version/app/app-update-content.vue | 4 ++ src/views/version/app/app-version-edit.vue | 2 + 144 files changed, 343 insertions(+), 3 deletions(-) diff --git a/docs/UI橙色主题与交互顺序调整记录.md b/docs/UI橙色主题与交互顺序调整记录.md index 4d5c0c2..4f340bd 100644 --- a/docs/UI橙色主题与交互顺序调整记录.md +++ b/docs/UI橙色主题与交互顺序调整记录.md @@ -214,3 +214,50 @@ $env:NODE_OPTIONS='--openssl-legacy-provider'; npm run build:prod - 统一所有统计类、详情类弹窗的 `append-to-body` 规范 - 继续检查折叠侧边栏下的图标、文字、tooltip 对齐一致性 - 对全站弹窗、抽屉、表格筛选区形成统一样式规范文档 + +## 11. 全站弹窗挂载层级复扫与批量修复 + +针对“弹窗被遮罩层覆盖、无法点击”的问题,本次对 `src` 目录下的页面组件和公共业务组件进行了全量复扫,重点检查 `el-dialog` 与 `el-drawer` 是否缺少以下配置: + +- `:modal-append-to-body="true"` +- `:append-to-body="true"` + +### 11.1 处理策略 + +本次采用统一规则处理: + +- 已存在相关配置的组件保持原样,不重复覆盖 +- 缺少 `modal-append-to-body` 的组件补齐该属性 +- 缺少 `append-to-body` 的组件补齐该属性 +- 页面内直接定义的确认弹窗、详情弹窗、编辑弹窗,以及操作菜单拉起的子组件弹窗,统一纳入处理范围 + +### 11.2 处理结果 + +本轮已对全站缺失相关挂载配置的弹窗/抽屉完成批量补齐,覆盖范围包括但不限于: + +- 用户模块 +- 团队模块 +- 房间模块 +- 游戏模块 +- 系统配置模块 +- 支付与产品配置模块 +- 动态、反馈、日志、统计等页面 +- 公共数据组件中的表单弹窗、详情弹窗、记录弹窗 + +### 11.3 复扫结论 + +批量修复后,已再次对仓库内 `el-dialog` 与 `el-drawer` 做缺失项扫描,当前未再发现这类“未挂载到 body 导致遮罩层层级异常”的遗漏项。 + +### 11.4 验证情况 + +本轮批量修复后已重新执行生产构建: + +```powershell +$env:NODE_OPTIONS='--openssl-legacy-provider'; npm run build:prod +``` + +结果: + +- 构建通过 +- 仍存在项目原有 warning +- 本轮弹窗挂载层级修复未引入新的构建错误 \ No newline at end of file diff --git a/src/components/IconsPanel/index.vue b/src/components/IconsPanel/index.vue index dae7f7a..2c6c071 100644 --- a/src/components/IconsPanel/index.vue +++ b/src/components/IconsPanel/index.vue @@ -2,6 +2,8 @@ diff --git a/src/components/data/AddOtherRecharge/index.vue b/src/components/data/AddOtherRecharge/index.vue index fc1d428..9c5c404 100644 --- a/src/components/data/AddOtherRecharge/index.vue +++ b/src/components/data/AddOtherRecharge/index.vue @@ -6,6 +6,8 @@ width="450px" :before-close="handleClose" :close-on-click-modal="false" + :modal-append-to-body="true" + :append-to-body="true" >
diff --git a/src/components/data/EditDiamondCoinDeductionForm/index.vue b/src/components/data/EditDiamondCoinDeductionForm/index.vue index d96036b..5d42872 100644 --- a/src/components/data/EditDiamondCoinDeductionForm/index.vue +++ b/src/components/data/EditDiamondCoinDeductionForm/index.vue @@ -6,6 +6,8 @@ width="450px" :before-close="handleClose" :close-on-click-modal="false" + :modal-append-to-body="true" + :append-to-body="true" > diff --git a/src/components/data/GiftPackDeatilsDrawer/index.vue b/src/components/data/GiftPackDeatilsDrawer/index.vue index d45d5ef..95a59a9 100644 --- a/src/components/data/GiftPackDeatilsDrawer/index.vue +++ b/src/components/data/GiftPackDeatilsDrawer/index.vue @@ -3,6 +3,7 @@ diff --git a/src/components/data/SearchRoomInput/index.vue b/src/components/data/SearchRoomInput/index.vue index b6ad1d7..1753bdd 100644 --- a/src/components/data/SearchRoomInput/index.vue +++ b/src/components/data/SearchRoomInput/index.vue @@ -33,6 +33,7 @@ diff --git a/src/components/data/UserAccountStatusLogDrawer/index.vue b/src/components/data/UserAccountStatusLogDrawer/index.vue index 50f15f8..e562047 100644 --- a/src/components/data/UserAccountStatusLogDrawer/index.vue +++ b/src/components/data/UserAccountStatusLogDrawer/index.vue @@ -7,6 +7,8 @@ :before-close="handleClose" :close-on-press-escape="false" :close-on-click-modal="false" + :modal-append-to-body="true" + :append-to-body="true" >
diff --git a/src/components/data/UserInfo/BaseInfo/index.vue b/src/components/data/UserInfo/BaseInfo/index.vue index b830f2a..564e7d1 100644 --- a/src/components/data/UserInfo/BaseInfo/index.vue +++ b/src/components/data/UserInfo/BaseInfo/index.vue @@ -649,6 +649,7 @@
diff --git a/src/components/data/UserVideoViolationTableDialog/index.vue b/src/components/data/UserVideoViolationTableDialog/index.vue index 4ffb317..ce659e3 100644 --- a/src/components/data/UserVideoViolationTableDialog/index.vue +++ b/src/components/data/UserVideoViolationTableDialog/index.vue @@ -8,6 +8,8 @@ :before-close="handleClose" :close-on-press-escape="false" :close-on-click-modal="false" + :modal-append-to-body="true" + :append-to-body="true" > diff --git a/src/views/activity/hall-fame/hall-fame-edit.vue b/src/views/activity/hall-fame/hall-fame-edit.vue index 69d057c..fbbbf34 100644 --- a/src/views/activity/hall-fame/hall-fame-edit.vue +++ b/src/views/activity/hall-fame/hall-fame-edit.vue @@ -3,6 +3,8 @@ diff --git a/src/views/cnf/product/product-pool/edit.vue b/src/views/cnf/product/product-pool/edit.vue index d1ae513..a56a59e 100644 --- a/src/views/cnf/product/product-pool/edit.vue +++ b/src/views/cnf/product/product-pool/edit.vue @@ -4,6 +4,8 @@ diff --git a/src/views/game/fruit/task-config/details.vue b/src/views/game/fruit/task-config/details.vue index 3f3fabd..1a21bc5 100644 --- a/src/views/game/fruit/task-config/details.vue +++ b/src/views/game/fruit/task-config/details.vue @@ -3,6 +3,8 @@ @@ -197,6 +199,8 @@ diff --git a/src/views/order/beans/balance/index.vue b/src/views/order/beans/balance/index.vue index 8bc6c00..c8e2258 100644 --- a/src/views/order/beans/balance/index.vue +++ b/src/views/order/beans/balance/index.vue @@ -85,6 +85,8 @@ v-if="beanRunningWaterVisible" title="流水" :visible="true" + :modal-append-to-body="true" + :append-to-body="true" width="60%" :before-close="() => beanRunningWaterVisible=false" > diff --git a/src/views/pet/cnf/form-edit.vue b/src/views/pet/cnf/form-edit.vue index 8ba9d91..c51ea26 100644 --- a/src/views/pet/cnf/form-edit.vue +++ b/src/views/pet/cnf/form-edit.vue @@ -3,6 +3,8 @@ @@ -386,6 +388,8 @@ diff --git a/src/views/statistics/quality-users/total-preview/index.vue b/src/views/statistics/quality-users/total-preview/index.vue index 41c81f5..4c4bcfd 100644 --- a/src/views/statistics/quality-users/total-preview/index.vue +++ b/src/views/statistics/quality-users/total-preview/index.vue @@ -91,6 +91,8 @@
diff --git a/src/views/statistics/quality-users/total-preview/monthly-users-details.vue b/src/views/statistics/quality-users/total-preview/monthly-users-details.vue index 6c0e488..05b9d3a 100644 --- a/src/views/statistics/quality-users/total-preview/monthly-users-details.vue +++ b/src/views/statistics/quality-users/total-preview/monthly-users-details.vue @@ -2,6 +2,8 @@ diff --git a/src/views/sys/customer-service/index.vue b/src/views/sys/customer-service/index.vue index 51843d1..2f5f612 100644 --- a/src/views/sys/customer-service/index.vue +++ b/src/views/sys/customer-service/index.vue @@ -142,6 +142,8 @@ diff --git a/src/views/sys/game-config/fruit/edit.vue b/src/views/sys/game-config/fruit/edit.vue index 6ed6802..bab5b07 100644 --- a/src/views/sys/game-config/fruit/edit.vue +++ b/src/views/sys/game-config/fruit/edit.vue @@ -3,6 +3,8 @@ @@ -67,6 +69,7 @@ diff --git a/src/views/sys/red-packet-invite-user/carousel-awards/edit.vue b/src/views/sys/red-packet-invite-user/carousel-awards/edit.vue index 60a4ba3..e7cb3fa 100644 --- a/src/views/sys/red-packet-invite-user/carousel-awards/edit.vue +++ b/src/views/sys/red-packet-invite-user/carousel-awards/edit.vue @@ -3,6 +3,8 @@ diff --git a/src/views/team/business-development/team-member.vue b/src/views/team/business-development/team-member.vue index cd4ed07..be0e0c6 100644 --- a/src/views/team/business-development/team-member.vue +++ b/src/views/team/business-development/team-member.vue @@ -3,6 +3,8 @@ diff --git a/src/views/team/policy/index.vue b/src/views/team/policy/index.vue index bf74318..d22940d 100644 --- a/src/views/team/policy/index.vue +++ b/src/views/team/policy/index.vue @@ -349,6 +349,8 @@ diff --git a/src/views/team/team-list/team-contact.vue b/src/views/team/team-list/team-contact.vue index 4cb13ad..05a553d 100644 --- a/src/views/team/team-list/team-contact.vue +++ b/src/views/team/team-list/team-contact.vue @@ -41,6 +41,8 @@ diff --git a/src/views/team/team-list/team-notice-send-drawer.vue b/src/views/team/team-list/team-notice-send-drawer.vue index e63bd6e..2719fa5 100644 --- a/src/views/team/team-list/team-notice-send-drawer.vue +++ b/src/views/team/team-list/team-notice-send-drawer.vue @@ -3,6 +3,8 @@ diff --git a/src/views/team/team-member-work/gift-running-water-dialog.vue b/src/views/team/team-member-work/gift-running-water-dialog.vue index b514a8d..a2d0f51 100644 --- a/src/views/team/team-member-work/gift-running-water-dialog.vue +++ b/src/views/team/team-member-work/gift-running-water-dialog.vue @@ -2,6 +2,8 @@ diff --git a/src/views/tools/other/api-sign.vue b/src/views/tools/other/api-sign.vue index 0f7cb52..71b2cbd 100644 --- a/src/views/tools/other/api-sign.vue +++ b/src/views/tools/other/api-sign.vue @@ -33,6 +33,8 @@
diff --git a/src/views/user/app-manager/administrator-auth-resource/index.vue b/src/views/user/app-manager/administrator-auth-resource/index.vue index 30104f2..bc55d90 100644 --- a/src/views/user/app-manager/administrator-auth-resource/index.vue +++ b/src/views/user/app-manager/administrator-auth-resource/index.vue @@ -45,6 +45,8 @@ diff --git a/src/views/user/app-manager/administrator/index.vue b/src/views/user/app-manager/administrator/index.vue index 6476a28..f8b043b 100644 --- a/src/views/user/app-manager/administrator/index.vue +++ b/src/views/user/app-manager/administrator/index.vue @@ -150,6 +150,8 @@ diff --git a/src/views/user/badge/badge-rule/source-edit.vue b/src/views/user/badge/badge-rule/source-edit.vue index 548c808..666be33 100644 --- a/src/views/user/badge/badge-rule/source-edit.vue +++ b/src/views/user/badge/badge-rule/source-edit.vue @@ -3,6 +3,8 @@ diff --git a/src/views/user/bank-identity/index.vue b/src/views/user/bank-identity/index.vue index 50cab75..2ef8ef3 100644 --- a/src/views/user/bank-identity/index.vue +++ b/src/views/user/bank-identity/index.vue @@ -189,7 +189,7 @@ />
- + diff --git a/src/views/user/beautiful-number-apply/index.vue b/src/views/user/beautiful-number-apply/index.vue index b81faf1..a196e73 100644 --- a/src/views/user/beautiful-number-apply/index.vue +++ b/src/views/user/beautiful-number-apply/index.vue @@ -140,6 +140,8 @@ diff --git a/src/views/user/beautiful-number/index.vue b/src/views/user/beautiful-number/index.vue index a1ae6af..8ec6770 100644 --- a/src/views/user/beautiful-number/index.vue +++ b/src/views/user/beautiful-number/index.vue @@ -87,6 +87,8 @@ diff --git a/src/views/user/freight/form-edit.vue b/src/views/user/freight/form-edit.vue index 7754c80..21aa3f8 100644 --- a/src/views/user/freight/form-edit.vue +++ b/src/views/user/freight/form-edit.vue @@ -3,6 +3,8 @@
- +
diff --git a/src/views/user/special-id-role/special-setting/index.vue b/src/views/user/special-id-role/special-setting/index.vue index 4163ae4..cd8e793 100644 --- a/src/views/user/special-id-role/special-setting/index.vue +++ b/src/views/user/special-id-role/special-setting/index.vue @@ -147,6 +147,8 @@ title="修改靓号" width="450px" :visible.sync="dialogFormVisible" + :modal-append-to-body="true" + :append-to-body="true" :close-on-press-escape="false" :close-on-click-modal="false" :before-close="editAccountClose" diff --git a/src/views/user/special-id-role/special-setting/special-log.vue b/src/views/user/special-id-role/special-setting/special-log.vue index a244db7..37062c1 100644 --- a/src/views/user/special-id-role/special-setting/special-log.vue +++ b/src/views/user/special-id-role/special-setting/special-log.vue @@ -3,6 +3,7 @@
diff --git a/src/views/user/special-id/special-setting/index.vue b/src/views/user/special-id/special-setting/index.vue index 1c1b775..ce104de 100644 --- a/src/views/user/special-id/special-setting/index.vue +++ b/src/views/user/special-id/special-setting/index.vue @@ -147,6 +147,8 @@ title="修改靓号" width="450px" :visible.sync="dialogFormVisible" + :modal-append-to-body="true" + :append-to-body="true" :close-on-press-escape="false" :close-on-click-modal="false" :before-close="editAccountClose" diff --git a/src/views/user/special-id/special-setting/special-log.vue b/src/views/user/special-id/special-setting/special-log.vue index a244db7..37062c1 100644 --- a/src/views/user/special-id/special-setting/special-log.vue +++ b/src/views/user/special-id/special-setting/special-log.vue @@ -3,6 +3,7 @@