添加主面板

AutoRobot/Windows/Robot/Web/src/views/DockLayoutTest.vue

@@ -44,31 +44,14 @@
 
     <!-- 预留主区域（暂不放面板） -->
     <div ref="panelHost" class="flex-1 w-full h-[calc(100%-4rem)] relative bg-gray-100">
-      <!-- 浮动面板渲染区 - 使用Panel组件 -->
-      <Panel
-        v-for="panel in floatingPanels"
-        :key="panel.id"
-        :panel="panel"
-        :hostRef="panelHost"
-        @close="closePanel"
-        @toggleCollapse="toggleCollapse"
-        @toggleToolbar="toggleToolbarExpand"
-        @maximize="maximizePanel"
-      >
-        <template #content>
-          <!-- 面板内容区域 -->
-          <div class="p-4">
-            <div class="text-center text-gray-500 text-sm">面板内容区域 - {{ panel.id }}</div>
-          </div>
-        </template>
-      </Panel>
+      <DockLayout />
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-import Panel from '../DockLayout/Panel.js';
+import DockLayout from '../DockLayout/DockLayout.vue';
 
 // 顶部控制栏按钮的引用
 const layoutFileInput = ref(null);