遥控器

Web/src/pages/page-pilot/pilot-home.vue

@@ -12,15 +12,9 @@
               <a-dropdown :trigger="['click']">
                 <span style="font-size: 16px; font-weight: bolder">{{ workspaceName }}</span>
                 <template #overlay>
-                  <a-menu>
-                    <a-menu-item key="1">
-                      项目编号0001
-                    </a-menu-item>
-                    <a-menu-item key="2">
-                      项目编号0002
-                    </a-menu-item>
-                    <a-menu-item key="3">
-                      项目编号0003
+                  <a-menu v-model:selectedKeys="state.selectedKeys" @select="onSelectMenu">
+                    <a-menu-item v-for="item in state.projectList" :key="item.id">
+                      {{ item.name }}
                     </a-menu-item>
                   </a-menu>
                 </template>
@@ -143,6 +137,7 @@ import { SwapOutlined, RightOutlined, CloudSyncOutlined, SyncOutlined } from '@a
 import { useMyStore } from '/@/store'
 import { DeviceStatus } from '/@/types/device'
 import { useConnectWebSocket } from '/@/hooks/use-connect-websocket'
+import { apis } from "/@/api/custom/index";
 
 const root = getRoot()
 const gatewayState = ref<boolean>(localStorage.getItem(ELocalStorageKey.GatewayOnline) === 'true')
@@ -178,6 +173,16 @@ const device = reactive<DeviceInfoData>({
     domain: -1
   }
 })
+
+const state = reactive({
+  selectedKeys: [],
+  projectList: [],
+})
+
+const onSelectMenu = (items: any) => {
+  console.log(items);
+}
+
 const bindParam: BindBody = {
   device_sn: '',
   user_id: '',
@@ -256,7 +261,11 @@ useConnectWebSocket(messageHandler)
 
 let bindNum: any
 
-onMounted(() => {
+onMounted(async () => {
+  const res = await apis.fetchChangeRecordList();
+  state.projectList = res.data
+  state.selectedKeys = res.data
+
   apiPilot.onBackClickReg()
   apiPilot.onStopPlatform()
   const oldDevice = localStorage.getItem(ELocalStorageKey.Device)