新增设备状态页面及权限管理，优化管理员布局，提升用户体验

src/layouts/AdminLayout.vue

@@ -43,6 +43,10 @@
           <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></i>
           <span>公告管理</span>
         </el-menu-item>
+        <el-menu-item v-if="canAccessDeviceStatus" index="DeviceStatus" :route="{ name: 'DeviceStatus' }">
+          <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M21 6h-7V4h-4v2H3c-1.1 0-2 .9-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m0 12H3V8h18v10M8 10h2v6H8v-6m3 0h2v6h-2v-6m3 0h2v6h-2v-6Z"/></svg></i>
+          <span>设备状态</span>
+        </el-menu-item>
         <el-menu-item v-if="canAccessSettings" index="Settings" :route="{ name: 'Settings' }">
           <i class="el-icon"><svg viewBox="0 0 24 24"><path fill="currentColor" d="m12 8l-2 4h4l-2 4"/></svg></i>
           <span>系统设置</span>
@@ -114,6 +118,7 @@ const pageTitleMap = {
   'Links': '链接管理', 
   'Refund': '退单管理',
   'Announcements': '公告管理',
+  'DeviceStatus': '设备状态',
   'Settings': '系统设置'
 }
 
@@ -130,6 +135,7 @@ const canAccessUsers = computed(() => canAccessRoute('Users'))
 const canAccessLinks = computed(() => canAccessRoute('Links'))
 const canAccessRefund = computed(() => canAccessRoute('Refund'))
 const canAccessAnnouncements = computed(() => canAccessRoute('Announcements'))
+const canAccessDeviceStatus = computed(() => canAccessRoute('DeviceStatus'))
 const canAccessSettings = computed(() => canAccessRoute('Settings'))
 
 // 获取积分余额