You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
LiaoNingDangAn/src/views/productsMsg/components/productInfo.vue

41 lines
1.2 KiB

<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%;"></iframe>
</div>
</template>
<script>
export default {
data() {
return {
iframViewStyle:{
height:"",
},
url:''
}
},
created(){
this.url = `http://localhost:80/productinformation?type=${this.$route.query.type}&flag=${this.$route.query.flag || ''}&data=${this.$route.query.data || ''}`
},
methods:{
},
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>