87 lines
1.3 KiB
Vue
87 lines
1.3 KiB
Vue
|
<!--
|
||
|
|
* @description:
|
||
|
|
* @component: index
|
||
|
|
* @author: wangzhigang11
|
||
|
|
* @date: 2023/8/21 19:30
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<div class="index">
|
||
|
|
<div :style="autoStyle" class="iframe-container">
|
||
|
|
<iframe
|
||
|
|
ref="iframe"
|
||
|
|
:src="src"
|
||
|
|
frameborder="0"
|
||
|
|
height="100%"
|
||
|
|
width="100%"
|
||
|
|
marginheight="0"
|
||
|
|
marginwidth="0"
|
||
|
|
scrolling="auto"
|
||
|
|
allowfullscreen="true"
|
||
|
|
webkitallowfullscreen="true"
|
||
|
|
mozallowfullscreen="true"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import screenScaleMixin from '@/mixins/screen-scale-mixin2';
|
||
|
|
import {urlJoin} from '@/utils/url'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'autoPeakCoalMonitoring',
|
||
|
|
components: {
|
||
|
|
},
|
||
|
|
mixins: [
|
||
|
|
screenScaleMixin
|
||
|
|
],
|
||
|
|
props: {},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
src() {
|
||
|
|
return urlJoin('/peak-coal-monitoring/PeakCoalMonitoring')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {},
|
||
|
|
created() {
|
||
|
|
},
|
||
|
|
beforeDestroy() {
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
#overviewBody {
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style lang='less' scoped>
|
||
|
|
.index {
|
||
|
|
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: #000;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.iframe-container {
|
||
|
|
position: absolute;
|
||
|
|
|
||
|
|
> iframe {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.basin-dialog {
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|