From ff556ce1ec29d9122018b4242b854627964c8681 Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Thu, 17 Oct 2024 18:18:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A6=96=E9=A1=B5=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 9404fdf8..c7181483 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -2,17 +2,16 @@
 import {
   defineAsyncComponent,
   onMounted,
+  ref,
   shallowRef,
   type Component,
 } from 'vue';
 import { getConfigKey, changeValue } from '@/api/system/config';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 
-const currentComponent = shallowRef<Component | null>(
-  defineAsyncComponent(
-    () => import('@/views/configManage/neOverview/index.vue')
-  )
-);
+const currentComponent = shallowRef<Component | null>(null);
+
+const spinning = ref<boolean>(true);
 
 /**匹配views里面所有的.vue或.tsx文件 */
 const views = import.meta.glob('../views/**/*.{vue,tsx}') as Record<
@@ -36,24 +35,43 @@ function findView(dirName: string): () => Promise<Component> {
       return views[dir];
     }
   }
-  return () => import('@/views/error/404.vue');
+  return () => import('@/views/configManage/neOverview/index.vue');
 }
 
 onMounted(() => {
   //获取当前系统设置的首页路径
   getConfigKey('sys.homePage').then(res => {
+    spinning.value = false;
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
+      console.log(spinning);
       if (res.data) {
         const asyncComponent = findView(`${res.data}`);
         currentComponent.value = defineAsyncComponent(asyncComponent);
       }
+    } else {
+      currentComponent.value = defineAsyncComponent(
+        () => import('@/views/configManage/neOverview/index.vue')
+      );
     }
   });
 });
 </script>
 
 <template>
-  <component :is="currentComponent" />
+  <a-spin
+    size="large"
+    :spinning="spinning"
+    style="
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      min-height: 362px;
+    "
+  >
+    <component :is="currentComponent" />
+  </a-spin>
 </template>
 
 <style lang="less" scoped></style>