Initial commit: One Pipe System

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

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

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

src/views/outside/Iframe.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="iframe-container" v-loading="isLoading">
+    <iframe
+      ref="iframeRef"
+      :src="iframeUrl"
+      frameborder="0"
+      class="iframe-content"
+      @load="handleIframeLoad"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { getIframeRoutes } from '@/router/utils/menuToRouter'
+
+  const route = useRoute()
+  const isLoading = ref(true)
+  const iframeUrl = ref('')
+  const iframeRef = ref<HTMLIFrameElement | null>(null)
+
+  onMounted(() => {
+    const iframeRoute = getIframeRoutes().find((item: any) => item.path === route.path)
+
+    if (iframeRoute?.meta) {
+      iframeUrl.value = iframeRoute.meta.link || ''
+    }
+  })
+
+  const handleIframeLoad = () => {
+    isLoading.value = false
+  }
+</script>
+
+<style scoped>
+  .iframe-container {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+  }
+
+  .iframe-content {
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 120px);
+    border: none;
+  }
+</style>