optimize user experience

This commit is contained in:
MaysWind
2021-01-07 00:13:17 +08:00
parent b46dd61b9a
commit 22c80f4879
2 changed files with 14 additions and 5 deletions
+10 -1
View File
@@ -237,13 +237,22 @@
export default { export default {
data() { data() {
const self = this; const self = this;
const query = self.$f7route.query;
const now = new Date(); const now = new Date();
let defaultType = self.$constants.transaction.allTransactionTypes.Expense;
if (query.type === self.$constants.transaction.allTransactionTypes.Income.toString()) {
defaultType = self.$constants.transaction.allTransactionTypes.Income;
} else if (query.type === self.$constants.transaction.allTransactionTypes.Transfer.toString()) {
defaultType = self.$constants.transaction.allTransactionTypes.Transfer;
}
return { return {
mode: 'add', mode: 'add',
editTransactionId: null, editTransactionId: null,
transaction: { transaction: {
type: self.$constants.transaction.allTransactionTypes.Expense, type: defaultType,
unixTime: self.$utilities.getUnixTime(now), unixTime: self.$utilities.getUnixTime(now),
time: self.$utilities.formatDate(now, 'YYYY-MM-DDTHH:mm'), time: self.$utilities.formatDate(now, 'YYYY-MM-DDTHH:mm'),
expenseCategory: '', expenseCategory: '',
+4 -4
View File
@@ -10,7 +10,7 @@
<f7-nav-title :title="$t('Transaction List')"></f7-nav-title> <f7-nav-title :title="$t('Transaction List')"></f7-nav-title>
<f7-nav-right class="navbar-compact-icons"> <f7-nav-right class="navbar-compact-icons">
<f7-link icon-f7="search" class="searchbar-enable" data-searchbar=".searchbar-keyword"></f7-link> <f7-link icon-f7="search" class="searchbar-enable" data-searchbar=".searchbar-keyword"></f7-link>
<f7-link icon-f7="plus" :href="'/transaction/add?type=' + query.type + '&categoryId=' + query.categoryId + '&accountId=' + query.accountId"></f7-link> <f7-link icon-f7="plus" :href="`/transaction/add?type=${query.type}&categoryId=${query.categoryId}&accountId=${query.accountId}`"></f7-link>
</f7-nav-right> </f7-nav-right>
<f7-searchbar <f7-searchbar
@@ -155,7 +155,7 @@
<f7-list-item class="transaction-info" chevron-center <f7-list-item class="transaction-info" chevron-center
v-for="(transaction, idx) in transactionMonthList.items" v-for="(transaction, idx) in transactionMonthList.items"
:key="transaction.id" :id="transaction | transactionDomId" :key="transaction.id" :id="transaction | transactionDomId"
:link="transaction.type !== $constants.transaction.allTransactionTypes.ModifyBalance ? '/transaction/detail?id=' + transaction.id : null" :link="transaction.type !== $constants.transaction.allTransactionTypes.ModifyBalance ? `/transaction/detail?id=${transaction.id}&type=${transaction.type}` : null"
swipeout swipeout
> >
<div slot="media" class="display-flex no-padding-horizontal"> <div slot="media" class="display-flex no-padding-horizontal">
@@ -725,10 +725,10 @@ export default {
this.reload(null); this.reload(null);
}, },
duplicate(transaction) { duplicate(transaction) {
this.$f7router.navigate('/transaction/add?id=' + transaction.id); this.$f7router.navigate(`/transaction/add?id=${transaction.id}&type=${transaction.type}`);
}, },
edit(transaction) { edit(transaction) {
this.$f7router.navigate('/transaction/edit?id=' + transaction.id); this.$f7router.navigate(`/transaction/edit?id=${transaction.id}&type=${transaction.type}`);
}, },
remove(transaction, confirm) { remove(transaction, confirm) {
const self = this; const self = this;