飞行控制增加键盘事件

src/views/demo/workmanagement/flightoperation/src/FlightControl.vue

@@ -477,7 +477,48 @@
     };
     servicesTopic(querys);
   };
+  const handleKeyDown = (event) => {
+    if (event.key === 'w') {
+      changeDRC('throttle', 'up', '上升');
+    } else if (event.key === 's') {
+      changeDRC('throttle', 'down', '下降');
+    } else if (event.key === 'a') {
+      changeDRC('yaw', 'down', '左旋转');
+    } else if (event.key === 'd') {
+      changeDRC('yaw', 'up', '右旋转');
+    } else if (event.key === 'ArrowUp') {
+      changeDRC('pitch', 'up', '前进');
+    } else if (event.key === 'ArrowDown') {
+      changeDRC('pitch', 'down', '后退');
+    } else if (event.key === 'ArrowLeft') {
+      changeDRC('roll', 'down', '左移');
+    } else if (event.key === 'ArrowRight') {
+      changeDRC('roll', 'up', '右移');
+    }
+  };
+  const handleKeyUp = (event) => {
+    if (event.key === 'w') {
+      changeDRC('throttle', 'up', '');
+    } else if (event.key === 's') {
+      changeDRC('throttle', 'down', '');
+    } else if (event.key === 'd') {
+      changeDRC('yaw', 'down', '');
+    } else if (event.key === 'a') {
+      changeDRC('yaw', 'up', '');
+    } else if (event.key === 'ArrowUp') {
+      changeDRC('pitch', 'up', '');
+    } else if (event.key === 'ArrowDown') {
+      changeDRC('pitch', 'down', '');
+    } else if (event.key === 'ArrowLeft') {
+      changeDRC('roll', 'down', '');
+    } else if (event.key === 'ArrowRight') {
+      changeDRC('roll', 'up', '');
+    }
+  };
   onMounted(() => {
+    // 添加键盘事件监听
+    document.addEventListener('keydown', handleKeyDown);
+    document.addEventListener('keyup', handleKeyUp);
     // 获取mqtt客户端信息
     getRedisUser(userInfo.id).then((res) => {
       if (res) {
@@ -570,6 +611,8 @@
     destroySeizeConnection();
     changeRedisUser(false);
     monitorDRC.value = false;
+    document.removeEventListener('keydown', handleKeyDown);
+    document.removeEventListener('keyup', handleKeyUp);
   });
 </script>
 <style lang="less" scoped>