修改DockLayout.vue，调整主区域和浮动区域的定位样式实现层叠显示

AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue

@@ -5,8 +5,9 @@
       :WindowState="windowState" 
       :showTitleBar="false" 
       title="主区域" 
-      :style="{ position: 'relative', zIndex: 1 }"
+      :style="{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', zIndex: 1 }"
     >
+    </Area>
     <!-- 浮动区域列表 -->
     <Area
       v-for="area in floatingAreas"
@@ -21,8 +22,15 @@
       :top="area.WindowState !== '最大化' ? area.y : undefined"
       :style="area.WindowState !== '最大化' ? {
         position: 'absolute',
-          zIndex: 10
+        zIndex: 10,
+        background: 'rgba(255, 255, 255, 1)',
+        border: '1px solid #4f72b3'
       } : {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
         zIndex: 100
       }"
       @close="onCloseFloatingArea(area.id)"
@@ -59,7 +67,6 @@
         />
       </TabPage>
     </Area>
-    </Area>
   </div>
 </template>