From 55456f92201462e2545985ccf0587664d38687ea Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Wed, 16 Oct 2024 19:28:05 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E4=B8=BB=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/index.vue b/src/views/index.vue
index 879caa03..9404fdf8 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,21 +1,51 @@
 <script setup lang="ts">
-import { defineAsyncComponent, onMounted, shallowRef } from 'vue';
+import {
+  defineAsyncComponent,
+  onMounted,
+  shallowRef,
+  type Component,
+} from 'vue';
 import { getConfigKey, changeValue } from '@/api/system/config';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 
-// 异步加载组件
-const currentComponent = shallowRef(
-  defineAsyncComponent(() => import('@/views/configManage/neOverview/index.vue'))
+const currentComponent = shallowRef<Component | null>(
+  defineAsyncComponent(
+    () => import('@/views/configManage/neOverview/index.vue')
+  )
 );
 
+/**匹配views里面所有的.vue或.tsx文件 */
+const views = import.meta.glob('../views/**/*.{vue,tsx}') as Record<
+  string,
+  () => Promise<Component>
+>;
+
+/**
+ * 查找页面模块
+ * @param dirName 组件路径
+ * @returns 路由懒加载函数
+ */
+function findView(dirName: string): () => Promise<Component> {
+  for (const dir in views) {
+    let viewDirName = '';
+    const component = dir.match(/\/(.+)\.(vue|tsx)/);
+    if (component && component.length === 3) {
+      viewDirName = component[1];
+    }
+    if (viewDirName === dirName) {
+      return views[dir];
+    }
+  }
+  return () => import('@/views/error/404.vue');
+}
+
 onMounted(() => {
   //获取当前系统设置的首页路径
   getConfigKey('sys.homePage').then(res => {
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
       if (res.data) {
-        currentComponent.value = defineAsyncComponent(
-          () => import(`./${res.data}.vue`)
-        );
+        const asyncComponent = findView(`${res.data}`);
+        currentComponent.value = defineAsyncComponent(asyncComponent);
       }
     }
   });