| | |
| | | <template> |
| | | <div class="app-wrapper" :class="classObj"> |
| | | <div class="header" style="width: auto; overflow: inherit" v-if="!containerOperate?.specialcontainer"> |
| | | <!-- 头部菜单 - 根据环境配置显示 --> |
| | | <div class="header" style="width: auto; overflow: inherit" v-if="!containerOperate?.specialcontainer && menuConfig.showHeader"> |
| | | <AppHeader @menuCollapse="changeMenuCollapse"></AppHeader> |
| | | </div> |
| | | <div class="header" style="width: auto; overflow: inherit" v-if="containerOperate?.specialcontainer"> |
| | | <div class="header" style="width: auto; overflow: inherit" v-if="containerOperate?.specialcontainer && menuConfig.showHeader"> |
| | | <template v-if="currentMenuCode!='activityInitiate'&¤tMenuCode!='activityInitiate6'"> |
| | | <AppActHeader ref='appActHeaderRef' ></AppActHeader> |
| | | </template> |
| | | </div> |
| | | <div :class="containerOperate?.specialcontainer?'content-wrapperall':'content-wrapper'"> |
| | | <!-- 左侧菜单 - 根据环境配置显示 --> |
| | | <LeftSidebar |
| | | v-if="!containerOperate?.specialcontainer" |
| | | v-if="!containerOperate?.specialcontainer && menuConfig.showLeftMenu" |
| | | class="sidebar-container" |
| | | :menuState="menuState" |
| | | ></LeftSidebar> |
| | | <div class="main-container"> |
| | | <topMenu class="nav-head" v-if="!containerOperate?.specialcontainer"></topMenu> |
| | | <!-- 顶部菜单 - 根据环境配置显示 --> |
| | | <topMenu class="nav-head" v-if="!containerOperate?.specialcontainer && menuConfig.showTopMenu"></topMenu> |
| | | <!-- <el-main class="main"> |
| | | <Breadcrumb id="breadcrumb" class="breadcrumb" /> |
| | | </el-main> --> |
| | | <el-scrollbar |
| | | class="scrollbar-main" |
| | | :style="{ 'max-height': 'calc(95vh - 90px)','min-width':'900px' }" |
| | | :style="{ 'max-height': layoutConfig.mainContainerHeight, 'min-width':'900px' }" |
| | | ref="scrollViewContainer" |
| | | > |
| | | <router-view v-slot="{ Component, route }"> |
| | |
| | | </transition> |
| | | </router-view> |
| | | </el-scrollbar> |
| | | <div class="fontDiv">中国交通建设集团有限公司 版权所有</div> |
| | | <!-- 版权信息 - 根据环境配置显示 --> |
| | | <div class="fontDiv" v-if="menuConfig.showFooter">中国交通建设集团有限公司 版权所有</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import { storeToRefs } from 'pinia' |
| | | import { useNavTabs } from '@/stores/modules/navTabs' |
| | | import { useRoute } from 'vue-router' |
| | | // 导入环境配置工具 |
| | | import { getMenuConfig, getLayoutConfig } from '@/utils/env' |
| | | |
| | | const navTabsStore = useNavTabs() |
| | | const appActHeaderRef=ref() |
| | |
| | | const { cachedViews, excludeViews } = storeToRefs(navTabsStore) |
| | | const scrollViewContainer = ref() |
| | | const isRouterAlive = ref<boolean>(true) |
| | | |
| | | // 环境配置 |
| | | const menuConfig = computed(() => getMenuConfig()) |
| | | const layoutConfig = computed(() => getLayoutConfig()) |
| | | |
| | | const reload = () => { |
| | | isRouterAlive.value = false |
| | | nextTick(() => { |