<!--
 * @Descripttion: QIANDUAN
 * @version: 1.0
 * @Author: kangkang
 * @Date: 2020-09-30 21:48:44
 * @LastEditors: kangkang
 * @LastEditTime: 2020-10-22 10:24:29
-->
<template>
  <page>
    <Header></Header>
    <Left></Left>
    <div class="base_right">
      <router-view class="page_main"></router-view>
    </div>
  </page>
</template>

<script>
// eslint-disable-next-line no-unused-vars
let that
export default {
  name: 'home',
  components: {
    Left: () => import('./left.vue'),
    Header: () => import('./header.vue')
  },
  data () {
    return {}
  },
  computed: {},
  watch: {
    $route: {
      handler (val, oldVal) {
        this.$nextTick(() => {
          // 页面加载完成后执行
          // todo
          // this.resetHandelBox();
        })
      },
      deep: true // 深度观察监听
    }
  },
  created () {},
  updated () {},
  methods: {}
}
</script>

<style lang='less' scoped>
.base_right {
  margin-left: 180px;
  padding-left: 10px;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f5f7fa;
  transition: padding ease 0.3s;
  padding-right: 10px;
  padding-top: 56px;
}
.page_main {
  margin-top: 10px;
  background-color: #fff;
  padding: 15px;
  padding-bottom: 15px !important;
}
</style>
