fix bugfix: 外链菜单后端转换路由+通用iframe组件

backend/app/api/v1/module_system/menu/service.py

@@ -97,7 +97,24 @@ class MenuService:
         # 转换为字典列表
         menu_dict_list = [MenuOutSchema.model_validate(menu).model_dump() for menu in menu_list]
         # 使用traversal_to_tree构建树形结构
-        return traversal_to_tree(menu_dict_list)
+        tree = traversal_to_tree(menu_dict_list)
+        # 对外链菜单（type=4）转换路由数据
+        _transform_external_menus(tree)
+        return tree
+
+
+def _transform_external_menus(items: list[dict]) -> None:
+    """递归转换外链菜单的路由和组件路径"""
+    for item in items:
+        if item.get("type") == 4:
+            original_url = item.get("route_path", "")
+            route_name = item.get("route_name") or "external"
+            item["route_path"] = f"/{route_name}"
+            item["component_path"] = "module_system/menu/ExternalLink"
+            # 把原始 URL 存入 params，供 ExternalLink 组件读取
+            item["params"] = [{"key": "url", "value": original_url}]
+        if item.get("children"):
+            _transform_external_menus(item["children"])
 
     @classmethod
     async def create_menu_service(cls, auth: AuthSchema, data: MenuCreateSchema) -> dict:

frontend/src/views/module_system/menu/ExternalLink.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="external-link-container">
+    <iframe
+      :src="externalUrl"
+      class="external-link-iframe"
+      frameborder="0"
+      width="100%"
+      height="100%"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+
+const externalUrl = computed(() => {
+  // 从路由 meta.params 中获取外链地址
+  const params = route.meta?.params as Array<{ key: string; value: string }> | undefined;
+  const urlParam = params?.find(p => p.key === 'url');
+  return urlParam?.value || '';
+});
+</script>
+
+<style scoped>
+.external-link-container {
+  width: 100%;
+  height: calc(100vh - 100px);
+  overflow: hidden;
+}
+.external-link-iframe {
+  border: none;
+}
+</style>