优化

src/pages/shunhe/SortWorkMonitor.vue

@@ -0,0 +1,66 @@
+<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>