web/packages/layout/work-bench/layout.vue

<template>
  <el-container class="work-layout">
    <el-header>
      <slot name="nav"></slot>
    </el-header>
    <el-container>
      <el-aside>
        <slot name="menu"></slot>
      </el-aside>
      <el-main>
        <slot name="default"></slot>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import { Container, Header, Main, Aside } from 'element-ui'
export default {
  name: 'work-bench-layout',
  components: {
    [Container.name]: Container,
    [Header.name]: Header,
    [Main.name]: Main,
    [Aside.name]: Aside
  }
}
</script>

<style lang="scss" scoped>
.work-layout {
  min-width: 1440px;
  width: 100%;
  height: 100%;
  .el-header {
    padding: 0;
    height: auto !important;
  }
  .el-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .el-aside {
    width: auto !important;
  }
  .el-main {
    padding: 0;
  }
}
</style>