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> <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"> <transition mode="out-in" name="fade-transform">
<keep-alive :include="cachedViews"> <keep-alive :include="cachedViews">
<router-view :key="key" /> <router-view :key="key" />

View File

@ -3,7 +3,7 @@
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<sidebar class="sidebar-container" /> <sidebar class="sidebar-container" />
<div :class="{hasTagsView:needTagsView}" class="main-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 /> <navbar />
<tags-view v-if="needTagsView" /> <tags-view v-if="needTagsView" />
</div> </div>

View File

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