设备命令日志界面

src/layouts/MainLayout.vue

@@ -15,7 +15,7 @@
         :collapse="isCollapse"
         :collapse-transition="false"
         router
-        :default-openeds="['/device-management']"
+        :default-openeds="['/device-management', '/monitor']"
       >
         <el-menu-item index="/">
           <el-icon><House /></el-icon>
@@ -42,6 +42,19 @@
           <el-icon><Calendar /></el-icon>
           <template #title>计划管理</template>
         </el-menu-item>
+
+        <!-- 系统监控二级菜单 -->
+        <el-sub-menu index="/monitor">
+          <template #title>
+            <el-icon><DataAnalysis /></el-icon>
+            <span>系统监控</span>
+          </template>
+          <el-menu-item index="/monitor/device-command-logs">
+            <el-icon><Document /></el-icon>
+            <template #title>设备命令日志</template>
+          </el-menu-item>
+        </el-sub-menu>
+
       </el-menu>
     </el-aside>
 
@@ -88,7 +101,7 @@
 <script>
 import { ref, computed, onMounted, onUnmounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { House, Monitor, Calendar, ArrowDown, Menu, Fold, Expand, Setting, Tickets } from '@element-plus/icons-vue';
+import { House, Monitor, Calendar, ArrowDown, Menu, Fold, Expand, Setting, Tickets, DataAnalysis, Document } from '@element-plus/icons-vue';
 
 export default {
   name: 'MainLayout',
@@ -101,7 +114,9 @@ export default {
     Fold,
     Expand,
     Setting,
-    Tickets
+    Tickets,
+    DataAnalysis,
+    Document
   },
   setup() {
     const route = useRoute();
@@ -127,6 +142,9 @@ export default {
     };
     
     const activeMenu = computed(() => {
+      if (route.path.startsWith('/monitor')) {
+        return route.path;
+      }
       if (route.path === '/devices' || route.path === '/device-templates') {
         return route.path;
       }
@@ -138,7 +156,8 @@ export default {
         '/': '系统首页',
         '/devices': '设备管理',
         '/device-templates': '设备模板管理',
-        '/plans': '计划管理'
+        '/plans': '计划管理',
+        '/monitor/device-command-logs': '设备命令日志'
       };
       return routeMap[route.path] || '猪场管理系统';
     });