<template>
  <div id="reportDesign" class="reportDesign">
    <iframe :src="url" width="100%" height="100%"></iframe>
  </div>
</template>
<script>
export default {
  name: 'ReportDesign',
  data() {
    return {
      url: process.env.VUE_APP_REPORT_DESIGN_URL
    }
  },
  mounted() {
    const vm = this
    const { name } = this.$route.params
    this.url += name ? '?_u=db:' + this.$route.params.name : ''
    const ifream = document.getElementById('reportDesign')
    ifream.onload = function () {
      console.log('加载完成')
      vm.loading = false
    }
  }
}
</script>
<style lang="scss" scoped>
.reportDesign {
  margin: 0px 16px 0 16px;
  width: 98.5%;
  height: calc(100vh - 205px);
  .mainIframe {
    width: 100%;
    height: 100%;
  }
}
</style>
