support setting items per page in transaction list page

2026-05-18 00:34:28 +08:00 · 2023-08-11 21:54:09 +08:00
parent b1fb40ca61
commit 2454e22ea2
6 changed files with 82 additions and 7 deletions
@@ -120,6 +120,15 @@
                <v-form>
                    <v-card-text>
                        <v-row>
+                            <v-col cols="12" md="6">
+                                <v-select
+                                    persistent-placeholder
+                                    :label="$t('Transactions Per Page')"
+                                    :placeholder="$t('Transactions Per Page')"
+                                    :items="[ 5, 10, 15, 20, 25, 30, 50 ]"
+                                    v-model="itemsCountInTransactionListPage"
+                                />
+                            </v-col>
                            <v-col cols="12" md="6">
                                <v-select
                                    item-title="displayName"
@@ -264,6 +273,14 @@ export default {
                this.settingsStore.setShowTotalAmountInTransactionListPage(value);
            }
        },
+        itemsCountInTransactionListPage: {
+            get: function () {
+                return this.settingsStore.appSettings.itemsCountInTransactionListPage;
+            },
+            set: function (value) {
+                this.settingsStore.setItemsCountInTransactionListPage(value);
+            }
+        },
        isAutoGetCurrentGeoLocation: {
            get: function () {
                return this.settingsStore.appSettings.autoGetCurrentGeoLocation;