Files
fe.ems.vue3/src/views/index.vue
2024-10-17 17:30:11 +08:00

68 lines
1.9 KiB
Vue

<script setup lang="ts">
import Index from '@/views/index/tenantIndex.vue';
import { getConfigKey } from '@/api/system/config';
import {
defineAsyncComponent,
onMounted,
shallowRef,
type Component,
} from 'vue';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import useUserStore from '@/store/modules/user';
import useLayoutStore from '@/store/modules/layout';
import useRouterStore from '@/store/modules/router';
const routerStore = useRouterStore();
const currentComponent = shallowRef<Component | null>(null);
/**匹配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/configManage/neOverview/index.vue');
}
onMounted(() => {
if (useUserStore().roles.includes('tenant')) {
//租户
currentComponent.value = Index;
useLayoutStore().changeConf('layout', 'top');
useLayoutStore().changeConf('menuTheme', 'light');
useLayoutStore().changeConf('tabRender', false);
} else {
useLayoutStore().changeConf('layout', 'mix');
//获取当前系统设置的首页路径
getConfigKey('sys.homePage').then(res => {
if (res.code === RESULT_CODE_SUCCESS && res.data) {
if (res.data) {
const asyncComponent = findView(`${res.data}`);
currentComponent.value = defineAsyncComponent(asyncComponent);
}
}
});
}
});
</script>
<template>
<component :is="currentComponent" />
</template>
<style lang="less" scoped></style>