67 lines
1.7 KiB
Vue
67 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<section class="bg">
|
||
|
|
<t-header title="分拣作业监控">
|
||
|
|
</t-header>
|
||
|
|
<div class="container">
|
||
|
|
<div class="zdy_box">
|
||
|
|
<div class="one_wrap"></div>
|
||
|
|
<div class="two_wrap"></div>
|
||
|
|
<div class="three_wrap"></div>
|
||
|
|
<div class="four_wrap"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<section class="bottom"></section>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import THeader from '@components/header.vue'
|
||
|
|
export default {
|
||
|
|
name: 'SortWorkMonitor',
|
||
|
|
components: {
|
||
|
|
THeader
|
||
|
|
},
|
||
|
|
mounted () {
|
||
|
|
this.$nextTick(() => {
|
||
|
|
const bodyStyle = document.body.style
|
||
|
|
const htmlStyle = document.getElementsByTagName('html')[0].style
|
||
|
|
// const docEl = document.documentElement
|
||
|
|
// const docBody = document.body
|
||
|
|
// const winWidth = docEl.clientWidth || docBody.clientWidth
|
||
|
|
// const winHeight = docEl.clientHeight || docBody.clientHeight
|
||
|
|
bodyStyle.width = '100%'
|
||
|
|
htmlStyle.width = '100%'
|
||
|
|
bodyStyle.height = '100%'
|
||
|
|
htmlStyle.height = '100%'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
beforeDestroy () {
|
||
|
|
this.$nextTick(() => {
|
||
|
|
const bodyStyle = document.body.style
|
||
|
|
const htmlStyle = document.getElementsByTagName('html')[0].style
|
||
|
|
bodyStyle.width = '1920px'
|
||
|
|
htmlStyle.width = '1920px'
|
||
|
|
bodyStyle.height = '1200px'
|
||
|
|
htmlStyle.height = '1200px'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="stylus" scoped>
|
||
|
|
@import '~@css/mixin'
|
||
|
|
.bg
|
||
|
|
_wh(100%, 100%)
|
||
|
|
overflow hidden
|
||
|
|
.container
|
||
|
|
_wh(100%, calc(100% - 1.38rem))
|
||
|
|
padding .3rem .2509rem 0
|
||
|
|
clear both
|
||
|
|
.bottom
|
||
|
|
_wh(100%, .38rem)
|
||
|
|
background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
|
||
|
|
.one_wrap
|
||
|
|
_wh(100%, 10%)
|
||
|
|
background center center / 100% 100% url(../../assets/images/sctj_top.png) no-repeat
|
||
|
|
</style>
|