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;