web/src/views/dashboard-screen/screen/screen_Bd_Dl_Ycxx/gqImg.vue

<template>
  <div class="iframe-wrap" v-if="gqPath">
    <iframe id="gqImgFrame" :src="'/geminiRender/render_dxf_project.html?path=/static'+gqPath" frameborder="none" :onload="loadDone"/>
  </div>

</template>
<script>
import {chartMap} from '@/api/dashboard-json'

export default {
  name: 'GqImg',
  props: {
    gqPath: {
      type: String,
      default: null
    }
  },
  data() {
    return {
    }
  },
  created() {
    window['gqImgIs'] = this
  },
  mounted() {
    // this.$refs.gqImgFrame.onload = () => {
    //   this.loadDone()
    // }
  },
  methods: {
    loadDone() {
      console.log('loadDone')
    }
  }
}
</script>

<style scoped lang="scss">
.iframe-wrap {
  width: 100%;
  height: calc(100vh - 220px);

  iframe {
    width: 100%;
    height: 100%;
  }
}

::v-deep {
  #container {
    background-image: none !important;
  }
}

</style>