82 lines
1.2 KiB
Vue
82 lines
1.2 KiB
Vue
|
|
<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-mixin';
|
|
import {urlJoin} from '@/utils/url'
|
|
|
|
export default {
|
|
name: 'Index',
|
|
components: {
|
|
},
|
|
mixins: [
|
|
screenScaleMixin
|
|
],
|
|
props: {},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
computed: {
|
|
src() {
|
|
return urlJoin('/visual/PeakCoalView')
|
|
}
|
|
},
|
|
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>
|