<template>
    <div class="container resource close-left-menu">
                <div class="pop-banner clearfix"> 
                    <h3 class="current-module">wyn报表</h3>
              </div> 
                  <iframe :src="srcs" class="iframe-sty" :style="height"></iframe> 
    </div>
</template>
<style scoped>
.iframe-sty {
    width: 100%;
    overflow-y: hidden;
}
.pop-banner {
    position: absolute;
    top: -69px;
    height: 36px;
    width: 1480px;
    color: #fff;
}
.container {
    margin: 0 auto;
    width: 100%;
}
.resource {
    position: relative;
    padding:  0;
}
</style>
<script>
    module.exports = {
        data: function () {
            return { 
                       srcs: '',
                       winHeight: window.innerHeight,
                       height: {
                            height: '',
                       },
            };
        }, 
        created() { 
            window.onresize = () => { 
                    return (() => { 
                    this.winHeight = window.innerHeight 
                        })
                    } 
                    this.height.height=this.winHeight-195+'px' 
        },
        route: {
            activate: function () {
                var path = JSON.parse(localStorage.path);
                console.log(path);
                this.srcs = path;
            }
        },
        watch: { 
        }
    };
</script>