first commit

src/views/outside/Iframe.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="box-border w-full h-full" v-loading="isLoading">
+    <iframe
+      ref="iframeRef"
+      :src="iframeUrl"
+      frameborder="0"
+      class="w-full h-full min-h-[calc(100vh-120px)] border-none"
+      @load="handleIframeLoad"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { IframeRouteManager } from '@/router/core'
+
+  defineOptions({ name: 'IframeView' })
+
+  const route = useRoute()
+  const isLoading = ref(true)
+  const iframeUrl = ref('')
+  const iframeRef = ref<HTMLIFrameElement | null>(null)
+
+  /**
+   * 初始化 iframe URL
+   * 从路由配置中获取对应的外部链接地址
+   */
+  onMounted(() => {
+    const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path)
+
+    if (iframeRoute?.meta) {
+      iframeUrl.value = iframeRoute.meta.link || ''
+    }
+  })
+
+  /**
+   * 处理 iframe 加载完成事件
+   * 隐藏加载状态
+   */
+  const handleIframeLoad = (): void => {
+    isLoading.value = false
+  }
+</script>