mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-20 01:34:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix the checkbox in the scheduled transaction frequency dropdown list couldn’t be used to select options (#225)

Browse Source
This commit is contained in:
MaysWind
2025-09-03 19:50:00 +08:00
parent a71be1bf05
commit d6dc9f8170
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/desktop/ScheduleFrequencySelect.vue
+21 -2
View File
@@ -34,7 +34,8 @@
:class="{ 'frequency-value-selected v-list-item--active text-primary': isFrequencyValueSelected(weekDay.type) }" :class="{ 'frequency-value-selected v-list-item--active text-primary': isFrequencyValueSelected(weekDay.type) }"
v-for="weekDay in allWeekDays"> v-for="weekDay in allWeekDays">
<template #prepend="{ isActive }"> <template #prepend="{ isActive }">
<v-checkbox density="compact" class="me-1" :model-value="isActive"></v-checkbox> <v-checkbox density="compact" class="me-1" :model-value="isActive"
@update:model-value="updateFrequencyValue(weekDay.type, $event)"></v-checkbox>
</template> </template>
</v-list-item> </v-list-item>
</v-list> </v-list>
@@ -44,7 +45,8 @@
:class="{ 'frequency-value-selected v-list-item--active text-primary': isFrequencyValueSelected(monthDay.day) }" :class="{ 'frequency-value-selected v-list-item--active text-primary': isFrequencyValueSelected(monthDay.day) }"
v-for="monthDay in allAvailableMonthDays"> v-for="monthDay in allAvailableMonthDays">
<template #prepend="{ isActive }"> <template #prepend="{ isActive }">
<v-checkbox density="compact" class="me-1" :model-value="isActive"></v-checkbox> <v-checkbox density="compact" class="me-1" :model-value="isActive"
@update:model-value="updateFrequencyValue(monthDay.day, $event)"></v-checkbox>
</template> </template>
</v-list-item> </v-list-item>
</v-list> </v-list>
@@ -132,6 +134,23 @@ const displayFrequency = computed<string>(() => {
} }
}); });
function updateFrequencyValue(value: number, selected: boolean | null): void {
const currentFrequencyValues = frequencyValue.value;
const newFrequencyValues: number[] = [];
for (let i = 0; i < currentFrequencyValues.length; i++) {
if (currentFrequencyValues[i] !== value || selected) {
newFrequencyValues.push(currentFrequencyValues[i]);
}
}
if (selected) {
newFrequencyValues.push(value);
}
frequencyValue.value = sortNumbersArray(newFrequencyValues);
}
function isFrequencyValueSelected(value: number): boolean { function isFrequencyValueSelected(value: number): boolean {
for (let i = 0; i < frequencyValue.value.length; i++) { for (let i = 0; i < frequencyValue.value.length; i++) {
if (frequencyValue.value[i] === value) { if (frequencyValue.value[i] === value) {