fix(admin): 后台自定义浮层(modal-mask 3000/导出等待3100)遮挡 Element 消息——ElMessage 全局抬升 z-index 4000、确认消息盒(ElOverlay.is-message-box)抬升 4100,修复去重台账导入/编辑未选分组警告被浮层挡住看不见;新增层级回归测试

2026-09-07 21:35:48 +08:00
parent c086d402a7
commit 50d0d110a2
2 changed files with 40 additions and 0 deletions
@@ -0,0 +1,34 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { readSource } from './helpers.ts'
+
+// 维护修复：页面自定义 modal-mask(z-index:3000) / 导出等待遮罩(3100) 高于 Element 默认
+// 弹层计数（自 2000 递增），遮罩弹窗内触发的 ElMessage 警告会被浮层挡住看不见——
+// 已在整站层面把消息提示抬到 4000、消息盒确认弹窗抬到 4100，统一高于全部自定义浮层。
+
+test('el_message_above_custom_overlays', () => {
+  const css = readSource('src/styles/main.css')
+  assert.match(
+    css,
+    /\.el-message\s*\{[^}]*z-index:\s*4000\s*!important/,
+    '消息提示需抬升到 4000 且 !important（覆盖 Element 实例内联层级）',
+  )
+  assert.match(
+    css,
+    /\.el-overlay\.is-message-box\s*\{[^}]*z-index:\s*4100\s*!important/,
+    '消息盒确认弹窗需抬升到 4100（z-index 落在 .el-overlay.is-message-box 内联样式）',
+  )
+})
+
+test('dedupe_overlay_and_warning_kept', () => {
+  const page = readSource('src/pages/asin/DedupeRegistryPage.vue')
+  assert.match(page, /\.modal-mask\s*\{[^}]*z-index:\s*3000/, '页内遮罩仍为 3000，消息 4000 需保持在其上')
+  assert.match(page, /\.dedupe-export-wait-mask\s*\{[^}]*z-index:\s*3100/, '导出等待遮罩 3100 同样低于消息 4000')
+  assert.match(page, /请选择数据权限分组|请选择分组/, '导入/编辑未选分组需保留警告岔口')
+})
+
+test('records_preview_overlay_below_message', () => {
+  const page = readSource('src/pages/records/RecordsHistoryPage.vue')
+  assert.match(page, /\.modal-mask\s*\{[^}]*z-index:\s*3000/, '记录预览遮罩 3000 同样低于消息 4000')
+})
+