From af03f569ee5164c6d380a701d710f67ce9229b2e Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Mon, 27 Oct 2025 16:46:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(movement-supervision):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E6=8E=A7=E5=88=B6=E5=99=A8=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4=E6=9A=97=E9=BB=91?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/png/fold-2.png       | Bin 0 -> 408 bytes
 src/components/PlaybackController.vue |   5 -----
 src/pages/movement-supervision.vue    |  24 ++++++++++++++++++++----
 src/pages/scene-editor.vue            |   9 +++++++--
 4 files changed, 27 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/icons/png/fold-2.png

diff --git a/src/assets/icons/png/fold-2.png b/src/assets/icons/png/fold-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd58c229d30367370c45bf7c4b1abd3c99592e1b
GIT binary patch
literal 408
zcmV;J0cZY+P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0003^Nkl<ZcmeE_
z?F|AU42IP?9LI5V8V7Jy`y_XN)RsaE=8_tkLki{nD3{a0e?{Qm29^WmKv02dp`d`_
z<K;kD!eD`NASht?csUT3Fj$}*Xb5<hJRzSsW2OT)f&AQpxlHrNECN@7`jXfObJq6%
zY2R4{J^=%swKU*+p&0~dn_n%%8oB-Mly5cx9xS1OBS&cY?)44=&Dvgtae=+ff}Rao
z1bTa%_rMtsMsrUVfnGp>=Zp!?lguD6+7h%8XFWL8Jy8NYNJ71!k>D)R*rul=1X2_f
zXt+Qvnf8xS0%<+GLFPSBbNlQ6j1m~WP=N+`YAR`cd4xd7avjQvHlnt%<vTS(;2~ws
zlY-h(+CN4J_^U72Sp*h{Y+g|gnDQ)0mIDh!Hm@iLOnDY0%Yg+Vn^(+nz`QaySp;(R
z?5|c1^lO%T;_wc<0RRC1|M2aO^Z)<=21!IgR09Cmf*4^Bo%~?{0000<MNUMnLSTZ9
CQ>Zoo

literal 0
HcmV?d00001

diff --git a/src/components/PlaybackController.vue b/src/components/PlaybackController.vue
index b01b494..05df9ca 100644
--- a/src/components/PlaybackController.vue
+++ b/src/components/PlaybackController.vue
@@ -250,11 +250,6 @@ const handleTimelineClick = (event: MouseEvent) => {
   z-index: 1000;
   backdrop-filter: blur(5px);
   border-top: 1px solid #f0f0f0;
-
-  body[data-theme='dark'] & {
-    background-color: rgba(20, 20, 20, 0.9);
-    border-top: 1px solid #303030;
-  }
 }
 
 .time-display {
diff --git a/src/pages/movement-supervision.vue b/src/pages/movement-supervision.vue
index 4655128..1f3e8ae 100644
--- a/src/pages/movement-supervision.vue
+++ b/src/pages/movement-supervision.vue
@@ -11,6 +11,7 @@ import type { RobotRealtimeInfo } from '../apis/robot';
 import { getSceneByGroupId, getSceneById, monitorRealSceneById, monitorSceneById } from '../apis/scene';
 import expandIcon from '../assets/icons/png/expand.png';
 import foldIcon from '../assets/icons/png/fold.png';
+import foldIcon2 from '../assets/icons/png/fold-2.png';
 import FollowViewNotification from '../components/follow-view-notification.vue';
 import PlaybackController from '../components/PlaybackController.vue';
 import RobotLabels from '../components/robot-labels.vue';
@@ -861,7 +862,7 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
       <a-layout-content>
         <div ref="container" class="editor-container full"></div>
         <!-- 自定义地图工具栏（固定右下角，最小侵入） -->
-        <MapToolbar :token="EDITOR_KEY" :container-el="container" />
+        <MapToolbar v-if="!isPlaybackMode" :token="EDITOR_KEY" :container-el="container" />
       </a-layout-content>
     </a-layout>
   </a-layout>
@@ -906,7 +907,12 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
       @click="isPlaybackControllerVisible = !isPlaybackControllerVisible"
     >
       <template #icon>
-        <i class="icon" :class="isPlaybackControllerVisible ? 'fold' : 'expand'" />
+        <img
+          :src="foldIcon2"
+          class="fold-icon"
+          :class="{ folded: !isPlaybackControllerVisible }"
+          alt="toggle-playback"
+        />
       </template>
     </a-float-button>
 
@@ -967,11 +973,21 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
   z-index: 10;
   background-color: #fff;
   border-radius: 4px;
-  body[data-theme='dark'] & {
-    background-color: #000;
+  html[theme='dark'] & {
+    background-color: #5a5d5e;
   }
 }
 :deep(.ant-tabs-tab) {
   padding: 14px 12px !important;
 }
+
+.fold-icon {
+  width: 48px;
+  height: 48px;
+  transition: transform 0.3s ease;
+
+  &.folded {
+    transform: rotate(180deg);
+  }
+}
 </style>
diff --git a/src/pages/scene-editor.vue b/src/pages/scene-editor.vue
index b0613ec..6bcfc61 100644
--- a/src/pages/scene-editor.vue
+++ b/src/pages/scene-editor.vue
@@ -1016,8 +1016,8 @@ const handleFloorChange = async (value: any) => {
   z-index: 10;
   background-color: #fff;
   border-radius: 4px;
-  body[data-theme='dark'] & {
-    background-color: #000;
+  html[theme='dark'] & {
+    background-color: #5a5d5e;
   }
 }
 
@@ -1083,4 +1083,9 @@ const handleFloorChange = async (value: any) => {
     margin-bottom: 0;
   }
 }
+html[theme='dark'] {
+  .sider-toggle {
+    background-color: #5a5d5e;
+  }
+}
 </style>