fix(scene-editor): 优化场景加载逻辑，增加导入状态管理，改善用户体验

src/pages/scene-editor.vue

@@ -60,6 +60,8 @@ const normalizeSceneJson = (raw: unknown): unknown => {
 
 //#region 接口
 const readScene = async () => {
+  isImporting.value = true;
+  try {
     const res = await getSceneById(props.id);
     title.value = res?.label ?? '';
     const sceneJson = normalizeSceneJson(res?.json);
@@ -98,6 +100,9 @@ const readScene = async () => {
       previousFloorIndex.value = 0;
       editor.value?.load('{}', editable.value, undefined, false);
     }
+  } finally {
+    isImporting.value = false;
+  }
 };
 
 type SaveScenePayload = {
@@ -208,6 +213,8 @@ const isMultiFloor = computed(() => floorScenes.value.length > 1);
 const requireImportTransform = ref(false);
 // 新增：逐楼层是否需要反向坐标转换的标记（与 floorScenes 对齐）
 const floorImportFlags = ref<boolean[]>([]);
+// 新增：导入场景时的加载状态
+const isImporting = ref(false);
 
 onMounted(() => {
   document.title = '场景编辑器';
@@ -345,6 +352,7 @@ const openImportModal = () => {
 };
 
 const handleImportConfirm = async () => {
+  isImporting.value = true;
   try {
     /* NORMAL_IMPORT_DISABLED
     if (importMode.value === 'normal') {
@@ -417,7 +425,7 @@ const handleImportConfirm = async () => {
           console.log('[MapConverter] OriginalProperties by floor:', OriginalProperties.value);
           console.log('[MapConverter] Request payload (object):', payload);
           console.log('[MapConverter] Request payload (JSON):', JSON.stringify(payload, null, 2));
-          message.info('已在控制台打印请求参数');
+          // message.info('已在控制台打印请求参数');
         } catch {
           //
         }
@@ -496,10 +504,13 @@ const handleImportConfirm = async () => {
   } catch (error) {
     console.error('导入失败:', error);
     message.error(`导入失败: ${(error as Error).message || '请检查文件格式或内容。'}`);
+  } finally {
+    isImporting.value = false;
   }
 };
 
 const processAndLoadSceneData = async (sceneData: any) => {
+  isImporting.value = true;
   try {
     // 检查导入的数据是数组（多楼层）还是对象（单楼层）
     if (Array.isArray(sceneData)) {
@@ -552,12 +563,16 @@ const processAndLoadSceneData = async (sceneData: any) => {
     message.error('导入失败：文件不是有效的JSON格式或数据无法加载。');
     // 抛出错误以确保上层可以捕获
     throw error;
+  } finally {
+    isImporting.value = false;
   }
 };
 
 const importSmapModalVisible = ref(false);
 
 const handleImportSmapConfirm = async ({ smapFile, keepProperties }: { smapFile: File; keepProperties: boolean }) => {
+  isImporting.value = true;
+  try {
     let sceneJson: string | null = null;
     if (keepProperties) {
       // Update mode
@@ -580,6 +595,12 @@ const handleImportSmapConfirm = async ({ smapFile, keepProperties }: { smapFile:
       requireImportTransform.value = true;
       editor.value?.load(sceneJson, editable.value, undefined, requireImportTransform.value);
     }
+  } catch (error) {
+    console.error('导入 SMAP 文件失败:', error);
+    message.error('导入 SMAP 文件失败');
+  } finally {
+    isImporting.value = false;
+  }
 };
 
 const importBinTask = async () => {
@@ -748,7 +769,7 @@ const handleFloorChange = async (value: any) => {
           </a-button>
           <a-button @click="toPush">{{ $t('推送') }}</a-button>
 
-          <a-dropdown-button @click="openImportModal" :loading="isConverting">
+          <a-dropdown-button @click="openImportModal" :loading="isConverting || isImporting">
             {{ $t('导入') }}
             <template #overlay>
               <a-menu>
@@ -929,7 +950,7 @@ const handleFloorChange = async (value: any) => {
         <span class="hint-text">* 多文件仅支持 smap；请确保 floors 连续且类型与后缀一致</span>
         <a-space>
           <a-button @click="importModalVisible = false">取消</a-button>
-          <a-button type="primary" @click="handleImportConfirm">导入</a-button>
+          <a-button type="primary" @click="handleImportConfirm" :loading="isImporting">导入</a-button>
         </a-space>
       </div>
     </div>
@@ -1079,6 +1100,7 @@ const handleFloorChange = async (value: any) => {
   padding: 16px;
   border-radius: 4px;
   margin-bottom: 16px;
+
   &:last-child {
     margin-bottom: 0;
   }
@@ -1087,5 +1109,8 @@ html[theme='dark'] {
   .sider-toggle {
     background-color: #5a5d5e;
   }
+  .floor-uploader-item {
+    border: 1px solid #141414;
+  }
 }
 </style>