<!--
 * @Author: WangJiaCheng
 * @Date: 2021-05-06 17:24:30
 * @LastEditors: WangJiaCheng
 * @LastEditTime: 2021-05-11 18:16:38
 * @Description:
-->
<template>
  <el-container class="default-layout">
    <default-side />
    <el-container class="is-vertical">
      <default-header />
      <el-main class="layout-main">
        <keep-alive>
          <router-view :key="$route.fullPath" />
        </keep-alive>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import DefaultHeader from './DefaultHeader/index.vue'
import DefaultSide from './DefaultSide/index.vue'

export default {
  components: {
    DefaultHeader,
    DefaultSide
  },
  data() {
    const item = {
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }
    return {
      tableData: Array(20).fill(item)
    }
  }
}
</script>

<style>
  .default-layout {
    width: 100%;
    height: 100%;
  }
  .el-aside {
    color: #333;
  }
  .layout-main {
    width: 100%;
    height: calc(100% - 60px);
    padding: 0;
    background: #e6e6e6;
  }
</style>
