<template>
	<div class="" style="background-color: #fff;">
		<div class="m-view">
			<!-- 视频监控 -->
            <div class="page-wrapper1">
                <!-- height="780px" -->
                <iframe ref="myIframe" src="https://gbsar.mypattern.cn/#/skip?clientId=9237a398-f0cb-4e1c-bdaa-3be398f8e805&secretId=f1e97bb3-9a30-48c9-b705-2c5e59dd3bae" frameborder="0" width="100%"  allowfullscreen></iframe>
            </div>
		</div>
	</div>
</template>

<script>
import { Tools} from '@/assets/js/common.js';
import { reqApi, Config} from '@/assets/js/httpApi.js';
export default {
	name: 'videoMonitor',
	data() {
		return {
            dialogVisible: false,
		}
	},
	mounted() {
		// var that = this;
		// this.$nextTick(() => {
		// 	this.pageApi = Config.getModuleInfo(this);
		// })
        this.setIframeHeight(); // 组件挂载后设置高度
        window.addEventListener('resize', this.setIframeHeight); // 监听窗口尺寸变化
	},
	methods: {
        setIframeHeight() {
            const iframe = this.$refs.myIframe;
            const viewportHeight = window.innerHeight -145; // 获取视口高度
            iframe.style.height = `${viewportHeight}px`; // 设置iframe高度
        },
        openDialog(url) {
            this.currentVideoUrl = url;
            this.dialogVisible = true;
        },
		loadData() {
		},
	}
}
</script>
<style rel="stylesheet/scss" lang="scss" scope>
    .page-wrapper1{
        width: 100%;
        height: 100%;
        // background:no-repeat center center url('~@/assets/images/layout/main_bg.png');
        // background-size:100% 100%;
    }


	// .home_manage{
	// 	position:relative;height:100%;width:100%;flex:1;display:flex;justify-content:center;
	// 	//background:no-repeat bottom center url('~@/assets/images/layout/main_bg.png');background-size:100% 100%;
		
	// 	.m-view{
	// 		position:relative;width:100%;
	// 	}

	// 	.b_0{
	// 		border:1px solid #143D96;
	// 		position:absolute;top:.20rem;left:.10rem;width:max-content;padding:.10rem;user-select:none;
	// 		// background-color:rgba(0,16,52, .7);border-radius:.12rem;line-height:26px;
	// 		li{
	// 			span:first-child{color:#ccc;}
	// 			span{color:#fff;}
	// 		}
	// 	}
	// }
	
</style>
