From 1caed38024606edc94d7013091e780549486723c Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Mon, 27 Oct 2025 16:05:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(playback-controller):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=97=A7=E7=9A=84=E6=9A=97=E9=BB=91=E4=B8=BB=E9=A2=98=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E6=96=B0=E5=A2=9E=E6=92=AD=E6=94=BE=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=99=A8=E7=9A=84=E6=9A=97=E9=BB=91=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaybackController.vue | 30 +++++++++++++--------------
 src/hooks/usePlaybackWebSocket.ts     |  7 +++----
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/PlaybackController.vue b/src/components/PlaybackController.vue
index ab62a2b..b01b494 100644
--- a/src/components/PlaybackController.vue
+++ b/src/components/PlaybackController.vue
@@ -325,21 +325,6 @@ const handleTimelineClick = (event: MouseEvent) => {
   color: #555;
   white-space: nowrap;
 }
-
-body[data-theme='dark'] {
-  .tick {
-    background-color: #777;
-    &.tick-major {
-      background-color: #ddd;
-    }
-  }
-  .tick-label {
-    color: #aaa;
-  }
-  .timeline-container::after {
-    background-color: #434343;
-  }
-}
 </style>
 
 <style lang="scss">
@@ -358,5 +343,18 @@ body[data-theme='dark'] {
     color: #0dbb8a !important; /* "Today" button text color */
   }
 }
+html[theme='dark'] {
+  .playback-controller {
+    background-color: #36393a;
+    border-color: #2a2c2c;
+    .timeline-container {
+      &::after {
+        background-color: #2a2c2c;
+      }
+      .tick-label {
+        color: #aaa;
+      }
+    }
+  }
+}
 </style>
-
diff --git a/src/hooks/usePlaybackWebSocket.ts b/src/hooks/usePlaybackWebSocket.ts
index 0048c58..00c1460 100644
--- a/src/hooks/usePlaybackWebSocket.ts
+++ b/src/hooks/usePlaybackWebSocket.ts
@@ -1,4 +1,3 @@
-
 import { message } from 'ant-design-vue';
 import { type Ref, ref, type ShallowRef, shallowRef } from 'vue';
 
@@ -98,7 +97,7 @@ export function usePlaybackWebSocket(editorService: ShallowRef<EditorService | u
             locateCenter();
           }, 100);
         } else if (msg.type === 'AMR') {
-          (msg.data as RobotRealtimeInfo[]).forEach(robot => {
+          (msg.data as RobotRealtimeInfo[]).forEach((robot) => {
             latestRobotData.set(robot.id, robot);
           });
         }
@@ -134,7 +133,7 @@ export function usePlaybackWebSocket(editorService: ShallowRef<EditorService | u
     if (client.value && client.value.readyState === WebSocket.OPEN) {
       client.value.send(command);
     } else {
-      message.warn('回放连接未建立或已断开，无法发送指令');
+      // message.warn('回放连接未建立或已断开，无法发送指令');
     }
   };
 
@@ -180,7 +179,7 @@ export function usePlaybackWebSocket(editorService: ShallowRef<EditorService | u
             robot: {
               ...rest,
               // 增加更严格的校验：确保 state 的值存在于 RobotState 枚举中
-              state: RobotState[state] ? state : currentState ?? RobotState.未知,
+              state: RobotState[state] ? state : (currentState ?? RobotState.未知),
             }, // 将业务数据挂载到图元的 robot 属性上
           },
           { render: false },