📊 交易流水
交易记录分页展示、类型筛选、账单筛选、时间范围筛选。
页面结构
- 筛选栏：交易类型下拉（全部/收入/支出）+ 账单筛选 + 时间范围
- 交易表格：交易类型 / 金额 / 分类 / 账单名 / 时间
- 分页器：显示总页数和当前页，支持切换页码
- 统计信息：总收入 / 总支出 数字展示
触发时机详解
1. 页面加载 → GET /api/admin/transactions
触发条件：进入页面 / 刷新 / 筛选条件变化 / 切换分页
GET
/api/admin/transactions
✅ 页面加载时触发，支持分页和多种筛选
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
page | number | 选填 | 页码（默认1） |
limit | number | 选填 | 每页条数（默认20） |
type | string | 选填 | 交易类型：收入 | 支出 |
bill_id | string | 选填 | 账单ID（筛选特定账单的流水） |
start_date | string | 选填 | 创建时间起始（YYYY-MM-DD） |
end_date | string | 选填 | 创建时间截止（YYYY-MM-DD） |
响应:
{
"transactions": [{...}],
"totalPages": 5,
"currentPage": 1
}2. 修改筛选条件 → 重新请求（page 重置为 1）
触发条件：修改类型 / 账单 / 时间范围任意一项 → 重新请求 GET /api/admin/transactions（page 自动重置为 1）
3. 切换分页 → 重新请求（带上 page 参数）
触发条件：点击分页数字 → 重新请求 GET /api/admin/transactions?page=N（保留当前筛选条件）