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

modify style

Browse Source
This commit is contained in:
MaysWind
2024-07-07 10:27:03 +08:00
parent ec97d2df91
commit 9eddab3dd8
2 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/statistics/TransactionPage.vue
+11 -11
View File
@@ -64,9 +64,9 @@
<v-btn :disabled="loading || query.chartDataType === allChartDataTypes.AccountTotalAssets.type || query.chartDataType === allChartDataTypes.AccountTotalLiabilities.type" <v-btn :disabled="loading || query.chartDataType === allChartDataTypes.AccountTotalAssets.type || query.chartDataType === allChartDataTypes.AccountTotalLiabilities.type"
v-bind="props">{{ dateRangeName(query) }}</v-btn> v-bind="props">{{ dateRangeName(query) }}</v-btn>
</template> </template>
<v-list> <v-list :selected="[queryDateType]">
<v-list-item :key="dateRange.type" :value="dateRange.type" <v-list-item :key="dateRange.type" :value="dateRange.type"
:append-icon="(isDateFilterChecked(dateRange.type) ? icons.check : null)" :append-icon="(queryDateType === dateRange.type ? icons.check : null)"
v-for="dateRange in allDateRangesArray"> v-for="dateRange in allDateRangesArray">
<v-list-item-title <v-list-item-title
class="cursor-pointer" class="cursor-pointer"
@@ -402,6 +402,15 @@ export default {
this.setSortingType(value); this.setSortingType(value);
} }
}, },
queryDateType() {
if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis) {
return this.query.categoricalChartDateType;
} else if (this.analysisType === statisticsConstants.allAnalysisTypes.TrendAnalysis) {
return this.query.trendChartDateType;
} else {
return null;
}
},
queryStartTime() { queryStartTime() {
if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis) { if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis) {
return this.$locale.formatUnixTimeToLongDateTime(this.userStore, this.query.categoricalChartStartTime); return this.$locale.formatUnixTimeToLongDateTime(this.userStore, this.query.categoricalChartStartTime);
@@ -656,15 +665,6 @@ export default {
this.reload(null); this.reload(null);
}, },
isDateFilterChecked(dateType) {
if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis && this.query.categoricalChartDateType === dateType) {
return true;
} else if (this.analysisType === statisticsConstants.allAnalysisTypes.TrendAnalysis && this.query.trendChartDateType === dateType) {
return true;
} else {
return false;
}
},
setDateFilter(dateType) { setDateFilter(dateType) {
if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis) { if (this.analysisType === statisticsConstants.allAnalysisTypes.CategoricalAnalysis) {
if (dateType === this.allDateRanges.Custom.type) { // Custom if (dateType === this.allDateRanges.Custom.type) { // Custom
src/views/desktop/transactions/ListPage.vue
+10 -10
View File
@@ -121,7 +121,7 @@
<v-icon :icon="icons.dropdownMenu" v-show="query.type !== 1" /> <v-icon :icon="icons.dropdownMenu" v-show="query.type !== 1" />
</div> </div>
</template> </template>
<v-list :selected="queryAllFilterCategoryIdsArray"> <v-list :selected="[queryAllSelectedFilterCategoryIds]">
<v-list-item key="" value="" class="text-sm" density="compact" <v-list-item key="" value="" class="text-sm" density="compact"
:class="{ 'list-item-selected': !query.categoryIds }" :class="{ 'list-item-selected': !query.categoryIds }"
:append-icon="(!query.categoryIds ? icons.check : null)"> :append-icon="(!query.categoryIds ? icons.check : null)">
@@ -265,7 +265,7 @@
<v-icon :icon="icons.dropdownMenu" /> <v-icon :icon="icons.dropdownMenu" />
</div> </div>
</template> </template>
<v-list :selected="queryAllFilterAccountIdsArray"> <v-list :selected="[queryAllSelectedFilterAccountIds]">
<v-list-item key="" value="" class="text-sm" density="compact" <v-list-item key="" value="" class="text-sm" density="compact"
:class="{ 'list-item-selected': !query.accountIds }" :class="{ 'list-item-selected': !query.accountIds }"
:append-icon="(!query.accountIds ? icons.check : null)"> :append-icon="(!query.accountIds ? icons.check : null)">
@@ -591,22 +591,22 @@ export default {
queryAllFilterAccountIdsCount() { queryAllFilterAccountIdsCount() {
return this.transactionsStore.allFilterAccountIdsCount; return this.transactionsStore.allFilterAccountIdsCount;
}, },
queryAllFilterCategoryIdsArray() { queryAllSelectedFilterCategoryIds() {
if (this.queryAllFilterCategoryIdsCount === 0) { if (this.queryAllFilterCategoryIdsCount === 0) {
return ['']; return '';
} else if (this.queryAllFilterCategoryIdsCount === 1) { } else if (this.queryAllFilterCategoryIdsCount === 1) {
return [this.query.categoryIds]; return this.query.categoryIds;
} else { // this.queryAllFilterCategoryIdsCount > 1 } else { // this.queryAllFilterCategoryIdsCount > 1
return ['multiple']; return 'multiple';
} }
}, },
queryAllFilterAccountIdsArray() { queryAllSelectedFilterAccountIds() {
if (this.queryAllFilterAccountIdsCount === 0) { if (this.queryAllFilterAccountIdsCount === 0) {
return ['']; return '';
} else if (this.queryAllFilterAccountIdsCount === 1) { } else if (this.queryAllFilterAccountIdsCount === 1) {
return [this.query.accountIds]; return this.query.accountIds;
} else { // this.queryAllFilterAccountIdsCount > 1 } else { // this.queryAllFilterAccountIdsCount > 1
return ['multiple']; return 'multiple';
} }
}, },
queryCategoryName() { queryCategoryName() {