From 8de51e6e71cdaa545faf737dddd9517e2ad7fbc4 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 19 Sep 2025 00:27:07 +0800
Subject: [PATCH] show the selected count even when the number of items is less
 than 10

---
 .../tabs/ImportTransactionCheckDataTab.vue      | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/views/desktop/transactions/import/tabs/ImportTransactionCheckDataTab.vue b/src/views/desktop/transactions/import/tabs/ImportTransactionCheckDataTab.vue
index 156f1829..1f060ebb 100644
--- a/src/views/desktop/transactions/import/tabs/ImportTransactionCheckDataTab.vue
+++ b/src/views/desktop/transactions/import/tabs/ImportTransactionCheckDataTab.vue
@@ -272,24 +272,25 @@
             </div>
         </template>
         <template #bottom>
-            <div class="title-and-toolbar d-flex align-center text-no-wrap mt-2"
-                 v-if="importTransactions && importTransactions.length > 10">
-                                <span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
-                                    {{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }}
-                                </span>
-                <v-spacer/>
-                <span>{{ tt('Transactions Per Page') }}</span>
+            <div class="title-and-toolbar d-flex align-center text-no-wrap mt-2" v-if="importTransactions">
+                <span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
+                    {{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }}
+                </span>
+                <v-spacer v-if="importTransactions.length > 10"/>
+                <span v-if="importTransactions.length > 10">{{ tt('Transactions Per Page') }}</span>
                 <v-select class="ms-2" density="compact" max-width="100"
                           item-title="name"
                           item-value="value"
                           :disabled="!!disabled"
                           :items="importTransactionsTablePageOptions"
                           v-model="countPerPage"
+                          v-if="importTransactions.length > 10"
                 />
                 <pagination-buttons density="compact"
                                     :disabled="!!disabled"
                                     :totalPageCount="totalPageCount"
-                                    v-model="currentPage"></pagination-buttons>
+                                    v-model="currentPage"
+                                    v-if="importTransactions.length > 10"></pagination-buttons>
             </div>
         </template>
     </v-data-table>