feat: 添加场景保存功能,优化推送确认流程,确保场景修改在推送前自动保存
This commit is contained in:
parent
cc919b23e3
commit
4774f55476
@ -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');
|
||||
|
Loading…
x
Reference in New Issue
Block a user