From 0080861482e6cdc0cbd521fdc78fcb7cf5fdb570 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@yunhaixingtong.com>
Date: Wed, 23 Sep 2026 09:29:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(authz):=20=E7=BB=84=E6=8E=88=E6=9D=83?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E8=AE=A1=E6=95=B0=E6=94=B9=E8=B4=B4=E6=95=B4?=
 =?UTF-8?q?=E5=8D=A1=E5=8F=B3=E4=B8=8B=E8=A7=92=EF=BC=8C=E4=B8=8E=E5=AD=90?=
 =?UTF-8?q?=E7=BB=84=E7=BB=A7=E6=89=BF=E5=A4=8D=E9=80=89=E6=A1=86=E5=90=8C?=
 =?UTF-8?q?=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 「N个应用」从卡片头移入 cat-card-body 末尾，绝对定位到整卡右下角
- .cat-count 的 right 与子组继承复选框同值 14px，上下对齐成一列
- cat-card-body 底部 padding 加到 24px 腾出计数位置；卡片头 padding 恢复 8px 12px
---
 src/views/GroupAuth.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/views/GroupAuth.vue b/src/views/GroupAuth.vue
index a7a9ae8..478cc9e 100644
--- a/src/views/GroupAuth.vue
+++ b/src/views/GroupAuth.vue
@@ -45,12 +45,12 @@
                                     <Switch size="small" v-model="expandAllMap[String(item.cat.id)]" />
                                 </span>
                                 <span class="inherit-cap" title="勾选后子组继承本次授权，不勾选仅本组生效">子组继承</span>
-                                <!-- 「N个应用」计数：绝对定位到卡片头右下角，不参与主行排布 -->
-                                <span class="cat-count">{{ item.treeData.length }}个应用</span>
                             </div>
                             <div v-show="!collapsedMap[String(item.cat.id)]" class="cat-card-body">
                                 <MyTree :treeData="item.treeData" :setting="treeSetting" :autoClick="false" :isCheck="true"
                                     :expandAll="!!expandAllMap[String(item.cat.id)]" @on-tree-check="onTreeCheck" />
+                                <!-- 「N个应用」计数：绝对定位到整个卡片的右下角（与子组继承复选框同列） -->
+                                <span class="cat-count">{{ item.treeData.length }}个应用</span>
                             </div>
                         </div>
                     </div>
@@ -642,10 +642,7 @@ onMounted(async () => {
 .cat-card-header {
     display: flex;
     align-items: center;
-    /* 角标绝对定位的锚点 */
-    position: relative;
-    /* 底部多留一行：容纳右下角的「N个应用」计数，避免与主行内容重叠 */
-    padding: 8px 12px 26px;
+    padding: 8px 12px;
     background: #fafafa;
     border-bottom: 1px solid #e8eaec;
     cursor: pointer;
@@ -676,9 +673,9 @@ onMounted(async () => {
 }
 
 .cat-count {
-    /* 计数下沉到卡片头右下角：脱离主行，避免与「子组继承 / 全部展开」抢主行宽度 */
+    /* 计数贴在整张卡片右下角：与右侧「子组继承」复选框同列，脱离 tree 的文档流 */
     position: absolute;
-    right: 12px;
+    right: 14px;
     bottom: 6px;
     color: #999;
     font-size: 12px;
@@ -719,8 +716,9 @@ onMounted(async () => {
 }
 
 .cat-card-body {
-    padding: 6px 8px;
-    /* 子组继承复选框的绝对定位锚点：保证所有层级节点的复选框右对齐成一列 */
+    /* 底部多留一行：容纳右下角的「N个应用」计数，避免压住最后一行节点 */
+    padding: 6px 8px 24px;
+    /* 子组继承复选框 / 计数角标的绝对定位锚点：保证两者右对齐成一列 */
     position: relative;
 }