diff --git a/backend/src/main/java/com/soybean/admin/controller/RouteController.java b/backend/src/main/java/com/soybean/admin/controller/RouteController.java
index 6a20521..e32489e 100644
--- a/backend/src/main/java/com/soybean/admin/controller/RouteController.java
+++ b/backend/src/main/java/com/soybean/admin/controller/RouteController.java
@@ -49,7 +49,7 @@ public class RouteController {
     @GetMapping("/getAllMenus")
     public Result<List<MenuRoute>> getAllMenus() {
         try {
-            List<MenuRoute> menus = routeService.getConstantRoutes();
+            List<MenuRoute> menus = routeService.getAllRoutes();
             return Result.success(menus);
         } catch (Exception e) {
             return Result.error(e.getMessage());
diff --git a/backend/src/main/java/com/soybean/admin/service/RouteService.java b/backend/src/main/java/com/soybean/admin/service/RouteService.java
index a0ddbde..6002e3c 100644
--- a/backend/src/main/java/com/soybean/admin/service/RouteService.java
+++ b/backend/src/main/java/com/soybean/admin/service/RouteService.java
@@ -149,6 +149,38 @@ public class RouteService {
         return routeMapper.selectCount(wrapper) > 0;
     }
 
+    public List<MenuRoute> getAllRoutes() {
+        // 获取所有启用的路由
+        LambdaQueryWrapper<Route> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(Route::getStatus, 1)
+                .orderByAsc(Route::getOrderNum);
+        List<Route> routes = routeMapper.selectList(wrapper);
+
+        // 转换为 MenuRoute，但不构建树结构，返回扁平列表
+        return routes.stream().map(route -> {
+            MenuRoute menuRoute = new MenuRoute();
+            menuRoute.setId(route.getRouteId());
+            menuRoute.setName(route.getName());
+            menuRoute.setPath(route.getPath());
+            menuRoute.setComponent(route.getComponent());
+            
+            try {
+                if (route.getMeta() != null && !route.getMeta().isEmpty()) {
+                    Map<String, Object> meta = objectMapper.readValue(
+                            route.getMeta(), 
+                            new TypeReference<Map<String, Object>>() {}
+                    );
+                    meta.remove("roles");
+                    menuRoute.setMeta(meta);
+                }
+            } catch (Exception e) {
+                menuRoute.setMeta(new HashMap<>());
+            }
+            
+            return menuRoute;
+        }).collect(Collectors.toList());
+    }
+
     private List<MenuRoute> convertToMenuRoutes(List<Route> routes) {
         System.out.println("=== 开始构建路由树 ===");
         System.out.println("输入路由数量: " + routes.size());
diff --git a/src/views/application/index.vue b/src/views/application/index.vue
index 240efe0..804206f 100644
--- a/src/views/application/index.vue
+++ b/src/views/application/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="使用申请" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">使用申请主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/device/index.vue b/src/views/device/index.vue
index 8ff8f1c..8cd8a85 100644
--- a/src/views/device/index.vue
+++ b/src/views/device/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="设备管理" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">设备管理主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/my-application/index.vue b/src/views/my-application/index.vue
index 618c59c..afeb04a 100644
--- a/src/views/my-application/index.vue
+++ b/src/views/my-application/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="设备申请" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">设备申请主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/my-device/index.vue b/src/views/my-device/index.vue
index 8b7099f..b146ed3 100644
--- a/src/views/my-device/index.vue
+++ b/src/views/my-device/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="我的设备" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">我的设备主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 195fc73..dafed58 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="屏幕监控" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">屏幕监控主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/system/index.vue b/src/views/system/index.vue
index 5516882..c304185 100644
--- a/src/views/system/index.vue
+++ b/src/views/system/index.vue
@@ -1,9 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="系统设置" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <p class="text-gray-500">系统设置主页面</p>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/user-manage/index.vue b/src/views/user-manage/index.vue
index 2dfd447..57c2002 100644
--- a/src/views/user-manage/index.vue
+++ b/src/views/user-manage/index.vue
@@ -1,11 +1,5 @@
 <template>
-  <div class="h-full">
-    <n-card title="用户管理" :bordered="false" class="h-full rounded-8px shadow-sm">
-      <n-alert type="info" title="用户管理">
-        管理系统用户、角色和权限
-      </n-alert>
-    </n-card>
-  </div>
+  <router-view />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/user-manage/permission/index.vue b/src/views/user-manage/permission/index.vue
index d2fa1b0..c735619 100644
--- a/src/views/user-manage/permission/index.vue
+++ b/src/views/user-manage/permission/index.vue
@@ -138,28 +138,38 @@ const menuTree = computed(() => {
   const tree: Menu[] = [];
   const map: Record<string, Menu> = {};
 
+  // 第一遍：创建所有节点的映射
   menus.value.forEach(menu => {
     map[menu.name] = { ...menu, children: [] };
   });
 
+  // 第二遍：建立父子关系
   menus.value.forEach(menu => {
     const node = map[menu.name];
+    
+    // 如果路由名称包含下划线，说明是子路由
     if (menu.name.includes('_')) {
-      const parentName = menu.name.split('_')[0];
+      // 获取最后一个下划线之前的部分作为父路由名称
+      const lastUnderscoreIndex = menu.name.lastIndexOf('_');
+      const parentName = menu.name.substring(0, lastUnderscoreIndex);
       const parent = map[parentName];
+      
       if (parent) {
         if (!parent.children) {
           parent.children = [];
         }
         parent.children.push(node);
       } else {
+        // 如果找不到父路由，作为根节点
         tree.push(node);
       }
     } else {
+      // 没有下划线的是根路由
       tree.push(node);
     }
   });
 
+  // 清理空的 children 数组
   const cleanTree = (nodes: Menu[]) => {
     return nodes.map(node => {
       if (node.children && node.children.length === 0) {