From fbb266f97d0c098bdcd1217e05a13c303ca26274 Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Tue, 1 Jul 2025 19:24:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E5=9C=BA=E6=99=AF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E4=B8=AD=E6=96=B0=E5=A2=9E=E8=A7=86=E5=9B=BE?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E4=BF=9D=E5=AD=98=E4=B8=8E=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/scene-editor.vue | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/pages/scene-editor.vue b/src/pages/scene-editor.vue
index 9bfe6ac..172c0c3 100644
--- a/src/pages/scene-editor.vue
+++ b/src/pages/scene-editor.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { getSceneById, pushSceneById, saveSceneById } from '@api/scene';
 import { EditorService } from '@core/editor.service';
+import { useViewState } from '@core/useViewState';
 import { decodeTextFile, downloadFile, selectFile, textToBlob } from '@core/utils';
 import { message, Modal } from 'ant-design-vue';
 import { computed, watch } from 'vue';
@@ -52,7 +53,11 @@ const pushScene = async () => {
 const title = ref<string>('');
 watch(
   () => props.id,
-  () => readScene(),
+  async () => {
+    await readScene();
+    // 在场景加载完成后恢复视图状态
+    await handleRestoreViewState();
+  },
   { immediate: true, flush: 'post' },
 );
 
@@ -124,6 +129,32 @@ const selectRobot = (id: string) => {
   current.value = { type: 'robot', id };
   editor.value?.inactive();
 };
+
+// 视图状态管理
+const { saveViewState, restoreViewState, isSaving } = useViewState();
+
+// 保存当前视图状态
+const handleSaveViewState = async () => {
+  if (!editor.value) return;
+
+  try {
+    await saveViewState(editor.value, props.id);
+    message.success('视图状态保存成功');
+  } catch {
+    message.error('视图状态保存失败');
+  }
+};
+
+// 恢复视图状态
+const handleRestoreViewState = async () => {
+  if (!editor.value) return;
+
+  const restored = await restoreViewState(editor.value, props.id);
+  if (!restored) {
+    // 如果没有保存的状态，使用默认的centerView
+    editor.value.centerView();
+  }
+};
 </script>
 
 <template>
@@ -132,6 +163,7 @@ const selectRobot = (id: string) => {
       <a-flex justify="space-between" align="center">
         <a-typography-text class="title">{{ title }} --场景编辑</a-typography-text>
         <a-space align="center">
+          <a-button type="primary" :loading="isSaving" @click="handleSaveViewState"> 保存比例 </a-button>
           <a-button v-if="editable" class="warning" @click="editable = false">
             <i class="icon exit size-18 mr-8" />
             <span>{{ $t('退出编辑器') }}</span>