refactor(layout): 调整首页布局和路由配置

- 移除 AppMain 组件中的条件类名,去除index页高度100vh覆盖头部和navbar隐藏
- 头部大屏更换为概览页,大屏改为新页面打开
- 移除 Layout 组件中的动态样式
This commit is contained in:
fhysy 2025-07-16 09:20:59 +08:00
parent ab709310c4
commit bd8103dc95
3 changed files with 12 additions and 14 deletions

View File

@ -1,5 +1,6 @@
<template>
<section id="con_lf_top_div" :class="key==='/index'?'h100vh':''" class="app-main">
<!-- <section id="con_lf_top_div" :class="key==='/index'?'h100vh':''" class="app-main">-->
<section id="con_lf_top_div" class="app-main">
<transition mode="out-in" name="fade-transform">
<keep-alive :include="cachedViews">
<router-view :key="key" />

View File

@ -3,7 +3,7 @@
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<sidebar class="sidebar-container" />
<div :class="{hasTagsView:needTagsView}" class="main-container">
<div id="navbar-top" :class="{'fixed-header':fixedHeader}" :style="navbarShow() ? 'display: none;' : ''">
<div id="navbar-top" :class="{'fixed-header':fixedHeader}">
<navbar />
<tags-view v-if="needTagsView" />
</div>

View File

@ -88,20 +88,9 @@ export const constantRoutes = [
component: Layout,
redirect: 'index',
children: [
{
path: '/index',
component: (resolve) => require(['@/views/bigScreenIframe/index'], resolve),
name: 'BigScreen',
meta: {
title: '监控大屏', icon: 'dashboard', noCache: true, affix: true
},
params: {
showNav: false
}
},
// {
// path: '/index',
// component: (resolve) => require(['@/views/index'], resolve),
// component: (resolve) => require(['@/views/bigScreenIframe/index'], resolve),
// name: 'BigScreen',
// meta: {
// title: '监控大屏', icon: 'dashboard', noCache: true, affix: true
@ -110,6 +99,14 @@ export const constantRoutes = [
// showNav: false
// }
// },
{
path: '/index',
component: (resolve) => require(['@/views/index'], resolve),
name: 'BigScreen',
meta: {
title: '监控大屏', icon: 'dashboard', noCache: false, affix: false
},
},
]
},
{