<template>
  <div class="ifram-view" :style="iframViewStyle">
    <!-- <span>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</span> -->
    <!-- <iframe src="https://dev-mssm-liaoning.imian.org.cn/ggfw/#/firmContent/drugInfo" frameborder="0" style="width: 100%;height: 100%;"></iframe> -->
    <iframe :src="url" frameborder="0" style="width: 100%;height: 100%;"></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      iframViewStyle:{
        height:"",
      },
      
      url:`https://dev-mssm-liaoning.imian.org.cn/ggfw-iframe/#/productinformation?type=${this.$route.query.type}&flag=${this.$route.query.flag}&data=${this.$route.query.data}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}`
    }
  },
  methods:{
  },
  mounted() {
    this.$nextTick(()=>{
      let dom = document.getElementsByClassName('ifram-view');
      let height = dom[0].getBoundingClientRect();
      // let windowWidth = window.innerWidth;
      let windowHeight = window.innerHeight;
      let relativeHeight = windowHeight - height.top
      this.iframViewStyle.height = relativeHeight + 'px'
    })
  },
}
</script>
<style lang="scss" scoped>
.ifram-view {
  background-color: #fff;
}
</style>
