diff --git a/src/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue b/src/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue
index 183f4b51..36736536 100644
--- a/src/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue
+++ b/src/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue
@@ -180,6 +180,47 @@ export default {
   methods: {
     control(action) {
       console.log('Control action:', action)
+      switch (action) {
+        case 'up':
+          console.log('Up')
+          break
+        case 'down':
+          console.log('Down')
+          break
+        case 'left':
+          console.log('Left')
+          break
+        case 'right':
+          console.log('Right')
+          break
+        case 'zoomIn':
+          console.log('Zoom In')
+          break
+        case 'zoomOut':
+          console.log('Zoom Out')
+          break
+        case 'focusIn':
+          console.log('Focus In')
+          break
+        case 'focusOut':
+          console.log('Focus Out')
+          break
+        case 'lightUp':
+          console.log('Light Up')
+          break
+        case 'lightDown':
+          console.log('Light Down')
+          break
+        case 'capture':
+          console.log('Capture')
+          break
+        case 'record':
+          console.log('Record')
+          break
+        default:
+          console.log('Unknown action:', action)
+
+      }
     },
     toggleCloud() {
       console.log('Toggle cloud platform')