From 61926fd195eb06e8f4376597f7c18568aefe666a Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Wed, 5 Nov 2025 09:02:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0DockLayout.vue=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0TabPage=E7=BB=84=E4=BB=B6=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E5=92=8C=E5=B5=8C=E5=A5=97=E6=B8=B2=E6=9F=93=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=EF=BC=8C=E7=A1=AE=E4=BF=9DTabPage=E8=83=BD=E6=AD=A3=E7=A1=AE?=
 =?UTF-8?q?=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   | 43 +++++++++++--------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
index dfa05eb..0ddbde1 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
@@ -21,23 +21,31 @@
       @close="onCloseFloatingArea(area.id)"
       @update:position="onUpdatePosition(area.id, $event)"
     >
-      <!-- 每个Area内渲染其包含的Panels -->
-      <Panel
-        v-for="panel in area.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"
-      />
+      <!-- 每个Area内渲染其包含的TabPages -->
+      <TabPage
+        v-for="tabPage in area.tabPages"
+        :key="tabPage.id"
+        :id="tabPage.id"
+        :title="tabPage.title"
+      >
+        <!-- 在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>
     
     <!-- 主区域 -->
@@ -54,6 +62,7 @@
 import { ref, defineExpose, nextTick, watch } from 'vue'
 import Area from './Area.vue';
 import Panel from './Panel.vue';
+import TabPage from './TabPage.vue';
 
 // 主区域状态
 const windowState = ref('最大化')