Initial commit: One Pipe System

完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。

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

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

src/App.vue

@@ -0,0 +1,54 @@
+<template>
+  <ElConfigProvider size="default" :locale="locales[language]" :z-index="3000">
+    <RouterView></RouterView>
+  </ElConfigProvider>
+</template>
+
+<script setup lang="ts">
+  import { useUserStore } from './store/modules/user'
+  import zh from 'element-plus/es/locale/lang/zh-cn'
+  import en from 'element-plus/es/locale/lang/en'
+  import { systemUpgrade } from '@/utils'
+  import { UserService } from './api/usersApi'
+  import { ApiStatus } from './utils/http/status'
+  import { setThemeTransitionClass } from '@/utils'
+  import { checkStorageCompatibility } from '@/utils'
+
+  const userStore = useUserStore()
+  const { language } = storeToRefs(userStore)
+
+  const locales = {
+    zh: zh,
+    en: en
+  }
+
+  onBeforeMount(() => {
+    setThemeTransitionClass(true)
+  })
+
+  onMounted(() => {
+    // 检查存储兼容性
+    checkStorageCompatibility()
+    // 提升暗黑主题下页面刷新视觉体验
+    setThemeTransitionClass(false)
+    // 系统升级
+    systemUpgrade()
+    // 获取用户信息
+    getUserInfo()
+  })
+
+  // 获取用户信息
+  const getUserInfo = async () => {
+    if (userStore.isLogin && userStore.accessToken) {
+      try {
+        const res = await UserService.getUserInfo()
+        if (res.code === ApiStatus.success && res.data) {
+          // API 返回的是 { user, permissions }，我们需要保存 user
+          userStore.setUserInfo(res.data.user)
+        }
+      } catch (error) {
+        console.error('获取用户信息失败:', error)
+      }
+    }
+  }
+</script>