show the selected count even when the number of items is less than 10

This commit is contained in:
MaysWind
2025-09-19 00:27:07 +08:00
parent dc993da218
commit 8de51e6e71
@@ -272,24 +272,25 @@
</div> </div>
</template> </template>
<template #bottom> <template #bottom>
<div class="title-and-toolbar d-flex align-center text-no-wrap mt-2" <div class="title-and-toolbar d-flex align-center text-no-wrap mt-2" v-if="importTransactions">
v-if="importTransactions && importTransactions.length > 10"> <span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
<span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }"> {{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }}
{{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }} </span>
</span> <v-spacer v-if="importTransactions.length > 10"/>
<v-spacer/> <span v-if="importTransactions.length > 10">{{ tt('Transactions Per Page') }}</span>
<span>{{ tt('Transactions Per Page') }}</span>
<v-select class="ms-2" density="compact" max-width="100" <v-select class="ms-2" density="compact" max-width="100"
item-title="name" item-title="name"
item-value="value" item-value="value"
:disabled="!!disabled" :disabled="!!disabled"
:items="importTransactionsTablePageOptions" :items="importTransactionsTablePageOptions"
v-model="countPerPage" v-model="countPerPage"
v-if="importTransactions.length > 10"
/> />
<pagination-buttons density="compact" <pagination-buttons density="compact"
:disabled="!!disabled" :disabled="!!disabled"
:totalPageCount="totalPageCount" :totalPageCount="totalPageCount"
v-model="currentPage"></pagination-buttons> v-model="currentPage"
v-if="importTransactions.length > 10"></pagination-buttons>
</div> </div>
</template> </template>
</v-data-table> </v-data-table>