feat: 添加场景保存功能,优化推送确认流程,确保场景修改在推送前自动保存
This commit is contained in:
parent
cc919b23e3
commit
4774f55476
@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { getSceneById, pushSceneById } from '@api/scene';
|
import { getSceneById, pushSceneById, saveSceneById } from '@api/scene';
|
||||||
import { EditorService } from '@core/editor.service';
|
import { EditorService } from '@core/editor.service';
|
||||||
import { decodeTextFile, downloadFile, selectFile, textToBlob } from '@core/utils';
|
import { decodeTextFile, downloadFile, selectFile, textToBlob } from '@core/utils';
|
||||||
import { message, Modal } from 'ant-design-vue';
|
import { message, Modal } from 'ant-design-vue';
|
||||||
@ -24,12 +24,30 @@ const readScene = async () => {
|
|||||||
editor.value?.load(res?.json, editable.value);
|
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 pushScene = async () => {
|
||||||
const res = await pushSceneById(props.id);
|
const res = await pushSceneById(props.id);
|
||||||
if (!res) return Promise.reject();
|
if (!res) return Promise.reject();
|
||||||
message.success(t('场景推送成功'));
|
message.success(t('场景推送成功'));
|
||||||
return Promise.resolve();
|
return Promise.resolve();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
//#endregion
|
//#endregion
|
||||||
|
|
||||||
const title = ref<string>('');
|
const title = ref<string>('');
|
||||||
@ -49,16 +67,24 @@ onMounted(() => {
|
|||||||
const editable = ref<boolean>(false);
|
const editable = ref<boolean>(false);
|
||||||
watch(editable, (v) => editor.value?.setState(v));
|
watch(editable, (v) => editor.value?.setState(v));
|
||||||
|
|
||||||
const toPush = () =>
|
const toPush = () => {
|
||||||
Modal.confirm({
|
Modal.confirm({
|
||||||
class: 'confirm',
|
class: 'confirm',
|
||||||
title: t('您确定要推送该场景文件至数据库吗?'),
|
title: t('是否保存并推送该场景文件?'),
|
||||||
content: t('请确保当前场景已经保存,否则可能导致推送的文件版本不正确。'),
|
content: t('推送前会先保存当前场景的所有修改。'),
|
||||||
centered: true,
|
centered: true,
|
||||||
cancelText: t('返回'),
|
cancelText: t('取消'),
|
||||||
okText: t('推送'),
|
okText: t('保存并推送'),
|
||||||
onOk: async () => await pushScene(),
|
onOk: async () => {
|
||||||
|
try {
|
||||||
|
await saveScene();
|
||||||
|
await pushScene();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('保存或推送失败:', error);
|
||||||
|
}
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const importScene = async () => {
|
const importScene = async () => {
|
||||||
const file = await selectFile('.scene');
|
const file = await selectFile('.scene');
|
||||||
|
Loading…
x
Reference in New Issue
Block a user