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

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

@@ -5,60 +5,67 @@
       :WindowState="windowState" 
       :showTitleBar="false" 
       title="主区域" 
-      :style="{ position: 'relative', zIndex: 1 }"
+      :style="{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', zIndex: 1 }"
     >
-      <!-- 浮动区域列表 -->
-      <Area
-        v-for="area in floatingAreas"
-        :key="area.id"
-        :id="area.id"
-        :title="area.title"
-        v-model:WindowState="area.WindowState"
-        :showTitleBar="true"
-        :width="area.width"
-        :height="area.height"
-        :left="area.WindowState !== '最大化' ? area.x : undefined"
-        :top="area.WindowState !== '最大化' ? area.y : undefined"
-        :style="area.WindowState !== '最大化' ? {
-          position: 'absolute',
-          zIndex: 10
-        } : {
-          zIndex: 100
-        }"
-        @close="onCloseFloatingArea(area.id)"
-        @update:position="onUpdatePosition(area.id, $event)"
-        @panelMaximizeSync="onPanelMaximizeSync"
+    </Area>
+    <!-- 浮动区域列表 -->
+    <Area
+      v-for="area in floatingAreas"
+      :key="area.id"
+      :id="area.id"
+      :title="area.title"
+      v-model:WindowState="area.WindowState"
+      :showTitleBar="true"
+      :width="area.width"
+      :height="area.height"
+      :left="area.WindowState !== '最大化' ? area.x : undefined"
+      :top="area.WindowState !== '最大化' ? area.y : undefined"
+      :style="area.WindowState !== '最大化' ? {
+        position: 'absolute',
+        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)"
+      @update:position="onUpdatePosition(area.id, $event)"
+      @panelMaximizeSync="onPanelMaximizeSync"
+    >
+      <!-- 每个Area内渲染其包含的TabPages -->
+      <TabPage
+        v-for="tabPage in area.tabPages"
+        :key="tabPage.id"
+        :id="tabPage.id"
+        :title="tabPage.title"
+        :panels="tabPage.panels"
+        @tabDragStart="onTabDragStart(area.id, $event)"
+        @tabDragMove="onTabDragMove(area.id, $event)"
+        @tabDragEnd="onTabDragEnd"
       >
-        <!-- 每个Area内渲染其包含的TabPages -->
-        <TabPage
-          v-for="tabPage in area.tabPages"
-          :key="tabPage.id"
-          :id="tabPage.id"
-          :title="tabPage.title"
-          :panels="tabPage.panels"
-          @tabDragStart="onTabDragStart(area.id, $event)"
-          @tabDragMove="onTabDragMove(area.id, $event)"
-          @tabDragEnd="onTabDragEnd"
-        >
-          <!-- 在TabPage内渲染其包含的Panels -->
-          <Panel
-            v-for="panel in tabPage.panels"
-            :key="panel.id"
-            :id="panel.id"
-            :title="panel.title"
-            :collapsed="panel.collapsed"
-            :toolbarExpanded="panel.toolbarExpanded"
-            :maximized="panel.maximized"
-            @toggleCollapse="onToggleCollapse"
-            @maximize="onMaximize"
-            @close="onClosePanel(area.id, panel.id)"
-            @toggleToolbar="onToggleToolbar"
-            @dragStart="onPanelDragStart(area.id, $event)"
-            @dragMove="onPanelDragMove(area.id, $event)"
-            @dragEnd="onPanelDragEnd"
-          />
-        </TabPage>
-      </Area>
+        <!-- 在TabPage内渲染其包含的Panels -->
+        <Panel
+          v-for="panel in tabPage.panels"
+          :key="panel.id"
+          :id="panel.id"
+          :title="panel.title"
+          :collapsed="panel.collapsed"
+          :toolbarExpanded="panel.toolbarExpanded"
+          :maximized="panel.maximized"
+          @toggleCollapse="onToggleCollapse"
+          @maximize="onMaximize"
+          @close="onClosePanel(area.id, panel.id)"
+          @toggleToolbar="onToggleToolbar"
+          @dragStart="onPanelDragStart(area.id, $event)"
+          @dragMove="onPanelDragMove(area.id, $event)"
+          @dragEnd="onPanelDragEnd"
+        />
+      </TabPage>
     </Area>
   </div>
 </template>