From 07be8988ea704dfeac51be0ecffe71b94def079a Mon Sep 17 00:00:00 2001
From: AutoRobot Dev <autobot@example.local>
Date: Sun, 2 Nov 2025 17:19:53 +0700
Subject: [PATCH] =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E6=8F=90=E4=BA=A4=EF=BC=9A?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=AE=E5=8A=A8=E5=8C=BA=E5=9F=9F=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BD=BF=E7=94=A8Area?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=9B=BF=E4=BB=A3Panel=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Robot/Web/src/DockLayout/DockLayout.vue   | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
index 4e80602..a826963 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
@@ -2,7 +2,30 @@
   <div class="dock-layout">
     <!-- 主区域 -->
     <Area :WindowState="windowState" :showTitleBar="false" title="主区域" />
-   </div>
+    
+    <!-- 浮动区域列表 -->
+    <div
+      v-for="area in floatingAreas"
+      :key="area.id"
+      class="floating-area"
+      :style="{
+        left: area.x + 'px',
+        top: area.y + 'px',
+        width: area.width + 'px',
+        height: area.height + 'px'
+      }"
+    >
+      <Area
+        :id="area.id"
+        :title="area.title"
+        :WindowState="'正常'"
+        :showTitleBar="true"
+        :width="area.width"
+        :height="area.height"
+        @close="onCloseFloatingArea(area.id)"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup>
@@ -83,6 +106,16 @@ defineExpose({
   overflow: hidden;
 }
 
+/* 浮动区域样式 */
+.floating-area {
+  position: absolute;
+  z-index: 10;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  background-color: #fff;
+  overflow: hidden;
+}
+
 /* 添加浮动区域按钮样式 */
 .add-floating-btn {
   font-size: 14px;