|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <el-container v-loading="isLoading" class="hc-layout-box" :class="[!isNullES(isLayout) && isLayout === 'no' ? 'is-no-layout' : '']">
|
|
|
+ <el-container v-loading="!isAppLoading" class="hc-layout-box" :class="[!isNullES(isLayout) && isLayout === 'no' ? 'is-no-layout' : '']">
|
|
|
<el-header class="hc-layout-header">
|
|
|
<div class="hc-layout-header-logo" :style="`width: ${isCollapse ? '0px' : '200px'};`" @click="logoClick">
|
|
|
<!-- <img id="logo-icon" :src="appLogoIcon" alt=""> -->
|
|
|
@@ -45,12 +45,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
|
|
|
-import { useAppStore } from '~src/store'
|
|
|
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
-import { initButtons } from '~sto/app'
|
|
|
import { isNullES, useClick } from 'js-fast-way'
|
|
|
import { HcSocket } from '~src/plugins/HcSocket'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import { initButtons } from '~sto/app'
|
|
|
+import { useProject } from '~sto/useProject'
|
|
|
import website from '~src/config'
|
|
|
|
|
|
//初始组合式
|
|
|
@@ -58,15 +59,10 @@ const router = useRouter()
|
|
|
const useRoutes = useRoute()
|
|
|
const store = useAppStore()
|
|
|
|
|
|
-const reloadRouter = ref(!website.localModel)
|
|
|
+const reloadRouter = ref(false)
|
|
|
|
|
|
-const isLoading = computed(() => {
|
|
|
- if (website.localModel) {
|
|
|
- return !reloadRouter.value
|
|
|
- } else {
|
|
|
- return false
|
|
|
- }
|
|
|
-})
|
|
|
+//获取项目信息
|
|
|
+const { isAppLoading } = useProject()
|
|
|
|
|
|
//子组件
|
|
|
import HcTopMenuBar from './modules/HcTopMenu.vue'
|
|
|
@@ -100,6 +96,11 @@ watch(() => [
|
|
|
isLayout.value = layout ?? layout2
|
|
|
}, { deep: true })
|
|
|
|
|
|
+//监听项目信息变化
|
|
|
+watch(() => isAppLoading.value, (res) => {
|
|
|
+ reloadRouter.value = res
|
|
|
+}, { immediate:true })
|
|
|
+
|
|
|
//路由信息
|
|
|
const routerMenuLoad = ({ key }) => {
|
|
|
menuBarKey.value = key
|