<template>
  <div class="layout-box">
    <LayoutSideBar />
    <div class="layout-content">
      <div class="multiple-header-box">
        <MultipleTabs />
      </div>
      <PageLayout />
    </div>
  </div>
</template>

<script setup lang="ts">
  import PageLayout from '/@/layouts/page/index.vue';
  import LayoutSideBar from './sider/index.vue';
  import MultipleTabs from './tabs/index.vue';
</script>
<style lang="less" scoped>
  .layout-box {
    width: 100%;
    height: 100vh;
    background: #e8ebed;
    border-radius: 0;
    display: flex;

    .layout-content {
      height: 100vh;
      flex: 1;

      .multiple-header-box {
        width: 100%;
        height: 50px;
        background: #fff;
        border-bottom: 1px solid #eee;
      }
    }
  }
</style>
