mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-18 16:54:25 +08:00
optimize user experience
This commit is contained in:
@@ -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: '',
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user