From 4e88c21bdaf4e7ec47c5af841f5252ded8500279 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Thu, 6 Nov 2025 16:03:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0TabPage=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=A0=B7=E5=BC=8F=E5=B9=B6=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?Area.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/Area.vue | 36 ++++++++++++++++++-
 .../Robot/Web/src/DockLayout/TabPage.vue      |  1 +
 .../Robot/Web/src/DockLayout/ToDoList.md      |  1 +
 3 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
index 9965b17..785ada9 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
@@ -92,7 +92,41 @@
       <!-- 内容区域 -->
       <div class="vs-content">
         <!-- 这里是内容区域，使用slot接收子组件，并监听Panel的maximize事件 -->
-        <slot @maximize="onPanelMaximize"></slot>
+        <slot @maximize="onPanelMaximize"></slot>        
+        <svg width="41" height="41" viewBox="0 0 40 40" aria-hidden="true">
+          <defs>
+            <linearGradient 
+              id="lightGradient" 
+              x1="0%" y1="0%"
+              x2="100%" y2="100%">
+              <stop offset="0%" stop-color="#DCE3F5" /> <!-- 高光色（比原色亮2个色阶） -->
+              <stop offset="100%" stop-color="#B7BED1" /> <!-- 阴影色（比原色暗2个色阶） -->
+            </linearGradient>
+          </defs>
+          <path
+            fill="#61697E"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0 0 L40 0 L40 40 L0 40 Z
+              M1 1 L39 1 L39 39 L1 39 Z" />
+          <path
+            fill="#A1A9C4"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M1 1 L39 1 L39 39 L1 39 Z
+              M4 5 L5 4 L35 4 L36 5 L36 35 L35 36 L5 36 L4 35 Z" />
+          <path
+            fill="#7E869C"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M4 5 L5 4 L35 4 L36 5 L36 35 L35 36 L5 36 L4 35 Z
+                M6 7 L7 6 L33 6 L34 7 L34 33 L33 34 L7 34 L6 33 Z" />
+          <path
+            fill="url(#lightGradient)"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M6 7 L7 6 L33 6 L34 7 L34 33 L33 34 L7 34 L6 33 Z" />
+        </svg>
       </div>
     </div>
   </div>
diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index a09ead0..bf90736 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -199,6 +199,7 @@ const onTabDragEnd = () => {
   border-top-color: #0078d7;
   color: #000000;
   font-weight: 500;
+  cursor: move;
 }
 
 .tab-item:hover {
diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md b/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md
index db562a6..7479dce 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md
@@ -17,6 +17,7 @@
 3. 当TabPage的页标签被选中时，背景颜色为#F5CC84，文字颜色为#000000。
 4. 当TabPage的页标签未被选中时，背景颜色与Area的背景颜色相同，文字颜色为#FFFFFF。
 5. 当TabPage的页标签被选中时，激活的页标签不显示关闭按钮。
+6. 当TabPage的页标签被选中时，鼠标显示为移动，否则显示为手型。
 
 ### Panel
 1. 填充满父容器。