From b42e317ddd4fe5363f29a7dd7693aca8567aeac6 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Fri, 14 Nov 2025 10:05:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3DockIndicator.vue=E4=B8=AD?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E6=8C=87=E7=A4=BA=E5=99=A8=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20-=20=E4=BD=BF=E7=94=A8=E6=AD=A3=E7=A1=AE?=
 =?UTF-8?q?=E7=9A=84shared-area=E5=9B=BE=E6=A0=87=E6=9B=BF=E4=BB=A3shared-?=
 =?UTF-8?q?icon=E6=97=8B=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Web/src/DockLayout/DockIndicator.vue      | 250 ++++++------------
 1 file changed, 86 insertions(+), 164 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
index c29f791..109723e 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
@@ -67,84 +67,6 @@
     
 
     
-    <!-- 右区指示 -->
-    <svg 
-      width="41" 
-      height="41" 
-      viewBox="0 0 40 40" 
-      aria-hidden="false" 
-    >
-      <use xlink:href="#shared-area" />
-      <path
-        fill="url(#Area)"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M20 14 L30 14 L30 30 L20 30 Z" />
-      <path
-        d="M20 14 L20 30"
-        stroke="#4C5E83"
-        stroke-dasharray="2,2"
-        stroke-width="1"
-        fill="none" />
-      <path
-        fill="#F0F2F6"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M10 14 L19 14 L19 30 L10 30 Z" />
-    </svg>
-    
-    <!-- 下区指示 -->
-    <svg 
-      width="41" 
-      height="41" 
-      viewBox="0 0 40 40" 
-      aria-hidden="false" 
-    >
-      <use xlink:href="#shared-area" />
-      <path
-        fill="url(#Area)"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M10 21 L30 21 L30 30 L10 30 Z" />
-      <path
-        d="M10 21 L30 21"
-        stroke="#4C5E83"
-        stroke-dasharray="2,2"
-        stroke-width="1"
-        fill="none" />
-      <path
-        fill="#F0F2F6"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M10 13 L30 13 L30 20 L10 20 Z" />
-    </svg>
-    
-    <!-- 左区指示 -->
-    <svg 
-      width="41" 
-      height="41" 
-      viewBox="0 0 40 40" 
-      aria-hidden="false" 
-    >
-      <use xlink:href="#shared-area" />
-      <path
-        fill="url(#Area)"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M10 14 L19 14 L19 30 L10 30 Z" />
-      <path
-        d="M20 14 L20 30"
-        stroke="#4C5E83"
-        stroke-dasharray="2,2"
-        stroke-width="1"
-        fill="none" />
-      <path
-        fill="#F0F2F6"
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M20 14 L30 14 L30 30 L20 30 Z" />
-    </svg>
-    
     <!-- 上指示：根据activeDockZone状态显示和高亮 -->
     <svg 
       width="41" 
@@ -208,100 +130,100 @@
           fill-rule="evenodd"
           clip-rule="evenodd"
           d="M10 13 L30 13 L30 20 L10 20 Z" />
+        <path
+          fill="#F0F2F6"
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M10 20 L30 20 L30 30 L10 30 Z" />
         <path
           d="M10 20 L30 20"
           stroke="#4C5E83"
           stroke-dasharray="2,2"
           stroke-width="1"
           fill="none" />
-        <path
-          fill="#F0F2F6"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 21 L30 21 L30 30 L10 30 Z" />
       </svg>
 
-      <!-- 左区指示 -->
-      <svg 
-        width="41" 
-        height="41" 
-        viewBox="0 0 40 40" 
-        aria-hidden="false" 
-        class="dock-left-area"
-      >
-        <use xlink:href="#shared-area" />
-        <path
-          fill="url(#Area)"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 13 L30 13 L30 20 L10 20 Z" />
-        <path
-          d="M10 20 L30 20"
-          stroke="#4C5E83"
-          stroke-dasharray="2,2"
-          stroke-width="1"
-          fill="none" />
-        <path
-          fill="#F0F2F6"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 21 L30 21 L30 30 L10 30 Z" />
-      </svg>
-
-      <!-- 右区指示 -->
-      <svg 
-        width="41" 
-        height="41" 
-        viewBox="0 0 40 40" 
-        aria-hidden="false" 
-        class="dock-right-area"
-      >
-        <use xlink:href="#shared-area" />
-        <path
-          fill="url(#Area)"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 13 L30 13 L30 20 L10 20 Z" />
-        <path
-          d="M10 20 L30 20"
-          stroke="#4C5E83"
-          stroke-dasharray="2,2"
-          stroke-width="1"
-          fill="none" />
-        <path
-          fill="#F0F2F6"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 21 L30 21 L30 30 L10 30 Z" />
-      </svg>
-
-      <!-- 下区指示 -->
-      <svg 
-        width="41" 
-        height="41" 
-        viewBox="0 0 40 40" 
-        aria-hidden="false" 
-        class="dock-bottom-area"
-      >
-        <use xlink:href="#shared-area" />
-        <path
-          fill="url(#Area)"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 13 L30 13 L30 20 L10 20 Z" />
-        <path
-          d="M10 20 L30 20"
-          stroke="#4C5E83"
-          stroke-dasharray="2,2"
-          stroke-width="1"
-          fill="none" />
-        <path
-          fill="#F0F2F6"
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M10 21 L30 21 L30 30 L10 30 Z" />
-      </svg>
-      
+    <!-- 右区指示 -->
+    <svg 
+      width="41" 
+      height="41" 
+      viewBox="0 0 40 40" 
+      aria-hidden="false" 
+      class="dock-right-area"
+    >
+      <use xlink:href="#shared-area" />
+      <path
+        fill="url(#Area)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M20 14 L30 14 L30 30 L20 30 Z" />
+      <path
+        fill="#F0F2F6"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10 14 L20 14 L20 30 L10 30 Z" />
+      <path
+        d="M20 14 L20 30"
+        stroke="#4C5E83"
+        stroke-dasharray="2,2"
+        stroke-width="1"
+        fill="none" />
+    </svg>
+    
+    <!-- 下区指示 -->
+    <svg 
+      width="41" 
+      height="41" 
+      viewBox="0 0 40 40" 
+      aria-hidden="false" 
+      class="dock-bottom-area"
+    >
+      <use xlink:href="#shared-area" />
+      <path
+        fill="url(#Area)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10 21 L30 21 L30 30 L10 30 Z" />
+      <path
+        fill="#F0F2F6"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10 13 L30 13 L30 21 L10 21 Z" />
+      <path
+        d="M10 21 L30 21"
+        stroke="#4C5E83"
+        stroke-dasharray="2,2"
+        stroke-width="1"
+        fill="none" />
+    </svg>
+    
+    <!-- 左区指示 -->
+    <svg 
+      width="41" 
+      height="41" 
+      viewBox="0 0 40 40" 
+      aria-hidden="false" 
+      class="dock-left-area"
+    >
+      <use xlink:href="#shared-area" />
+      <path
+        fill="url(#Area)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10 14 L20 14 L20 30 L10 30 Z" />
+      <path
+        fill="#F0F2F6"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M20 14 L30 14 L30 30 L20 30 Z" />
+      <path
+        d="M20 14 L20 30"
+        stroke="#4C5E83"
+        stroke-dasharray="2,2"
+        stroke-width="1"
+        fill="none" />
+    </svg>
+    
       <!-- 中心指示区上方指示器：位于中心指示区上边缘，距离上边框5像素 -->
       <svg 
         width="41"