mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-16 07:57:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

use custom number input box to replace the system input box

Browse Source
This commit is contained in:
MaysWind
2025-06-02 02:05:18 +08:00
parent baa6850fcb
commit 6222b6edae
8 changed files with 230 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/exchangerates/list/dialogs/UpdateDialog.vue
+13 -4
View File
@@ -11,11 +11,13 @@
<v-card-text class="my-md-4 w-100 d-flex justify-center">
<v-row>
<v-col cols="12" md="6">
<v-text-field type="number"
:disabled="submitting"
<number-input :disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
:persistent-placeholder="true"
:min-value="USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE"
:max-value="USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE"
:max-decimal-count="4"
v-model="defaultCurrencyAmount"/>
</v-col>
<v-col cols="12" md="6">
@@ -28,11 +30,13 @@
<v-icon :icon="mdiSwapVertical" size="24" />
</v-col>
<v-col cols="12" md="6">
<v-text-field type="number"
:disabled="submitting"
<number-input :disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
:persistent-placeholder="true"
:min-value="USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE"
:max-value="USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE"
:max-decimal-count="4"
v-model="targetCurrencyAmount"/>
</v-col>
<v-col cols="12" md="6">
@@ -68,6 +72,11 @@ import { useI18n } from '@/locales/helpers.ts';
import { useUserStore } from '@/stores/user.ts';
import { useExchangeRatesStore } from '@/stores/exchangeRates.ts';
import {
USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE,
USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE
} from '@/consts/exchange_rate.ts';
import {
mdiSwapVertical
} from '@mdi/js';
src/views/mobile/exchangerates/UpdatePage.vue
+27 -14
View File
@@ -10,13 +10,17 @@
</f7-navbar>
<f7-list form strong inset dividers class="margin-vertical">
<f7-list-input
type="number"
:disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
v-model:value="defaultCurrencyAmount"
></f7-list-input>
<template #list>
<list-number-input
:disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
:min-value="USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE"
:max-value="USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE"
:max-decimal-count="4"
v-model="defaultCurrencyAmount"
></list-number-input>
</template>
<f7-list-item
class="list-item-with-header-and-title list-item-no-item-after"
@@ -39,13 +43,17 @@
</f7-block>
<f7-list form strong inset dividers class="margin-vertical">
<f7-list-input
type="number"
:disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
v-model:value="targetCurrencyAmount"
></f7-list-input>
<template #list>
<list-number-input
:disabled="submitting"
:label="tt('Amount')"
:placeholder="tt('Amount')"
:min-value="USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE"
:max-value="USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE"
:max-decimal-count="4"
v-model="targetCurrencyAmount"
></list-number-input>
</template>
<f7-list-item
class="list-item-with-header-and-title list-item-no-item-after"
@@ -88,6 +96,11 @@ import { useExchangeRatesStore } from '@/stores/exchangeRates.ts';
import type { LocalizedCurrencyInfo } from '@/core/currency.ts';
import {
USER_CUSTOM_EXCHANGE_RATE_MAX_VALUE,
USER_CUSTOM_EXCHANGE_RATE_MIN_VALUE
} from '@/consts/exchange_rate.ts';
const props = defineProps<{
f7router: Router.Router;
}>();