From 1ba446f05a07fa2cf951b1c969f5209a47968e45 Mon Sep 17 00:00:00 2001
From: SunCheng <cheng2.sun@ly.com>
Date: Thu, 19 Feb 2026 22:03:24 +0800
Subject: [PATCH] feat(calendar-v2): add delete functionality to transaction
 list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加左滑删除功能:
- 启用 show-delete prop
- 实现 onTransactionDelete 事件处理器
- 删除后更新本地列表数据
---
 Web/src/views/calendarV2/modules/TransactionList.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/Web/src/views/calendarV2/modules/TransactionList.vue b/Web/src/views/calendarV2/modules/TransactionList.vue
index a63e935..9fa0422 100644
--- a/Web/src/views/calendarV2/modules/TransactionList.vue
+++ b/Web/src/views/calendarV2/modules/TransactionList.vue
@@ -36,9 +36,10 @@
       :transactions="transactions"
       :loading="transactionsLoading"
       :finished="true"
-      :show-delete="false"
+      :show-delete="true"
       :enable-filter="false"
       @click="onTransactionClick"
+      @delete="onTransactionDelete"
     />
   </div>
 </template>
@@ -103,6 +104,13 @@ const onTransactionClick = (txn) => {
   emit('transactionClick', txn)
 }
 
+// 删除交易后的处理
+const onTransactionDelete = (deletedId) => {
+  // BillListComponent 已经完成删除 API 调用
+  // 这里只需要从本地列表中移除该项
+  transactions.value = transactions.value.filter((t) => t.id !== deletedId)
+}
+
 // 点击 Smart 按钮
 const onSmartClick = () => {
   emit('smartClick')
@@ -117,7 +125,7 @@ const onSmartClick = () => {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-lg);
-  padding: var(--spacing-3xl);
+  padding: var(--spacing-xl, 16px);
   padding-top: 0;
 }