<!--
 * @Author: haoqiuzhi
 * @Date: 2022-05-13 10:43:17
 * @LastEditors: haoqiuzhi
 * @LastEditTime: 2022-06-29 21:45:16
 * @Description:
-->
<template>
  <div class="layout-content">
    <!-- 顶栏 -->
    <div class="layout-header">
      <el-tooltip effect="dark" content="返回操作台界面" placement="top-start">
        <div class="logo" @click="toHome()">福建省直机关“数智党建”综合应用平台</div>
      </el-tooltip>

      <!-- 顶栏右侧 -->
      <NavBar></NavBar>
    </div>
    <!-- 内容区域 -->
    <div class="layout-container">
      <!-- 菜单区域 -->
      <div class="layout-container-aside">
        <MenuAside></MenuAside>
      </div>
      <!-- 主视图区域 -->
      <div class="layout-container-main">
        <Breadcrumb></Breadcrumb>
        <MainContainer></MainContainer>
      </div>
    </div>
  </div>
</template>

<script>
import MenuAside from './components/menu-aside'
import NavBar from './components/nav-bar.vue'
import Breadcrumb from './components/bread-crumb.vue'
import MainContainer from './components/main-container.vue'
export default {
  mounted() {},
  components: {
    NavBar,
    MenuAside,
    // Breadcrumb: () => import('./components/bread-crumb.vue'),
    Breadcrumb,
    MainContainer
  },
  methods: {
    toHome() {
      this.$router.push('/home')
    }
  }
}
</script>

<style lang="scss" scoped>
@import './layout.scss';
</style>
