refactor: 统一账单列表组件,封装 BillListComponent

- 创建 BillListComponent 组件(基于 v2 风格,紧凑布局)
  - 支持筛选(类型、分类、日期范围)和排序(金额、时间)
  - 支持分页加载、左滑删除、点击详情、多选模式
  - 支持 API 自动加载和 Custom 自定义数据两种模式
- 迁移 6 个页面/组件到新组件:
  - TransactionsRecord.vue
  - EmailRecord.vue
  - ClassificationNLP.vue
  - UnconfirmedClassification.vue
  - BudgetCard.vue
  - ReasonGroupList.vue
- 删除旧版 TransactionList 组件
- 保留 CalendarV2 的特殊版本(有专用功能)
- 添加完整的使用文档和 JSDoc 注释
This commit is contained in:
SunCheng
2026-02-15 10:08:14 +08:00
parent 6f725dbb13
commit e51a3edd50
11 changed files with 1171 additions and 441 deletions

View File

@@ -214,12 +214,14 @@
title="关联账单列表"
height="75%"
>
<TransactionList
<BillListComponent
data-source="custom"
:transactions="billList"
:loading="billLoading"
:finished="true"
:show-delete="false"
:show-checkbox="false"
:enable-filter="false"
@click="handleBillClick"
@delete="handleBillDelete"
/>
@@ -409,12 +411,14 @@
title="关联账单列表"
height="75%"
>
<TransactionList
<BillListComponent
data-source="custom"
:transactions="billList"
:loading="billLoading"
:finished="true"
:show-delete="false"
:show-checkbox="false"
:enable-filter="false"
@click="handleBillClick"
@delete="handleBillDelete"
/>
@@ -426,7 +430,7 @@
import { computed, ref } from 'vue'
import { BudgetPeriodType } from '@/constants/enums'
import PopupContainer from '@/components/PopupContainer.vue'
import TransactionList from '@/components/TransactionList.vue'
import BillListComponent from '@/components/Bill/BillListComponent.vue'
import { getTransactionList } from '@/api/transactionRecord'
const props = defineProps({