LiaoNingDangAn/src/views/productsMsg/components/productInfo.vue

<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%"
      id="iframes"
    ></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")}`,
      url: `https://dev-mssm-liaoning.imian.org.cn/ggfw-iframe/#/productinformation`
    };
  },
  methods: {},
  created() {
    this.$nextTick(() => {
      let oFrame = this.$refs.iframes;
      oFrame.contentWindow.postMessage(
        {
          type: this.$route.query.type,
          flag: this.$route.query.flag,
          data: this.$route.query.data,
          token: localStorage.getItem("MSSM-LIAONING__TOKEN"),
        },
        "*"
      );
    });
  },
  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>