feat: 手动账单输入功能及时区修复

- 新增手动账单输入功能
  - 创建 ManualBillInput 组件,支持批量添加账单
  - 添加服务器端 API /api/bills/manual 处理手动账单创建
  - 支持时间选择器,默认当前时间
  - 交易对方字段设为可选
  - 实时显示待提交账单列表
  - 提交成功后显示成功/失败/重复统计

- 修复时区问题
  - 后端使用 time.ParseInLocation 解析本地时间,避免 UTC 时区错误
  - 确保手动输入的时间按本地时区正确存储

- UI 优化
  - 账单管理页面添加标签页切换(列表/手动添加)
  - 主页添加快捷按钮跳转至手动添加页面
  - 手动账单来源正确显示为"手动输入"
  - 使用 shadcn-svelte 组件统一 UI 风格
  - 提交成功后保持日期筛选并重新加载数据
This commit is contained in:
clz
2026-01-10 20:48:24 +08:00
parent 99aaa05338
commit 06f6c847d8
6 changed files with 778 additions and 47 deletions

View File

@@ -13,6 +13,8 @@
import TrendingDown from '@lucide/svelte/icons/trending-down';
import Loader2 from '@lucide/svelte/icons/loader-2';
import AlertCircle from '@lucide/svelte/icons/alert-circle';
import Plus from '@lucide/svelte/icons/plus';
import { goto } from '$app/navigation';
let isDragOver = $state(false);
let selectedFile: File | null = $state(null);
@@ -169,9 +171,15 @@
<div class="grid gap-6 lg:grid-cols-2">
<!-- 上传区域 -->
<Card.Root>
<Card.Header>
<Card.Title>上传账单</Card.Title>
<Card.Description>支持支付宝、微信账单 CSV 文件</Card.Description>
<Card.Header class="flex flex-row items-center justify-between space-y-0">
<div>
<Card.Title>上传账单</Card.Title>
<Card.Description>支持支付宝、微信账单 CSV 文件</Card.Description>
</div>
<Button variant="outline" size="sm" onclick={() => goto('/bills?tab=manual')}>
<Plus class="mr-2 h-4 w-4" />
手动添加
</Button>
</Card.Header>
<Card.Content class="space-y-4">
<!-- 拖拽上传区域 -->