|
|
@@ -2,18 +2,18 @@
|
|
|
<el-container class="hc-layout-box">
|
|
|
<el-header class="hc-layout-header">
|
|
|
<div class="hc-layout-header-logo" :style="`width: ${isCollapse ? '90px' : '200px'};`" @click="logoClick">
|
|
|
- <span v-if="!isCollapse" class="logo-name">{{appLogoName}}</span>
|
|
|
+ <span v-if="!isCollapse" class="logo-name">{{ appLogoName }}</span>
|
|
|
<span v-else class="logo-name sub">管理后台</span>
|
|
|
</div>
|
|
|
<div class="header-top-collapse-bar" @click="collapseChange">
|
|
|
<hc-icon v-if="isCollapse" name="menu-unfold" />
|
|
|
<hc-icon v-else name="menu-fold" />
|
|
|
</div>
|
|
|
- <div class="header-top-menu-bar"/>
|
|
|
+ <div class="header-top-menu-bar" />
|
|
|
<div class="header-content-bar">
|
|
|
- <hc-refresh />
|
|
|
- <hc-color />
|
|
|
- <hc-theme />
|
|
|
+ <HcRefresh />
|
|
|
+ <HcColor />
|
|
|
+ <HcTheme />
|
|
|
<UserInfoBar @load="userInfoLoad" />
|
|
|
</div>
|
|
|
</el-header>
|
|
|
@@ -26,15 +26,7 @@
|
|
|
<RouterMenu @load="routerMenuLoad" />
|
|
|
</div>
|
|
|
<div id="hc-main-box" class="hc-main-page">
|
|
|
- <div class="hc-main-body">
|
|
|
- <router-view v-if="reloadRouter" v-slot="{ Component }">
|
|
|
- <transition name="fade-transform">
|
|
|
- <keep-alive :max="10">
|
|
|
- <component :is="Component" :msg-count="msgCount" />
|
|
|
- </keep-alive>
|
|
|
- </transition>
|
|
|
- </router-view>
|
|
|
- </div>
|
|
|
+ <MainBody />
|
|
|
</div>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
@@ -53,8 +45,6 @@ import { getObjValue } from 'js-fast-way'
|
|
|
const router = useRouter()
|
|
|
const store = useAppStore()
|
|
|
|
|
|
-const reloadRouter = ref(true)
|
|
|
-
|
|
|
//子组件
|
|
|
import MenuBar from '~src/layout/modules/MenuBar.vue'
|
|
|
import HcRefresh from './modules/Refresh.vue'
|
|
|
@@ -62,6 +52,7 @@ import HcColor from './modules/Color.vue'
|
|
|
import HcTheme from './modules/theme.vue'
|
|
|
import UserInfoBar from './modules/UserInfoBar.vue'
|
|
|
import RouterMenu from './modules/RouterMenu.vue'
|
|
|
+import MainBody from './modules/mainBody.vue'
|
|
|
const appLogoName = ref(store.getLogoName)
|
|
|
|
|
|
//菜单数据
|
