feat: 添加场景保存功能,优化推送确认流程,确保场景修改在推送前自动保存

This commit is contained in:
xudan 2025-06-20 10:25:56 +08:00
parent cc919b23e3
commit 4774f55476

View File

@ -1,5 +1,5 @@
<script setup lang="ts">
import { getSceneById, pushSceneById } from '@api/scene';
import { getSceneById, pushSceneById, saveSceneById } from '@api/scene';
import { EditorService } from '@core/editor.service';
import { decodeTextFile, downloadFile, selectFile, textToBlob } from '@core/utils';
import { message, Modal } from 'ant-design-vue';
@ -24,12 +24,30 @@ const readScene = async () => {
editor.value?.load(res?.json, editable.value);
};
const saveScene = async () => {
const json = editor.value?.save();
if (!json) return Promise.reject('无法获取场景数据');
const res = await saveSceneById(props.id, json);
if (!res) return Promise.reject('保存失败');
//
if (editor.value?.store) {
editor.value.store.historyIndex = undefined;
editor.value.store.histories = [];
}
message.success(t('场景保存成功'));
return Promise.resolve();
};
const pushScene = async () => {
const res = await pushSceneById(props.id);
if (!res) return Promise.reject();
message.success(t('场景推送成功'));
return Promise.resolve();
};
//#endregion
const title = ref<string>('');
@ -49,16 +67,24 @@ onMounted(() => {
const editable = ref<boolean>(false);
watch(editable, (v) => editor.value?.setState(v));
const toPush = () =>
const toPush = () => {
Modal.confirm({
class: 'confirm',
title: t('您确定要推送该场景文件至数据库吗'),
content: t('请确保当前场景已经保存,否则可能导致推送的文件版本不正确。'),
title: t('是否保存并推送该场景文件'),
content: t('推送前会先保存当前场景的所有修改。'),
centered: true,
cancelText: t('返回'),
okText: t('推送'),
onOk: async () => await pushScene(),
cancelText: t('取消'),
okText: t('保存并推送'),
onOk: async () => {
try {
await saveScene();
await pushScene();
} catch (error) {
console.error('保存或推送失败:', error);
}
},
});
};
const importScene = async () => {
const file = await selectFile('.scene');