From a1e126c471645d15d1b9f3776830dd11976e469c Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Wed, 20 Aug 2025 10:54:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=89=A9=E5=B1=95=E4=BB=BB=E5=8A=A1=E6=93=8D=E4=BD=9C=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=BB=E5=8A=A1=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/scene/type.ts                    |  4 +-
 src/components/card/point-detail-card.vue | 75 ++++++++++++++++-------
 2 files changed, 55 insertions(+), 24 deletions(-)

diff --git a/src/apis/scene/type.ts b/src/apis/scene/type.ts
index 8984de1..269381f 100644
--- a/src/apis/scene/type.ts
+++ b/src/apis/scene/type.ts
@@ -170,8 +170,8 @@ export interface BinTaskOperation {
 }
 
 export interface BinTaskItem {
-  Load?: BinTaskOperation;
-  Unload?: BinTaskOperation;
+  // 支持任意任务类型的动态扩展
+  [key: string]: BinTaskOperation | undefined;
 }
 
 export interface BinLocationProperty {
diff --git a/src/components/card/point-detail-card.vue b/src/components/card/point-detail-card.vue
index 76031b5..bd67a75 100644
--- a/src/components/card/point-detail-card.vue
+++ b/src/components/card/point-detail-card.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { MapAreaType, type MapPen, type MapPointInfo, MapPointType, type Rect } from '@api/map';
-import type { BinLocationGroup, BinLocationsList, BinTaskItem, StorageLocationInfo } from '@api/scene';
+import type {
+  BinLocationGroup,
+  BinLocationsList,
+  BinTaskItem,
+  BinTaskOperation,
+  StorageLocationInfo,
+} from '@api/scene';
 import type { EditorService } from '@core/editor.service';
 import sTheme from '@core/theme.service';
 import { isNil } from 'lodash-es';
@@ -96,6 +102,42 @@ const parseBinTask = (binTaskString: string): BinTaskItem[] => {
   }
 };
 
+// 获取任务中的所有操作
+const getTaskOperations = (task: BinTaskItem) => {
+  if (!task || typeof task !== 'object') return {};
+
+  const operations: Record<string, BinTaskOperation> = {};
+
+  // 遍历任务对象的所有属性，查找操作对象
+  for (const [key, value] of Object.entries(task)) {
+    if (value && typeof value === 'object' && 'operation' in value) {
+      operations[key] = value as BinTaskOperation;
+    }
+  }
+
+  return operations;
+};
+
+// 获取操作类型的显示名称
+const getOperationDisplayName = (operationType: string): string => {
+  const operationNames: Record<string, string> = {
+    Load: '装载',
+    JackLoad: '装载',
+    Unload: '卸载',
+    JackUnload: '卸载',
+    Move: '移动',
+    Pick: '拾取',
+    Place: '放置',
+    Scan: '扫描',
+    Check: '检查',
+    Wait: '等待',
+    Charge: '充电',
+    Clean: '清理',
+  };
+
+  return operationNames[operationType] || operationType || '未知操作';
+};
+
 // 获取当前动作点对应的库位任务数据
 const binTaskData = computed(() => {
   try {
@@ -254,31 +296,20 @@ const binTaskData = computed(() => {
                 <a-typography-text class="bin-location-name">{{ binLocation.instanceName }}</a-typography-text>
                 <div class="bin-tasks">
                   <div v-for="(task, taskIndex) in binLocation.binTasks" :key="taskIndex" class="bin-task-item">
-                    <div v-if="task && task.Load && typeof task.Load === 'object'" class="task-operation">
-                      <a-typography-text class="operation-title">装载</a-typography-text>
+                    <div
+                      v-for="(operation, operationType) in getTaskOperations(task)"
+                      :key="operationType"
+                      class="task-operation"
+                    >
+                      <a-typography-text class="operation-title">
+                        {{ getOperationDisplayName(operationType) }}
+                      </a-typography-text>
                       <div class="operation-summary">
-                        <span class="operation-type">{{ task.Load.operation || '未知操作' }}</span>
+                        <span class="operation-type">{{ operation.operation || '未知操作' }}</span>
                         <div class="operation-tooltip">
                           <i class="icon detail" />
                           <div class="tooltip-content">
-                            <div v-for="(value, key) in task.Load" :key="key" class="detail-item">
-                              <span class="detail-key">{{ key }}:</span>
-                              <span class="detail-value">
-                                {{ typeof value === 'boolean' ? (value ? '是' : '否') : (value ?? '未知') }}
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div v-if="task && task.Unload && typeof task.Unload === 'object'" class="task-operation">
-                      <a-typography-text class="operation-title">卸载</a-typography-text>
-                      <div class="operation-summary">
-                        <span class="operation-type">{{ task.Unload.operation || '未知操作' }}</span>
-                        <div class="operation-tooltip">
-                          <i class="icon detail" />
-                          <div class="tooltip-content">
-                            <div v-for="(value, key) in task.Unload" :key="key" class="detail-item">
+                            <div v-for="(value, key) in operation" :key="key" class="detail-item">
                               <span class="detail-key">{{ key }}:</span>
                               <span class="detail-value">
                                 {{ typeof value === 'boolean' ? (value ? '是' : '否') : (value ?? '未知') }}