code refactor

This commit is contained in:
MaysWind
2020-12-22 00:37:07 +08:00
parent b3e0399300
commit cb22bee25a
+22 -22
View File
@@ -42,11 +42,11 @@
:style="{ fontSize: sourceAmountFontSize + 'px' }" :style="{ fontSize: sourceAmountFontSize + 'px' }"
:header="$t(sourceAmountName)" :header="$t(sourceAmountName)"
:title="transaction.sourceAmount | currency" :title="transaction.sourceAmount | currency"
@click="transaction.showSourceAmountSheet = true" @click="showSourceAmountSheet = true"
> >
<number-pad-sheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="transaction.showSourceAmountSheet" :show.sync="showSourceAmountSheet"
v-model="transaction.sourceAmount" v-model="transaction.sourceAmount"
></number-pad-sheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
@@ -56,12 +56,12 @@
:style="{ fontSize: destinationAmountFontSize + 'px' }" :style="{ fontSize: destinationAmountFontSize + 'px' }"
:header="$t('Transfer In Amount')" :header="$t('Transfer In Amount')"
:title="transaction.destinationAmount | currency" :title="transaction.destinationAmount | currency"
@click="transaction.showDestinationAmountSheet = true" @click="showDestinationAmountSheet = true"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
> >
<number-pad-sheet :min-value="$constants.transaction.minAmount" <number-pad-sheet :min-value="$constants.transaction.minAmount"
:max-value="$constants.transaction.maxAmount" :max-value="$constants.transaction.maxAmount"
:show.sync="transaction.showDestinationAmountSheet" :show.sync="showDestinationAmountSheet"
v-model="transaction.destinationAmount" v-model="transaction.destinationAmount"
></number-pad-sheet> ></number-pad-sheet>
</f7-list-item> </f7-list-item>
@@ -72,7 +72,7 @@
link="#" link="#"
:class="{ 'disabled': !hasAvailableExpenseCategories }" :class="{ 'disabled': !hasAvailableExpenseCategories }"
:header="$t('Category')" :header="$t('Category')"
@click="transaction.showCategorySheet = true" @click="showCategorySheet = true"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Expense" v-if="transaction.type === $constants.transaction.allTransactionTypes.Expense"
> >
<div slot="title"> <div slot="title">
@@ -86,7 +86,7 @@
secondary-key-field="id" secondary-value-field="id" secondary-title-field="name" secondary-key-field="id" secondary-value-field="id" secondary-title-field="name"
secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color" secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color"
:items="allCategories[$constants.category.allCategoryTypes.Expense]" :items="allCategories[$constants.category.allCategoryTypes.Expense]"
:show.sync="transaction.showCategorySheet" :show.sync="showCategorySheet"
v-model="transaction.expenseCategory"> v-model="transaction.expenseCategory">
</tree-view-selection-sheet> </tree-view-selection-sheet>
</f7-list-item> </f7-list-item>
@@ -97,7 +97,7 @@
link="#" link="#"
:class="{ 'disabled': !hasAvailableIncomeCategories }" :class="{ 'disabled': !hasAvailableIncomeCategories }"
:header="$t('Category')" :header="$t('Category')"
@click="transaction.showCategorySheet = true" @click="showCategorySheet = true"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Income" v-if="transaction.type === $constants.transaction.allTransactionTypes.Income"
> >
<div slot="title"> <div slot="title">
@@ -111,7 +111,7 @@
secondary-key-field="id" secondary-value-field="id" secondary-title-field="name" secondary-key-field="id" secondary-value-field="id" secondary-title-field="name"
secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color" secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color"
:items="allCategories[$constants.category.allCategoryTypes.Income]" :items="allCategories[$constants.category.allCategoryTypes.Income]"
:show.sync="transaction.showCategorySheet" :show.sync="showCategorySheet"
v-model="transaction.incomeCategory"> v-model="transaction.incomeCategory">
</tree-view-selection-sheet> </tree-view-selection-sheet>
</f7-list-item> </f7-list-item>
@@ -122,7 +122,7 @@
link="#" link="#"
:class="{ 'disabled': !hasAvailableTransferCategories }" :class="{ 'disabled': !hasAvailableTransferCategories }"
:header="$t('Category')" :header="$t('Category')"
@click="transaction.showCategorySheet = true" @click="showCategorySheet = true"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
> >
<div slot="title"> <div slot="title">
@@ -136,7 +136,7 @@
secondary-key-field="id" secondary-value-field="id" secondary-title-field="name" secondary-key-field="id" secondary-value-field="id" secondary-title-field="name"
secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color" secondary-icon-field="icon" secondary-icon-type="category" secondary-color-field="color"
:items="allCategories[$constants.category.allCategoryTypes.Transfer]" :items="allCategories[$constants.category.allCategoryTypes.Transfer]"
:show.sync="transaction.showCategorySheet" :show.sync="showCategorySheet"
v-model="transaction.transferCategory"> v-model="transaction.transferCategory">
</tree-view-selection-sheet> </tree-view-selection-sheet>
</f7-list-item> </f7-list-item>
@@ -147,7 +147,7 @@
:class="{ 'disabled': !allAccounts.length }" :class="{ 'disabled': !allAccounts.length }"
:header="$t(sourceAccountName)" :header="$t(sourceAccountName)"
:title="transaction.sourceAccountId | accountName(allAccounts)" :title="transaction.sourceAccountId | accountName(allAccounts)"
@click="transaction.showSourceAccountSheet = true" @click="showSourceAccountSheet = true"
> >
<two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category" primary-title-field="name" <two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category" primary-title-field="name"
primary-icon-field="icon" primary-icon-type="account" :primary-title-i18n="true" primary-icon-field="icon" primary-icon-type="account" :primary-title-i18n="true"
@@ -155,7 +155,7 @@
secondary-key-field="id" secondary-value-field="id" secondary-title-field="name" secondary-key-field="id" secondary-value-field="id" secondary-title-field="name"
secondary-icon-field="icon" secondary-icon-type="account" secondary-color-field="color" secondary-icon-field="icon" secondary-icon-type="account" secondary-color-field="color"
:items="categoriedAccounts" :items="categoriedAccounts"
:show.sync="transaction.showSourceAccountSheet" :show.sync="showSourceAccountSheet"
v-model="transaction.sourceAccountId"> v-model="transaction.sourceAccountId">
</two-column-list-item-selection-sheet> </two-column-list-item-selection-sheet>
</f7-list-item> </f7-list-item>
@@ -167,7 +167,7 @@
:header="$t('Destination Account')" :header="$t('Destination Account')"
:title="transaction.destinationAccountId | accountName(allAccounts)" :title="transaction.destinationAccountId | accountName(allAccounts)"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
@click="transaction.showDestinationAccountSheet = true" @click="showDestinationAccountSheet = true"
> >
<two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category" primary-title-field="name" <two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category" primary-title-field="name"
primary-icon-field="icon" primary-icon-type="account" :primary-title-i18n="true" primary-icon-field="icon" primary-icon-type="account" :primary-title-i18n="true"
@@ -175,7 +175,7 @@
secondary-key-field="id" secondary-value-field="id" secondary-title-field="name" secondary-key-field="id" secondary-value-field="id" secondary-title-field="name"
secondary-icon-field="icon" secondary-icon-type="account" secondary-color-field="color" secondary-icon-field="icon" secondary-icon-type="account" secondary-color-field="color"
:items="categoriedAccounts" :items="categoriedAccounts"
:show.sync="transaction.showDestinationAccountSheet" :show.sync="showDestinationAccountSheet"
v-model="transaction.destinationAccountId"> v-model="transaction.destinationAccountId">
</two-column-list-item-selection-sheet> </two-column-list-item-selection-sheet>
</f7-list-item> </f7-list-item>
@@ -232,7 +232,7 @@ export default {
return { return {
editTransactionId: null, editTransactionId: null,
transaction: { transaction: {
type: 3, type: self.$constants.transaction.allTransactionTypes.Expense,
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: '',
@@ -243,19 +243,19 @@ export default {
sourceAmount: 0, sourceAmount: 0,
destinationAmount: 0, destinationAmount: 0,
tagIds: [], tagIds: [],
comment: '', comment: ''
showSourceAmountSheet: false,
showDestinationAmountSheet: false,
showCategorySheet: false,
showSourceAccountSheet: false,
showDestinationAccountSheet: false
}, },
allAccounts: [], allAccounts: [],
categoriedAccounts: [], categoriedAccounts: [],
allCategories: {}, allCategories: {},
allTags: [], allTags: [],
loading: true, loading: true,
submitting: false submitting: false,
showSourceAmountSheet: false,
showDestinationAmountSheet: false,
showCategorySheet: false,
showSourceAccountSheet: false,
showDestinationAccountSheet: false
}; };
}, },
computed: { computed: {