From 9f1d87910e79ecc99cffe80927c1302588a00bb4 Mon Sep 17 00:00:00 2001
From: Mplan <mplan_@outlook.com>
Date: Thu, 23 Jul 2026 23:59:47 +0800
Subject: [PATCH] fix(admin): reveal batch actions after selection

---
 src/views/admin/AdminView.vue | 151 +++++++++++++++++-----------------
 1 file changed, 74 insertions(+), 77 deletions(-)

diff --git a/src/views/admin/AdminView.vue b/src/views/admin/AdminView.vue
index 5971293..77b63c6 100644
--- a/src/views/admin/AdminView.vue
+++ b/src/views/admin/AdminView.vue
@@ -721,28 +721,28 @@ onMounted(loadAdminData)
               <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" @click="toggleAllPendingSelection">
                 {{ selectedReviewCount === pendingImages.length && pendingImages.length ? '取消全选' : '全选待审核' }}
               </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--teal"
-                :disabled="!selectedReviewCount"
-                :loading="actionLoading"
-                @click="updateCloudStatus(Array.from(selectedReviewIds), 'approved')"
-              >
-                批量通过 {{ selectedReviewCount || '' }}
-              </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--danger"
-                :disabled="!selectedReviewCount"
-                :loading="actionLoading"
-                @click="updateCloudStatus(Array.from(selectedReviewIds), 'rejected')"
-              >
-                批量拒绝 {{ selectedReviewCount || '' }}
-              </NButton>
+              <template v-if="selectedReviewCount">
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--teal"
+                  :loading="actionLoading"
+                  @click="updateCloudStatus(Array.from(selectedReviewIds), 'approved')"
+                >
+                  批量通过 {{ selectedReviewCount }}
+                </NButton>
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--danger"
+                  :loading="actionLoading"
+                  @click="updateCloudStatus(Array.from(selectedReviewIds), 'rejected')"
+                >
+                  批量拒绝 {{ selectedReviewCount }}
+                </NButton>
+              </template>
             </div>
           </div>
 
@@ -992,61 +992,58 @@ onMounted(loadAdminData)
               <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" @click="toggleAllFilteredImageSelection">
                 {{ selectedManagedCount === filteredImages.length && filteredImages.length ? '取消全选' : '全选当前列表' }}
               </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--teal"
-                :disabled="!selectedManagedCount"
-                :loading="actionLoading"
-                @click="updateCloudStatus(Array.from(selectedImageIds), 'approved')"
-              >
-                批量通过 {{ selectedManagedCount || '' }}
-              </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--danger"
-                :disabled="!selectedManagedCount"
-                :loading="actionLoading"
-                @click="updateCloudStatus(Array.from(selectedImageIds), 'rejected')"
-              >
-                批量拒绝 {{ selectedManagedCount || '' }}
-              </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--amber"
-                :disabled="!selectedManagedCount"
-                :loading="actionLoading"
-                @click="updateImageVisibility(Array.from(selectedImageIds), true)"
-              >
-                批量隐藏 {{ selectedManagedCount || '' }}
-              </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--teal"
-                :disabled="!selectedManagedCount"
-                :loading="actionLoading"
-                @click="updateImageVisibility(Array.from(selectedImageIds), false)"
-              >
-                批量公开 {{ selectedManagedCount || '' }}
-              </NButton>
-              <NButton
-                secondary
-                strong
-                type="default"
-                class="oc-panel-button oc-panel-button--danger"
-                :disabled="!selectedManagedCount"
-                :loading="actionLoading"
-                @click="deleteImages(filteredImages.filter(item => selectedImageIds.has(item.id)))"
-              >
-                批量删除 {{ selectedManagedCount || '' }}
-              </NButton>
+              <template v-if="selectedManagedCount">
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--teal"
+                  :loading="actionLoading"
+                  @click="updateCloudStatus(Array.from(selectedImageIds), 'approved')"
+                >
+                  批量通过 {{ selectedManagedCount }}
+                </NButton>
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--danger"
+                  :loading="actionLoading"
+                  @click="updateCloudStatus(Array.from(selectedImageIds), 'rejected')"
+                >
+                  批量拒绝 {{ selectedManagedCount }}
+                </NButton>
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--amber"
+                  :loading="actionLoading"
+                  @click="updateImageVisibility(Array.from(selectedImageIds), true)"
+                >
+                  批量隐藏 {{ selectedManagedCount }}
+                </NButton>
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--teal"
+                  :loading="actionLoading"
+                  @click="updateImageVisibility(Array.from(selectedImageIds), false)"
+                >
+                  批量公开 {{ selectedManagedCount }}
+                </NButton>
+                <NButton
+                  secondary
+                  strong
+                  type="default"
+                  class="oc-panel-button oc-panel-button--danger"
+                  :loading="actionLoading"
+                  @click="deleteImages(filteredImages.filter(item => selectedImageIds.has(item.id)))"
+                >
+                  批量删除 {{ selectedManagedCount }}
+                </NButton>
+              </template>
             </div>
           </div>