修复添加浮动窗口功能：优化Panel组件状态同步和添加调试日志

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

@@ -76,17 +76,19 @@ const panelHost = ref(null);
 
 // 浮动面板列表
 const floatingPanels = ref([]);
-let nextPanelIdx = 1;
+// 使用响应式数据存储面板索引，确保正确更新
+const nextPanelIdx = ref(1);
 
 function addPanel(position) {
   console.log('[DockLayoutTest] addPanel clicked:', position);
 }
 
 function addFloatingPanel() {
+  console.log('[DockLayoutTest] addFloatingPanel called');
   // 复原截图样式的默认面板参数
   const defaultSize = { width: 300, height: 180 };
   const offset = 16;
-  const idx = nextPanelIdx++;
+  const idx = nextPanelIdx.value++;
   const panel = {
     id: 'float-' + idx,
     title: '输出',
@@ -98,7 +100,9 @@ function addFloatingPanel() {
     toolbarExpanded: false,
     maximized: false,
   };
+  console.log('[DockLayoutTest] Adding panel:', panel);
   floatingPanels.value.push(panel);
+  console.log('[DockLayoutTest] Panels after add:', floatingPanels.value.length);
 }
 
 function closePanel(id) {