From 1fe2df5fc66e89f7d10c2af0cea90d4c250d0767 Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Thu, 11 Dec 2025 14:59:03 +0800
Subject: [PATCH] =?UTF-8?q?refactor(elevator):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=B5=E6=A2=AF=E7=8A=B6=E6=80=81=E6=B8=B2=E6=9F=93=E9=85=8D?=
 =?UTF-8?q?=E8=89=B2=E6=96=B9=E6=A1=88=EF=BC=8C=E7=BB=9F=E4=B8=80=E6=96=B9?=
 =?UTF-8?q?=E5=90=91=E6=8C=87=E7=A4=BA=E5=99=A8=E4=B8=BA=E7=BB=BF=E8=89=B2?=
 =?UTF-8?q?=E5=B9=B6=E7=AE=80=E5=8C=96drawElevatorMinimal=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/scene-editor.vue            |  2 +-
 src/services/editor/editor-drawers.ts | 53 ++++++++++++++-------------
 2 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/src/pages/scene-editor.vue b/src/pages/scene-editor.vue
index e87ac9b..eb00d18 100644
--- a/src/pages/scene-editor.vue
+++ b/src/pages/scene-editor.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // 门区域功能改造：由助手自动插入
-import { DOOR_AREA_TYPE } from '@api/map/door-area';
 import { MapPointType } from '@api/map';
+import { DOOR_AREA_TYPE } from '@api/map/door-area';
 import { message, Modal } from 'ant-design-vue';
 import JSZip from 'jszip';
 import { computed, onMounted, onUnmounted, provide, ref, type ShallowRef, shallowRef, watch } from 'vue';
diff --git a/src/services/editor/editor-drawers.ts b/src/services/editor/editor-drawers.ts
index 6e753fe..655d926 100644
--- a/src/services/editor/editor-drawers.ts
+++ b/src/services/editor/editor-drawers.ts
@@ -60,8 +60,10 @@ function drawDisconnectedIcon(ctx: CanvasRenderingContext2D, cx: number, cy: num
  * 3. 响应式设计：所有尺寸基于pen元素宽高动态计算，完美适配画布缩放
  * 4. 直观色彩：
  *    - 红色虚线：离线状态
- *    - 绿色静态：开关门状态或门已开
- *    - 蓝色静态边框+右侧箭头：上行/下行
+ *    - 蓝色虚线边框：开关门中状态
+ *    - 实线绿色边框：门已开状态
+ *    - 蓝色实线边框：门已关状态
+ *    - 绿色箭头：上行/下行方向指示
  *    - 金色：停止
  *    - 灰色：未知状态
  * 5. 静态箭头：上下行时在边框右侧显示静态箭头，简洁清晰
@@ -191,54 +193,54 @@ function drawElevatorMinimal(
 
 
 
-  // 状态渲染逻辑 - 静态显示，无动画
+  // 状态渲染逻辑 - 根据需求优化配色方案
   if (!isConnected) {
     // 离线状态 - 红色虚线
-    drawMinimalFrame('#FF3B30', 0.8, true);
+    drawMinimalFrame('#FF4757', 0.8, true);
   } else {
     // 在线状态根据具体状态渲染
     switch (elevatorFrontDoorStatus) {
-      case 2: { // 正在开关门
-        // 绿色静态边框，同时显示上行下行箭头
-        drawMinimalFrame('#34C759', 0.8);
+      case 2: { // 正在开关门 - 蓝色虚线边框 + 绿色箭头
+        // 蓝色虚线边框表示操作中
+        drawMinimalFrame('#69c6f5', 0.8, true);
         if (elevatorDirection === 2) { // 向上
-          drawDirectionSide('up', '#007AFF'); // 使用蓝色箭头
+          drawDirectionSide('up', '#00D26A'); // 绿色箭头
         } else if (elevatorDirection === 3) { // 向下
-          drawDirectionSide('down', '#007AFF'); // 使用蓝色箭头
+          drawDirectionSide('down', '#00D26A'); // 绿色箭头
         }
         break;
       }
 
-      case 3: { // 门已开
-        // 绿色静态边框，同时显示上行下行箭头
-        drawMinimalFrame('#34C759', 0.8);
+      case 3: { // 门已开 - 实线绿色边框 + 绿色箭头
+        // 实线绿色边框表示可通行状态
+        drawMinimalFrame('#00D26A', 0.8);
         if (elevatorDirection === 2) { // 向上
-          drawDirectionSide('up', '#007AFF'); // 使用蓝色箭头
+          drawDirectionSide('up', '#00D26A'); // 绿色箭头
         } else if (elevatorDirection === 3) { // 向下
-          drawDirectionSide('down', '#007AFF'); // 使用蓝色箭头
+          drawDirectionSide('down', '#00D26A'); // 绿色箭头
         }
         break;
       }
 
-      case 1: { // 门已关
+      case 1: { // 门已关 - 根据方向显示
         if (elevatorDirection === 2) { // 向上
-          // 蓝色静态边框 + 右侧向上箭头
-          drawMinimalFrame('#007AFF', 0.8);
-          drawDirectionSide('up', '#007AFF');
+          // 蓝色边框 + 绿色向上箭头
+          drawMinimalFrame('#69c6f5', 0.8);
+          drawDirectionSide('up', '#00D26A'); // 绿色箭头
         } else if (elevatorDirection === 3) { // 向下
-          // 蓝色静态边框 + 右侧向下箭头
-          drawMinimalFrame('#007AFF', 0.8);
-          drawDirectionSide('down', '#007AFF');
+          // 蓝色边框 + 绿色向下箭头
+          drawMinimalFrame('#69c6f5', 0.8);
+          drawDirectionSide('down', '#00D26A'); // 绿色箭头
         } else { // 停止
-          // 金色静态边框
-          drawMinimalFrame('#FFCC00', 0.7);
+          // 金色静态边框 - 中性状态
+          drawMinimalFrame('#FFB700', 0.7);
         }
         break;
       }
 
       default: { // 未知状态
         // 灰色静态边框
-        drawMinimalFrame('#8E8E93', 0.5);
+        drawMinimalFrame('#8B8B8B', 0.5);
         break;
       }
     }
@@ -483,8 +485,7 @@ export function drawPoint(ctx: CanvasRenderingContext2D, pen: MapPen): void {
       if (type === MapPointType.电梯点) {
         // 直接传入包含后端字段的 pen.point 数据
         if (pen.point) {
-          const currentTime = performance.now();
-          drawElevatorMinimal(ctx, pen, pen.point, currentTime);
+          drawElevatorMinimal(ctx, pen, pen.point);
         }
       }
       break;