From b508d4393cac79fd0750f0d5e97a8eb6cb2ff42d Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Thu, 17 Oct 2024 19:44:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=B7=BB=E5=8A=A0=20?=
 =?UTF-8?q?=E5=8A=A0=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 | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 3eca3013..2291b8bb 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -4,6 +4,7 @@ import { getConfigKey } from '@/api/system/config';
 import {
   defineAsyncComponent,
   onMounted,
+  ref,
   shallowRef,
   type Component,
 } from 'vue';
@@ -14,6 +15,8 @@ import useRouterStore from '@/store/modules/router';
 const routerStore = useRouterStore();
 const currentComponent = shallowRef<Component | null>(null);
 
+const spinning = ref<boolean>(true);
+
 /**匹配views里面所有的.vue或.tsx文件 */
 const views = import.meta.glob('../views/**/*.{vue,tsx}') as Record<
   string,
@@ -50,11 +53,17 @@ onMounted(() => {
     useLayoutStore().changeConf('layout', 'mix');
     //获取当前系统设置的首页路径
     getConfigKey('sys.homePage').then(res => {
+      spinning.value = false;
+
       if (res.code === RESULT_CODE_SUCCESS && res.data) {
         if (res.data) {
           const asyncComponent = findView(`${res.data}`);
           currentComponent.value = defineAsyncComponent(asyncComponent);
         }
+      } else {
+        currentComponent.value = defineAsyncComponent(
+          () => import('@/views/configManage/neOverview/index.vue')
+        );
       }
     });
   }
@@ -62,6 +71,19 @@ onMounted(() => {
 </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>