<template>
  <div class='layout-con' :style="{background: `#fff url(${bg}) center center`}">
    <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
    }
  },
  computed: {
    bg () {
      let bg = this.$isLocal ? require('@/assets/images/bg.jpg') : 'http://4d-tjw.oss-cn-shenzhen.aliyuncs.com/images/bg.jpg'
      return bg
    }
  },
  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>
