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

37 lines
1.1 KiB

2 years ago
<template>
<div class="ifram-view" :style="iframViewStyle">
<!-- <span>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</span> -->
2 years ago
<!-- <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>
2 years ago
</div>
</template>
<script>
export default {
data() {
return {
iframViewStyle:{
height:"",
},
url:`http://localhost:80/productinformation?b=${2}&token=${'UT:27da0d51-6ec8-4688-8a7e-5ecfb6daf716'}`
2 years ago
}
},
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>