From 54dca0f28570ce66f863ee3527b9dd2333f1cc27 Mon Sep 17 00:00:00 2001
From: mouyong <my24251325@gmail.com>
Date: Wed, 20 Aug 2025 21:37:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E4=BF=AE=E5=A4=8D=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=88=86=E7=BB=84=E6=A8=A1=E6=80=81=E6=A1=86=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

WHAT: 修复账户分组管理中编辑分组表单无法显示的问题
WHY: 编辑模态框使用无效的 z-60 类名导致层级冲突，编辑表单被主模态框遮挡
HOW: 将编辑模态框的 z-index 类名从 z-60 改为 z-50，与主模态框同级但利用 DOM 顺序确保正确显示；保持其他样式和功能不变
---
 web/admin-spa/src/components/accounts/GroupManagementModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin-spa/src/components/accounts/GroupManagementModal.vue b/web/admin-spa/src/components/accounts/GroupManagementModal.vue
index b70fa1d6..b793c356 100644
--- a/web/admin-spa/src/components/accounts/GroupManagementModal.vue
+++ b/web/admin-spa/src/components/accounts/GroupManagementModal.vue
@@ -172,7 +172,7 @@
     <!-- 编辑分组模态框 -->
     <div
       v-if="showEditForm"
-      class="modal z-60 fixed inset-0 flex items-center justify-center p-3 sm:p-4"
+      class="modal fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-4"
     >
       <div class="modal-content w-full max-w-lg p-4 sm:p-6">
         <div class="mb-4 flex items-center justify-between">