From 145b82ecf9a0681e38c52c0c70a71155fd2e0c36 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Fri, 7 Nov 2025 14:44:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9DockLayout.vue=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=B8=BB=E5=8C=BA=E5=9F=9F=E5=92=8C=E6=B5=AE?=
 =?UTF-8?q?=E5=8A=A8=E5=8C=BA=E5=9F=9F=E7=9A=84=E5=AE=9A=E4=BD=8D=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=AE=9E=E7=8E=B0=E5=B1=82=E5=8F=A0=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Robot/Web/src/DockLayout/DockLayout.vue   | 111 ++++++++++--------
 1 file changed, 59 insertions(+), 52 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
index 5dfa6db..274cf02 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/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>