Initial commit: One Pipe System

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

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

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

src/composables/useAuth.ts

@@ -0,0 +1,46 @@
+import { useRoute } from 'vue-router'
+import { storeToRefs } from 'pinia'
+import { useUserStore } from '@/store/modules/user'
+import { useCommon } from '@/composables/useCommon'
+import type { AppRouteRecord } from '@/types/router'
+
+type AuthItem = NonNullable<AppRouteRecord['meta']['authList']>[number]
+
+const userStore = useUserStore()
+
+/**
+ * 按钮权限（前后端模式通用）
+ * 用法：
+ * const { hasAuth } = useAuth()
+ * hasAuth('add') // 检查是否拥有新增权限
+ */
+export const useAuth = () => {
+  const route = useRoute()
+  const { isFrontendMode } = useCommon()
+  const { info } = storeToRefs(userStore)
+
+  // 前端按钮权限（例如：['add', 'edit']）
+  const frontendAuthList = info.value?.buttons ?? []
+
+  // 后端路由 meta 配置的权限列表（例如：[{ auth_mark: 'add' }]）
+  const backendAuthList: AuthItem[] = Array.isArray(route.meta.authList)
+    ? (route.meta.authList as AuthItem[])
+    : []
+
+  /**
+   * 检查是否拥有某权限标识
+   * @param auth 权限标识
+   * @returns 是否有权限
+   */
+  const hasAuth = (auth: string): boolean => {
+    if (isFrontendMode.value) {
+      return frontendAuthList.includes(auth)
+    }
+
+    return backendAuthList.some((item) => item?.auth_mark === auth)
+  }
+
+  return {
+    hasAuth
+  }
+}