单Area,单tabpage，双Panel场景

2026-01-05 16:01:16 +08:00
parent 3a3fe14153
commit c781cda6de
1 changed files with 31 additions and 6 deletions
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
@@ -713,12 +713,37 @@ const addFloatingPanel = (panel) => {
    // 使用children结构以兼容Render组件的渲染逻辑
    children: {
      type: 'TabPage',
-      children: [{
-        ...safePanel,
-        id: `panel-${Date.now()}`,
-        title: safePanel.title || '新建面板',
-        type: 'Panel'
-      }]
+      children: [
+        {
+          ...safePanel,
+          id: `panel-${Date.now()}-1`,
+          title: panel?.title || '面板1',
+          type: 'Panel',
+          content: {
+            ...safePanel.content,
+            title: '面板1内容',
+            data: [
+              { id: 1, label: '面板1数据1', value: '数据1' },
+              { id: 2, label: '面板1数据2', value: '数据2' }
+            ]
+          }
+        },
+        {
+          ...safePanel,
+          id: `panel-${Date.now()}-2`,
+          title: '面板2',
+          type: 'Panel',
+          content: {
+            ...safePanel.content,
+            title: '面板2内容',
+            color: '#68217A',
+            data: [
+              { id: 3, label: '面板2数据1', value: '数据3' },
+              { id: 4, label: '面板2数据2', value: '数据4' }
+            ]
+          }
+        }
+      ]
    }
  }