修改DockLayout.vue：将浮动区域列表移动到主区域的内容区内显示

2025-11-05 16:40:27 +08:00
parent cad92346f9
commit b44d94a25e
1 changed files with 50 additions and 50 deletions
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
@@ -1,5 +1,12 @@
 <template>
  <div class="dock-layout" ref="dockLayoutRef">
+    <!-- 主区域 -->
+    <Area 
+      :WindowState="windowState" 
+      :showTitleBar="false" 
+      title="主区域" 
+      :style="{ position: 'relative', zIndex: 1 }"
+    >
      <!-- 浮动区域列表 -->
      <Area
        v-for="area in floatingAreas"
@@ -48,14 +55,7 @@
          />
        </TabPage>
      </Area>
-    
-    <!-- 主区域 -->
-    <Area 
-      :WindowState="windowState" 
-      :showTitleBar="false" 
-      title="主区域" 
-      :style="{ position: 'relative', zIndex: 1 }"
-    />
+    </Area>
  </div>
 </template>