From 4f260f9257c82cbc434aaee4c38bda86a00509f3 Mon Sep 17 00:00:00 2001
From: r <r@local>
Date: Sun, 21 Jun 2026 11:41:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(servers):=20=E6=89=B9=E9=87=8F=E6=A0=8F?=
 =?UTF-8?q?=E5=B7=B2=E9=80=89=E5=8C=BA=E5=A2=9E=E5=8A=A0=E3=80=8C=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E3=80=8D=E6=A0=87=E9=A2=98=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与运维/Agent/其他分组同结构底对齐。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../2026-06-21-servers-row-actions-batch.md   |  1 +
 .../servers/ServerBatchActionBar.vue          | 24 +++++++++++++++----
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/docs/changelog/2026-06-21-servers-row-actions-batch.md b/docs/changelog/2026-06-21-servers-row-actions-batch.md
index e9e2503a..8aea4e1b 100644
--- a/docs/changelog/2026-06-21-servers-row-actions-batch.md
+++ b/docs/changelog/2026-06-21-servers-row-actions-batch.md
@@ -41,3 +41,4 @@
 - 行按钮改 `small` + `tonal` + 字重 600，恢复「一键登录」全文
 - 批量栏改 `flat` 实色按钮、分组标题加深，底卡用 surface 实底
 - 行操作移除「删除」；删除请用批量栏「批量删除」
+- 批量栏「已选 N 台」增加「选择」分组标题，与其他分区对齐
diff --git a/frontend/src/components/servers/ServerBatchActionBar.vue b/frontend/src/components/servers/ServerBatchActionBar.vue
index 2d003588..bcb5837f 100644
--- a/frontend/src/components/servers/ServerBatchActionBar.vue
+++ b/frontend/src/components/servers/ServerBatchActionBar.vue
@@ -7,10 +7,20 @@
     border
   >
     <v-card-text class="server-batch-bar__inner py-3">
-      <div class="d-flex align-center flex-wrap ga-3">
-        <v-chip color="primary" variant="flat" size="default" label prepend-icon="mdi-checkbox-marked-circle-outline">
-          已选 {{ count }} 台
-        </v-chip>
+      <div class="d-flex align-end flex-wrap ga-3">
+        <div class="server-batch-bar__section">
+          <span class="server-batch-bar__label">选择</span>
+          <v-chip
+            color="primary"
+            variant="flat"
+            size="default"
+            label
+            class="server-batch-bar__count"
+            prepend-icon="mdi-checkbox-marked-circle-outline"
+          >
+            已选 {{ count }} 台
+          </v-chip>
+        </div>
 
         <v-divider vertical class="server-batch-bar__divider d-none d-sm-flex" />
 
@@ -123,6 +133,12 @@ defineEmits<{
   line-height: 1.2;
 }
 
+.server-batch-bar__count {
+  font-size: 0.875rem;
+  font-weight: 600;
+  height: 36px;
+}
+
 .server-batch-bar__btn {
   font-size: 0.875rem;
   font-weight: 600;