From 294120d6cbb0ac2deed3b4e5f161a8e7b9a34cf0 Mon Sep 17 00:00:00 2001
From: AutoRobot Dev <autobot@example.local>
Date: Sat, 1 Nov 2025 15:34:02 +0700
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/Area.vue | 20 ++++++++++++-------
 .../Robot/Web/src/DockLayout/DockLayout.vue   |  2 +-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
index 3fd8e26..878f5c3 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
@@ -2,7 +2,7 @@
   <div class="vs-area-wrapper">
     <div class="vs-area select-none" :class="{ 'is-maximized': isMaximized }" :style="areaStyle">
     <!-- 顶部标题栏 -->
-    <div class="vs-title-bar">
+    <div v-if="showTitleBar" class="vs-title-bar">
       <div class="vs-title-left">
         <div class="vs-app-icon" aria-label="AppIcon">
           <svg class="vs-icon" viewBox="0 0 22.4 22.4" aria-hidden="true">
@@ -67,7 +67,7 @@
 </template>
 
 <script setup>
-import { defineProps, computed, defineEmits } from 'vue'
+import { defineProps, computed, defineEmits, ref } from 'vue'
 
 const props = defineProps({
   id: { type: String, required: true },
@@ -77,11 +77,16 @@ const props = defineProps({
   WindowState: { type: String, default: '正常' },
   // 新增：默认尺寸
   width: { type: Number, default: 300 },
-  height: { type: Number, default: 250 }
+  height: { type: Number, default: 250 },
+  // 新增：控制标题栏显示
+  showTitleBar: { type: Boolean, default: true }
 })
 
-// 根据初始状态计算是否最大化
-const isMaximized = computed(() => props.WindowState === '最大化' || props.WindowState === 'maximized')
+// 本地状态：不再向父组件发事件，内部维护最大化/还原
+const localState = ref(props.WindowState)
+
+// 根据本地状态计算是否最大化
+const isMaximized = computed(() => localState.value === '最大化' || localState.value === 'maximized')
 
 // 新增：根据状态计算尺寸样式
 const areaStyle = computed(() => {
@@ -91,11 +96,12 @@ const areaStyle = computed(() => {
   return { width: `${props.width}px`, height: `${props.height}px` }
 })
 
-const emit = defineEmits(['update:WindowState', 'close'])
+const emit = defineEmits(['close'])
 
 const onToggleMaximize = () => {
   const next = isMaximized.value ? '正常' : '最大化'
-  emit('update:WindowState', next)
+  // 直接更新本地状态，不再 emit 到父组件
+  localState.value = next
 }
 
 const onClose = () => emit('close')
diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
index 8f5481c..6b3143f 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <Area :WindowState="windowState" @update:WindowState="handleUpdate" />
+  <Area :WindowState="windowState" :showTitleBar="false" />
 </template>
 
 <script setup>