fj-dc-ui/.svn/pristine/2f/2fe5fda7e4cec21066d1a44bfd8a9cc7c7c4ede2.svn-base

<template>
  <div style="width: 100%;height: 100%;" v-loading="loading">
    <iframe id="frameMain"
            :src="currentSrc"
            frameborder="0"></iframe>
  </div>

</template>

<script>
    export default {
        name: "tjbb",
        data() {
          return {
              loading:true,
              currentSrc:'',
              screenHeight: window.innerHeight,
              screenWidth: window.innerWidth,
          }
        },
        mounted(){
          const that = this;
          window.onresize = () => {
            return (() => {
              that.screenHeight = window.innerHeight - 90
              that.screenWidth = window.innerWidth
            })()
          }
          console.log(`当前高度${that.screenHeight},当前宽度${that.screenWidth}`);
          that.currentSrc = `http://slbdc.mwr.gov.cn/JsReport/reportFiles/reportjsp/showReport_hzz.jsp?raq=dc_skqktj.raq&width=${that.screenWidth}&height=${that.screenHeight}`
        },
        activated() {
          let _this = this;
          let iframe = document.getElementById("frameMain");
          iframe.onload = function(){
            _this.loading = false;
          };
          iframe.width = _this.screenWidth;
          iframe.height = _this.screenHeight;
        }
    }
</script>

<style scoped>

</style>