feat(M08-D): 补设备运营后台

admin/src/App.vue

@@ -46,7 +46,12 @@
             <ClipboardList :size="18" />
             <span>订单运营</span>
           </button>
-          <button class="nav-item" type="button" disabled>
+          <button
+            class="nav-item"
+            :class="{ active: activeModule === 'devices' }"
+            type="button"
+            @click="activeModule = 'devices'"
+          >
             <RadioTower :size="18" />
             <span>设备</span>
           </button>
@@ -117,6 +122,11 @@
           :session="session"
         />
 
+        <DevicesPanel
+          v-else-if="activeModule === 'devices'"
+          :session="session"
+        />
+
         <PaymentsPanel
           v-else-if="activeModule === 'payments'"
           :session="session"
@@ -317,6 +327,7 @@ import OrdersPanel from './components/OrdersPanel.vue';
 import PaymentsPanel from './components/PaymentsPanel.vue';
 import ThirdPartyPanel from './components/ThirdPartyPanel.vue';
 import MembersStaffPanel from './components/MembersStaffPanel.vue';
+import DevicesPanel from './components/DevicesPanel.vue';
 import {
   ApiError,
   assignCleaningTask,
@@ -353,7 +364,7 @@ import { money } from './format';
 
 const savedToken = ref(localStorage.getItem('qipai.admin.token') || '');
 const tokenDraft = ref(savedToken.value);
-const activeModule = ref<'overview' | 'stores' | 'orders' | 'payments' | 'thirdParty' | 'people' | 'cleaning'>('overview');
+const activeModule = ref<'overview' | 'stores' | 'orders' | 'devices' | 'payments' | 'thirdParty' | 'people' | 'cleaning'>('overview');
 const activeTab = ref('tasks');
 const lastError = ref('');
 const lastMessage = ref('');
@@ -366,6 +377,7 @@ const activeModuleMeta = computed(() => ({
   overview: { stage: 'M08-D', title: '平台运营总览' },
   stores: { stage: 'M08-D', title: '门店与房间管理' },
   orders: { stage: 'M08-D', title: '订单筛选与运营处置' },
+  devices: { stage: 'M08-D', title: '设备资产、拓扑与控制' },
   payments: { stage: 'M08-D', title: '支付、退款与分账' },
   thirdParty: { stage: 'M08-D', title: '团购与第三方平台运营' },
   people: { stage: 'M08-D', title: '会员与员工用户管理' },