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

support toggle whether show total amount in transaction list page

Browse Source
This commit is contained in:
MaysWind
2021-04-05 23:09:20 +08:00
parent 668ece6490
commit 4737258b96
5 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/Settings.vue
+13
View File
@@ -79,6 +79,11 @@
<f7-toggle :checked="showAccountBalance" @toggle:change="showAccountBalance = $event"></f7-toggle>
</f7-list-item>
<f7-list-item>
<span>{{ $t('Show Total Amount In Transaction List Page') }}</span>
<f7-toggle :checked="showTotalAmountInTransactionListPage" @toggle:change="showTotalAmountInTransactionListPage = $event"></f7-toggle>
</f7-list-item>
<f7-list-item :title="$t('Statistics Settings')" link="/statistic/settings"></f7-list-item>
<f7-list-item>
@@ -181,6 +186,14 @@ export default {
this.$settings.setShowAccountBalance(value);
}
},
showTotalAmountInTransactionListPage: {
get: function () {
return this.$settings.isShowTotalAmountInTransactionListPage();
},
set: function (value) {
this.$settings.setShowTotalAmountInTransactionListPage(value);
}
},
isEnableAnimate: {
get: function () {
return this.$settings.isEnableAnimate();
src/views/mobile/transactions/List.vue
+6 -3
View File
@@ -43,7 +43,7 @@
<f7-card-header>
<div class="full-line">
<small class="card-header-content">YYYY-MM</small>
<small class="transaction-amount-statistics">
<small class="transaction-amount-statistics" v-if="showTotalAmountInTransactionListPage">
<span>0.00 USD</span>
<span>0.00 USD</span>
</small>
@@ -170,7 +170,7 @@
<f7-card-header>
<div class="full-line">
<small class="card-header-content">YYYY-MM</small>
<small class="transaction-amount-statistics">
<small class="transaction-amount-statistics" v-if="showTotalAmountInTransactionListPage">
<span>0.00 USD</span>
<span>0.00 USD</span>
</small>
@@ -266,7 +266,7 @@
<small class="card-header-content">
<span>{{ transactionMonthList.yearMonth | moment($t('format.yearMonth.long')) }}</span>
</small>
<small class="transaction-amount-statistics" v-if="transactionMonthList.totalAmount">
<small class="transaction-amount-statistics" v-if="showTotalAmountInTransactionListPage && transactionMonthList.totalAmount">
<span class="text-color-red">
{{ transactionMonthList.totalAmount.income | currency(defaultCurrency) | income(transactionMonthList.totalAmount.incompleteIncome) }}
</span>
@@ -505,11 +505,14 @@
<script>
export default {
data() {
const self = this;
return {
loading: true,
loadingError: null,
loadingMore: false,
transactionToDelete: null,
showTotalAmountInTransactionListPage: self.$settings.isShowTotalAmountInTransactionListPage(),
showDatePopover: false,
showTypePopover: false,
showCategoryPopover: false,