zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add / view transaction in reconciliation statement dialog

Browse Source
This commit is contained in:
MaysWind
2025-07-23 00:41:32 +08:00
parent 5d07d1a70d
commit 6050f5deab
12 changed files with 107 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/locales/de.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Verbergen",
"Version": "Version",
"Edit": "Bearbeiten",
"View": "View",
"Remove": "Entfernen",
"Delete": "Löschen",
"Duplicate": "Duplizieren",
src/locales/en.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Hide",
"Version": "Version",
"Edit": "Edit",
"View": "View",
"Remove": "Remove",
"Delete": "Delete",
"Duplicate": "Duplicate",
src/locales/es.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Ocultar",
"Version": "Versión",
"Edit": "Editar",
"View": "View",
"Remove": "Eliminar",
"Delete": "Borrar",
"Duplicate": "Duplicar",
src/locales/it.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Nascondi",
"Version": "Versione",
"Edit": "Modifica",
"View": "View",
"Remove": "Rimuovi",
"Delete": "Elimina",
"Duplicate": "Duplica",
src/locales/ja.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "非表示",
"Version": "バージョン",
"Edit": "編集",
"View": "View",
"Remove": "削除",
"Delete": "削除",
"Duplicate": "複製",
src/locales/pt_BR.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Ocultar",
"Version": "Versão",
"Edit": "Editar",
"View": "View",
"Remove": "Remover",
"Delete": "Excluir",
"Duplicate": "Duplicar",
src/locales/ru.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Скрыть",
"Version": "Версия",
"Edit": "Редактировать",
"View": "View",
"Remove": "Удалить",
"Delete": "Удалить",
"Duplicate": "Дублировать",
src/locales/uk.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Сховати",
"Version": "Версія",
"Edit": "Редагувати",
"View": "View",
"Remove": "Видалити",
"Delete": "Видалити",
"Duplicate": "Дублювати",
src/locales/vi.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "Ẩn",
"Version": "Phiên bản",
"Edit": "Sửa",
"View": "View",
"Remove": "Xóa",
"Delete": "Xóa",
"Duplicate": "Nhân đôi",
src/locales/zh_Hans.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "隐藏",
"Version": "版本",
"Edit": "编辑",
"View": "查看",
"Remove": "移除",
"Delete": "删除",
"Duplicate": "复制",
src/locales/zh_Hant.json
+1
View File
@@ -1360,6 +1360,7 @@
"Hide": "隱藏",
"Version": "版本",
"Edit": "編輯",
"View": "檢視",
"Remove": "移除",
"Delete": "刪除",
"Duplicate": "複製",
src/views/desktop/accounts/list/dialogs/ReconciliationStatementDialog.vue
+96 -4
View File
@@ -1,5 +1,5 @@
<template>
<v-dialog :min-height="loading ? 600 : 400" :persistent="loading" v-model="showState">
<v-dialog :min-height="400" :persistent="loading" v-model="showState">
<v-card class="pa-6 pa-sm-10 pa-md-12">
<template #title>
<div class="d-flex align-center justify-center">
@@ -7,6 +7,17 @@
<h4 class="text-h4">{{ tt('Reconciliation Statement') }}</h4>
<v-progress-circular indeterminate size="22" class="ml-2" v-if="loading"></v-progress-circular>
</div>
<v-btn density="comfortable" color="default" variant="text" class="ml-2"
:icon="true" :disabled="loading">
<v-icon :icon="mdiDotsVertical" />
<v-menu activator="parent">
<v-list>
<v-list-item :prepend-icon="mdiReceiptTextPlusOutline"
:title="tt('Add Transaction')"
@click="addTransaction()"></v-list-item>
</v-list>
</v-menu>
</v-btn>
</div>
</template>
@@ -118,6 +129,12 @@
<template #item.accountBalance="{ item }">
<span>{{ getDisplayAccountBalance(item) }}</span>
</template>
<template #item.operation="{ item }">
<v-btn density="compact" variant="text" color="default" :disabled="loading"
@click="showTransaction(item)">
{{ tt('View') }}
</v-btn>
</template>
<template #bottom>
<div class="title-and-toolbar d-flex align-center text-no-wrap mt-2" v-if="loading || reconciliationStatements.length">
<span class="ml-2">{{ tt('Total Transactions') }}</span>
@@ -157,12 +174,19 @@
</v-card-text>
</v-card>
</v-dialog>
<edit-dialog ref="editDialog" :type="TransactionEditPageType.Transaction" />
<snack-bar ref="snackbar" />
</template>
<script setup lang="ts">
import PaginationButtons from '@/components/desktop/PaginationButtons.vue';
import SnackBar from '@/components/desktop/SnackBar.vue';
import EditDialog from '@/views/desktop/transactions/list/dialogs/EditDialog.vue';
import { TransactionEditPageType } from '@/views/base/transactions/TransactionEditPageBase.ts';
import { ref, computed } from 'vue';
import { ref, computed, useTemplateRef } from 'vue';
import { useI18n } from '@/locales/helpers.ts';
import { useReconciliationStatementPageBase } from '@/views/base/transactions/ReconciliationStatementPageBase.ts';
@@ -172,11 +196,17 @@ import { useTransactionCategoriesStore } from '@/stores/transactionCategory.ts';
import { useTransactionsStore } from '@/stores/transaction.ts';
import { TransactionType } from '@/core/transaction.ts';
import { Transaction, type TransactionReconciliationStatementResponseItem } from '@/models/transaction.ts';
import {
mdiArrowRight
mdiArrowRight,
mdiDotsVertical,
mdiReceiptTextPlusOutline
} from '@mdi/js';
type SnackBarType = InstanceType<typeof SnackBar>;
type EditDialogType = InstanceType<typeof EditDialog>;
interface ReconciliationStatementDialogTablePageOption {
value: number;
title: string;
@@ -216,6 +246,9 @@ const accountsStore = useAccountsStore();
const transactionCategoriesStore = useTransactionCategoriesStore();
const transactionsStore = useTransactionsStore();
const snackbar = useTemplateRef<SnackBarType>('snackbar');
const editDialog = useTemplateRef<EditDialogType>('editDialog');
const showState = ref<boolean>(false);
const loading = ref<boolean>(false);
const currentPage = ref<number>(1);
@@ -251,6 +284,7 @@ const dataTableHeaders = computed<object[]>(() => {
headers.push({ key: 'sourceAccountId', value: 'sourceAccountId', title: tt('Account'), sortable: true, nowrap: true });
headers.push({ key: 'accountBalance', value: 'accountBalance', title: tt(accountBalanceName), sortable: true, nowrap: true });
headers.push({ key: 'comment', value: 'comment', title: tt('Description'), sortable: true, nowrap: true });
headers.push({ key: 'operation', title: tt('Operation'), sortable: false, nowrap: true, align: 'end' });
return headers;
});
@@ -310,13 +344,71 @@ function open(options: { accountId: string, startTime: number, endTime: number }
emit('error', error);
showState.value = false;
}
})
});
return new Promise<void>((resolve, reject) => {
rejectFunc = reject;
});
}
function reload(): void {
loading.value = true;
transactionsStore.getReconciliationStatements({
accountId: accountId.value,
startTime: startTime.value,
endTime: endTime.value
}).then(result => {
reconciliationStatements.value = result.transactions;
openingBalance.value = result.openingBalance;
closingBalance.value = result.closingBalance;
loading.value = false;
}).catch(error => {
loading.value = false;
if (!error.processed) {
snackbar.value?.showError(error);
}
})
}
function addTransaction(): void {
editDialog.value?.open({
accountId: accountId.value
}).then(result => {
if (result && result.message) {
snackbar.value?.showMessage(result.message);
}
reload();
}).catch(error => {
if (error) {
snackbar.value?.showError(error);
}
});
}
function showTransaction(transaction: TransactionReconciliationStatementResponseItem): void {
if (transaction.type === TransactionType.ModifyBalance) {
return;
}
editDialog.value?.open({
id: transaction.id,
currentTransaction: Transaction.of(transaction)
}).then(result => {
if (result && result.message) {
snackbar.value?.showMessage(result.message);
}
reload();
}).catch(error => {
if (error) {
snackbar.value?.showError(error);
}
});
}
function close(): void {
rejectFunc?.();
showState.value = false;