<template>
  <div class='layout-con'>
    <router-view :showside='isSide' @sidestatus='getSideStatus'></router-view>
    <Aside />
  </div>
</template>

<script>
import Aside from './aside'

export default {
  components: {
    Aside
  },
  data () {
    return {
      isShow: true,
      isSide: true
    }
  },
  methods: {
    getSideStatus (data) {
      this.isShow = data
    },
    getSide (data) {
      this.isSide = data
    },
    showIframe (path) {
      this.src = path
      this.showPage = true
    }
  }
}
</script>
<style scoped>
.layout-con{
  height: 100%;
  width: 100%;
}

.iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
</style>
