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

add some transaction statistics settings

Browse Source
This commit is contained in:
MaysWind
2023-07-11 01:01:11 +08:00
parent 3433b73edf
commit 882fd68cf9
1 changed files with 117 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/app/settings/AppStatisticsSettingTab.vue
+117
View File
@@ -4,14 +4,131 @@
<v-card :title="$t('Statistics Settings')"> <v-card :title="$t('Statistics Settings')">
<v-form> <v-form>
<v-card-text> <v-card-text>
<v-row>
<v-col cols="12" md="6">
<v-select
item-title="displayName"
item-value="type"
persistent-placeholder
:label="$t('Chart Type')"
:placeholder="$t('Chart Type')"
:items="[
{ type: allChartTypes.Pie, displayName: $t('Pie Chart') },
{ type: allChartTypes.Bar, displayName: $t('Bar Chart') }
]"
v-model="defaultChartType"
/>
</v-col>
<v-col cols="12" md="6">
<v-select
item-title="displayName"
item-value="type"
persistent-placeholder
:label="$t('Default Chart Data Type')"
:placeholder="$t('Default Chart Data Type')"
:items="allChartDataTypes"
v-model="defaultChartDataType"
/>
</v-col>
<v-col cols="12" md="6">
<v-select
item-title="displayName"
item-value="type"
persistent-placeholder
:label="$t('Default Date Range')"
:placeholder="$t('Default Date Range')"
:items="allDateRanges"
v-model="defaultDateRange"
/>
</v-col>
<v-col cols="12" md="6">
<v-select
item-title="displayName"
item-value="type"
persistent-placeholder
:label="$t('Default Sort By')"
:placeholder="$t('Default Sort By')"
:items="allSortingTypes"
v-model="defaultSortingType"
/>
</v-col>
</v-row>
</v-card-text> </v-card-text>
</v-form> </v-form>
</v-card> </v-card>
</v-col> </v-col>
<v-col cols="12">
<v-card :title="$t('Default Account Filter')">
</v-card>
</v-col>
<v-col cols="12">
<v-card :title="$t('Default Transaction Category Filter')">
</v-card>
</v-col>
</v-row> </v-row>
</template> </template>
<script> <script>
import { mapStores } from 'pinia';
import { useSettingsStore } from '@/stores/setting.js';
import statisticsConstants from '@/consts/statistics.js';
export default {
computed: {
...mapStores(useSettingsStore),
allChartTypes() {
return statisticsConstants.allChartTypes;
},
allChartDataTypes() {
return this.$locale.getAllStatisticsChartDataTypes();
},
allSortingTypes() {
return this.$locale.getAllStatisticsSortingTypes();
},
allDateRanges() {
return this.$locale.getAllDateRanges(false);
},
defaultChartType: {
get: function () {
return this.settingsStore.appSettings.statistics.defaultChartType;
},
set: function (value) {
this.settingsStore.setStatisticsDefaultChartType(value);
}
},
defaultChartDataType: {
get: function () {
return this.settingsStore.appSettings.statistics.defaultChartDataType;
},
set: function (value) {
this.settingsStore.setStatisticsDefaultChartDataType(value);
}
},
defaultDateRange: {
get: function () {
return this.settingsStore.appSettings.statistics.defaultDataRangeType;
},
set: function (value) {
this.settingsStore.setStatisticsDefaultDateRange(value);
}
},
defaultSortingType: {
get: function () {
return this.settingsStore.appSettings.statistics.defaultSortingType;
},
set: function (value) {
this.settingsStore.setStatisticsSortingType(value);
}
}
}
};
</script> </script>