优化

src/pages/shunhe/LogisticsProcess.vue

@@ -351,11 +351,9 @@ export default {
           },
           axisLabel: {
             interval: 0,
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 16,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
+            color: '#8FABBF',
+            fontSize: 16,
+            fontFamily: 'Source Han Sans CN-Normal'
           },
           data: status
         },
@@ -376,11 +374,9 @@ export default {
             show: false
           },
           axisLabel: {
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 14,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
+            color: '#8FABBF',
+            fontSize: 14,
+            fontFamily: 'Source Han Sans CN-Normal'
           },
           splitLine: {
             show: true,
@@ -498,11 +494,9 @@ export default {
           },
           axisLabel: {
             show: true,
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 16,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
+            color: '#8FABBF',
+            fontSize: 16,
+            fontFamily: 'Source Han Sans CN-Normal'
           }
         },
         yAxis: {
@@ -673,7 +667,7 @@ export default {
       // 每月故障统计
       this.currentMonth = res.monthlyFailureStatistics.currentMonth
       this.average = res.monthlyFailureStatistics.average
-      this.setEchart2()
+      // this.setEchart2()
       // 当日工序生产统计
       this.mix = res.dailyProductionStatistics.mix
       this.stand = res.dailyProductionStatistics.stand

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>