From 648d27d1964aa2687a627251427cd9ac2be95bf1 Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Fri, 10 Oct 2025 18:32:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E6=9C=BA=E5=99=A8?=
 =?UTF-8?q?=E4=BA=BA=E8=AF=A6=E6=83=85=E5=8D=A1=E7=89=87=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E7=8A=B6=E6=80=81=E5=92=8C=E7=B1=BB=E5=9E=8B=E5=88=A4?=
 =?UTF-8?q?=E6=96=AD=EF=BC=8C=E6=8F=90=E5=8D=87=E4=BB=A3=E7=A0=81=E5=81=A5?=
 =?UTF-8?q?=E5=A3=AE=E6=80=A7=EF=BC=9B=E5=90=88=E5=B9=B6=E6=9C=BA=E5=99=A8?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=9A=E5=8A=A1=E6=95=B0=E6=8D=AE=E4=B8=8E=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E6=95=B0=E6=8D=AE=EF=BC=8C=E7=AE=80=E5=8C=96=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E9=80=BB=E8=BE=91=EF=BC=9B=E5=9C=A8=E8=BF=90=E5=8A=A8?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7=E9=A1=B5=E9=9D=A2=E4=B8=AD=E4=B8=BA=E6=9C=BA?=
 =?UTF-8?q?=E5=99=A8=E4=BA=BA=E8=AF=A6=E6=83=85=E5=8D=A1=E7=89=87=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=94=AF=E4=B8=80=E9=94=AE=E4=BB=A5=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/robot-detail-card.vue |  4 ++--
 src/hooks/usePlaybackWebSocket.ts         | 21 ++++++++++++---------
 src/pages/movement-supervision.vue        |  2 +-
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/card/robot-detail-card.vue b/src/components/card/robot-detail-card.vue
index 3fd729c..2661135 100644
--- a/src/components/card/robot-detail-card.vue
+++ b/src/components/card/robot-detail-card.vue
@@ -121,7 +121,7 @@ const getDoInfo = (information: AmrRedisState['information'] | undefined) => {
           <a-flex align="center" :gap="8">
             <i class="icon robot" />
             <a-typography-text class="card-title" style="flex: auto" :content="robot.label" ellipsis />
-            <a-tag :bordered="false">{{ $t(RobotType[robot.type]) }}</a-tag>
+            <a-tag v-if="robot.type" :bordered="false">{{ $t(RobotType[robot.type]) }}</a-tag>
           </a-flex>
         </a-col>
 
@@ -145,7 +145,7 @@ const getDoInfo = (information: AmrRedisState['information'] | undefined) => {
               <span>{{ robot.battery?.toFixed() ?? 0 }}%</span>
             </a-tag>
 
-            <a-tag v-if="robot.state">
+            <a-tag v-if="robot.state !== undefined">
               <i class="dot mr-4" :class="stateDot" />
               <span>{{ $t(RobotState[robot.state]) }}</span>
             </a-tag>
diff --git a/src/hooks/usePlaybackWebSocket.ts b/src/hooks/usePlaybackWebSocket.ts
index b755160..d18f372 100644
--- a/src/hooks/usePlaybackWebSocket.ts
+++ b/src/hooks/usePlaybackWebSocket.ts
@@ -160,7 +160,6 @@ export function usePlaybackWebSocket(editorService: ShallowRef<EditorService | u
   };
 
   const batchUpdateRobots = (updates: Array<{ id: string; data: RobotRealtimeInfo }>) => {
-
     const editor = editorService.value;
     if (!editor || updates.length === 0) return;
 
@@ -168,14 +167,18 @@ export function usePlaybackWebSocket(editorService: ShallowRef<EditorService | u
       const robotExists = editor.checkRobotById(id);
       if (robotExists) {
         const { x, y, angle, ...rest } = data;
-        editor.updateRobot(id, rest);
-        editor.setValue({
-          id,
-          x: x - 60,
-          y: y - 60,
-          rotate: -angle! + 180,
-          visible: true,
-        }, { render: false });
+        // 将业务数据和位置数据合并到一个对象中，通过 setValue 一次性更新
+        editor.setValue(
+          {
+            id,
+            x: x - 60,
+            y: y - 60,
+            rotate: -angle! + 180,
+            visible: true,
+            robot: rest, // 将业务数据挂载到图元的 robot 属性上
+          },
+          { render: false },
+        );
       }
     });
   };
diff --git a/src/pages/movement-supervision.vue b/src/pages/movement-supervision.vue
index dec29a4..ca9ef5d 100644
--- a/src/pages/movement-supervision.vue
+++ b/src/pages/movement-supervision.vue
@@ -676,7 +676,7 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
       <template #icon><i class="icon detail" /></template>
     </a-float-button>
     <div v-if="show" class="card-container">
-      <RobotDetailCard v-if="isRobot" :token="EDITOR_KEY" :current="current.id" />
+      <RobotDetailCard v-if="isRobot" :key="current.id" :token="EDITOR_KEY" :current="current.id" />
       <PointDetailCard
         v-if="isPoint"
         :token="EDITOR_KEY"