feat: 本次提交更新内容如下

更了全局layout组件

nkebao/src/pages/devices/Devices.tsx

@@ -4,6 +4,8 @@ import { Plus, Search, RefreshCw, QrCode, Loader2, AlertTriangle, X } from 'luci
 import { devicesApi } from '@/api';
 import { useToast } from '@/components/ui/toast';
 import PageHeader from '@/components/PageHeader';
+import Layout from '@/components/Layout';
+import '@/components/Layout.css';
 
 // 设备接口
 interface Device {
@@ -376,24 +378,24 @@ export default function Devices() {
   });
 
   return (
-    <div className="min-h-screen bg-gray-50">
-      {/* 页面Header */}
-      <PageHeader
-        title="设备管理"
-        defaultBackPath="/"
-        rightContent={
-          <button 
-            className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg flex items-center gap-2 transition-colors"
-            onClick={handleOpenAddDeviceModal}
-          >
-            <Plus className="h-4 w-4" />
-            添加设备
-          </button>
-        }
-      />
-
-      {/* 内容区域 */}
-      <div className="pt-16 pb-20">
+    <Layout
+      header={
+        <PageHeader
+          title="设备管理"
+          defaultBackPath="/"
+          rightContent={
+            <button 
+              className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg flex items-center gap-2 transition-colors"
+              onClick={handleOpenAddDeviceModal}
+            >
+              <Plus className="h-4 w-4" />
+              添加设备
+            </button>
+          }
+        />
+      }
+    >
+      <div className="bg-gray-50">
         <div className="p-4 space-y-4">
           {/* 统计卡片 */}
           <div className="grid grid-cols-2 gap-3">
@@ -500,7 +502,6 @@ export default function Devices() {
           </div>
         </div>
       </div>
-
       {/* 添加设备弹窗 */}
       {isAddDeviceOpen && (
         <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
@@ -713,6 +714,6 @@ export default function Devices() {
           </div>
         </div>
       )}
-    </div>
+    </Layout>
   );
 }