feat: 完成任务2 - 实现本地数据模型和离线功能

任务2.1  创建本地数据模型
- 完善 SQLite 数据库表结构和数据模型
- 创建完整的 TypeScript 接口定义
- 实现数据验证和格式化工具函数
- 添加数据清理和类型守卫功能

任务2.2  实现本地数据 CRUD 操作
- 扩展数据库服务，添加完整的 CRUD 操作
- 实现 Repository 模式封装数据访问层
- 创建 TransactionRepository、CategoryRepository、AccountRepository
- 添加批量操作、统计查询和数据迁移功能
- 实现 RepositoryManager 统一管理数据操作

任务2.3  建立离线优先的数据架构
- 重构 Pinia store 使用 Repository 模式
- 创建离线状态管理 store (useOfflineStore)
- 实现网络状态监听和离线操作队列
- 添加离线指示器组件和用户界面
- 建立数据同步标记和冲突检测机制
- 实现离线优先的数据缓存策略

核心特性：
- 完整的本地数据 CRUD 操作
- 离线优先架构，支持断网使用
- 数据验证和格式化
- Repository 模式数据访问层
- 网络状态监听和自动同步
- 用户友好的离线提示界面

frontend/src/views/TransactionsView.vue

@@ -1,20 +1,20 @@
 <template>
-  <div class="min-h-screen bg-background">
-    <header class="bg-surface shadow-soft border-b border-border">
-      <div class="max-w-md mx-auto px-4 py-4">
-        <h1 class="text-xl font-bold text-text-primary">交易记录</h1>
-      </div>
-    </header>
+    <div class="min-h-screen bg-background">
+        <header class="bg-surface shadow-soft border-b border-border">
+            <div class="max-w-md mx-auto px-4 py-4">
+                <h1 class="text-xl font-bold text-text-primary">交易记录</h1>
+            </div>
+        </header>
 
-    <main class="max-w-md mx-auto px-4 py-6">
-      <BaseCard>
-        <div class="text-center py-8">
-          <h2 class="text-lg font-semibold text-text-primary mb-2">交易记录页面</h2>
-          <p class="text-text-secondary">此页面将在后续任务中实现</p>
-        </div>
-      </BaseCard>
-    </main>
-  </div>
+        <main class="max-w-md mx-auto px-4 py-6">
+            <BaseCard>
+                <div class="text-center py-8">
+                    <h2 class="text-lg font-semibold text-text-primary mb-2">交易记录页面</h2>
+                    <p class="text-text-secondary">此页面将在后续任务中实现</p>
+                </div>
+            </BaseCard>
+        </main>
+    </div>
 </template>
 
 <script setup lang="ts">