<!--
* @description:
* @component: index
* @author: wangzhigang11
* @date: 2023/8/21 19:30
-->
<template>
  <div class="index">
    <div :style="autoStyle" class="iframe-container">
      <iframe
        ref="iframe"
        :src="src"
        frameborder="0"
        height="100%"
        width="100%"
        marginheight="0"
        marginwidth="0"
        scrolling="auto"
        allowfullscreen="true"
        webkitallowfullscreen="true"
        mozallowfullscreen="true"
      />
    </div>
  </div>
</template>

<script>
import screenScaleMixin from '@/mixins/screen-scale-mixin';
import {urlJoin} from '@/utils/url'

export default {
  name: 'Index',
  components: {
  },
  mixins: [
    screenScaleMixin
  ],
  props: {},
  data() {
    return {
    }
  },
  computed: {
    src() {
      return urlJoin('/visual/PeakCoalView')
    }
  },
  watch: {},
  created() {
  },
  beforeDestroy() {
  },
  mounted() {
  },
  methods: {
  },
}
</script>
<style>
#overviewBody {
  height: 100vh;
}
</style>
<style lang='less' scoped>
.index {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
  position: relative;

  .iframe-container {
    position: absolute;

    > iframe {
      background-color: transparent;
    }
  }

  .basin-dialog {
    position: absolute;
  }

}
</style>
