feat: 增强财务管理系统功能与分析能力

主要更新：
- 🎯 新增综合分析仪表板，包含关键指标卡片、预算对比、智能洞察等组件
- 📊 增强数据可视化能力，新增标签云分析、时间维度分析等图表
- 📱 优化移动端响应式设计，改进触控交互体验
- 🔧 新增多个API模块（base、budget、tag），完善数据管理
- 🗂️ 重构路由结构，新增贷款、快速添加、设置、统计等独立模块
- 🔄 优化数据导入导出功能，增强数据迁移能力
- 🐛 修复多个已知问题，提升系统稳定性

技术改进：
- 使用IndexedDB提升本地存储性能
- 实现模拟API服务，支持离线开发
- 增加自动化测试脚本，确保功能稳定
- 优化打包配置，提升构建效率

文件变更：
- 新增42个文件
- 修改55个文件
- 包含测试脚本、配置文件、组件和API模块

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web-finance/src/views/finance/person/components/person-form.vue

@@ -1,11 +1,21 @@
 <script lang="ts" setup>
 import type { FormInstance, Rule } from 'ant-design-vue/es/form';
-import type { Person, PersonRole } from '#/types/finance';
+
+import type { Person } from '#/types/finance';
 
 import { computed, reactive, ref, watch } from 'vue';
 
 import { Checkbox, Form, Input, Modal } from 'ant-design-vue';
 
+const props = withDefaults(defineProps<Props>(), {
+  visible: false,
+  person: null,
+});
+// Emits
+const emit = defineEmits<{
+  submit: [Partial<Person>];
+  'update:visible': [boolean];
+}>();
 const FormItem = Form.Item;
 const TextArea = Input.TextArea;
 const CheckboxGroup = Checkbox.Group;
@@ -13,20 +23,9 @@ const CheckboxGroup = Checkbox.Group;
 // Props
 interface Props {
   visible: boolean;
-  person?: Person | null;
+  person?: null | Person;
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  visible: false,
-  person: null,
-});
-
-// Emits
-const emit = defineEmits<{
-  'update:visible': [boolean];
-  'submit': [Partial<Person>];
-}>();
-
 // 表单实例
 const formRef = ref<FormInstance>();
 
@@ -48,7 +47,7 @@ const roleOptions = [
 
 // 计算属性
 const isEdit = computed(() => !!props.person);
-const modalTitle = computed(() => isEdit.value ? '编辑人员' : '新建人员');
+const modalTitle = computed(() => (isEdit.value ? '编辑人员' : '新建人员'));
 
 // 表单规则
 const rules: Record<string, Rule[]> = {
@@ -56,40 +55,37 @@ const rules: Record<string, Rule[]> = {
     { required: true, message: '请输入人员姓名' },
     { max: 50, message: '人员姓名最多50个字符' },
   ],
-  roles: [
-    { required: true, message: '请选择至少一个角色', type: 'array' },
-  ],
-  contact: [
-    { max: 100, message: '联系方式最多100个字符' },
-  ],
-  description: [
-    { max: 200, message: '描述最多200个字符' },
-  ],
+  roles: [{ required: true, message: '请选择至少一个角色', type: 'array' }],
+  contact: [{ max: 100, message: '联系方式最多100个字符' }],
+  description: [{ max: 200, message: '描述最多200个字符' }],
 };
 
 // 监听属性变化
-watch(() => props.visible, (newVal) => {
-  if (newVal) {
-    if (props.person) {
-      // 编辑模式，填充数据
-      Object.assign(formData, {
-        name: props.person.name,
-        roles: [...props.person.roles],
-        contact: props.person.contact || '',
-        description: props.person.description || '',
-      });
-    } else {
-      // 新建模式，重置数据
-      formRef.value?.resetFields();
-      Object.assign(formData, {
-        name: '',
-        roles: [],
-        contact: '',
-        description: '',
-      });
+watch(
+  () => props.visible,
+  (newVal) => {
+    if (newVal) {
+      if (props.person) {
+        // 编辑模式，填充数据
+        Object.assign(formData, {
+          name: props.person.name,
+          roles: [...props.person.roles],
+          contact: props.person.contact || '',
+          description: props.person.description || '',
+        });
+      } else {
+        // 新建模式，重置数据
+        formRef.value?.resetFields();
+        Object.assign(formData, {
+          name: '',
+          roles: [],
+          contact: '',
+          description: '',
+        });
+      }
     }
-  }
-});
+  },
+);
 
 // 处理取消
 function handleCancel() {
@@ -116,18 +112,13 @@ async function handleSubmit() {
     @cancel="handleCancel"
     @ok="handleSubmit"
   >
-    <Form
-      ref="formRef"
-      :model="formData"
-      :rules="rules"
-      layout="vertical"
-    >
+    <Form ref="formRef" :model="formData" :rules="rules" layout="vertical">
       <FormItem label="人员姓名" name="name">
         <Input
           v-model:value="formData.name"
           placeholder="请输入人员姓名"
           maxlength="50"
-          showCount
+          show-count
         />
       </FormItem>
 
@@ -149,9 +140,9 @@ async function handleSubmit() {
           placeholder="请输入人员描述信息"
           :rows="3"
           maxlength="200"
-          showCount
+          show-count
         />
       </FormItem>
     </Form>
   </Modal>
-</template>
+</template>