diff --git a/src/assets/css/reset.css b/src/assets/css/reset.css
index ada25e7..cdd533c 100644
--- a/src/assets/css/reset.css
+++ b/src/assets/css/reset.css
@@ -82,9 +82,7 @@ li {
 /* 顺安大屏尺寸1920*1200 */
 html, body {
      /* width: 100%;
-     height: 100%;
-     min-width: 1440px;
-     min-height: 1040px; */
+     height: 100%; */
      width: 1920px;
      height: 1200px; 
      /* 顺和大屏尺寸 */
diff --git a/src/components/header.vue b/src/components/header.vue
index 662f303..7288a69 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -66,16 +66,19 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@css/mixin'
 header
   position relative
   width 100%
-  height 1rem
+  height 8%
   position relative
   background center center / 100% 100% url(../assets/images/screen1/header.png) no-repeat
   p
     font-family "PangMenZhengDao"
-    _font(.5rem, 1rem, #ffffff, lighter, center)
+    font-size .5rem
+    line-height 1rem
+    color #fff
+    font-weight lighter
+    text-align center
     letter-spacing .05rem
     text-shadow 0 .08rem .08rem rgba(0,0,0,0.30)
 .data_box
@@ -90,11 +93,17 @@ header
   text-align center
 .date_item
   float left
-  _font(.2rem, .37rem, #fff,,)
+  font-size .2rem
+  line-height .37rem
+  color #fff
 .tiem_item
   float left
-  _font(.32rem, .37rem, #fff,,)
+  font-size .32rem
+  line-height .37rem
+  color #fff
 .colon
   float left
-  _font(.32rem, .37rem, #fff,,)
+  font-size .32rem
+  line-height .37rem
+  color #fff
 </style>
diff --git a/src/components/canvas.vue b/src/pages/shunhe/LogisticsProcess/canvas.vue
similarity index 62%
rename from src/components/canvas.vue
rename to src/pages/shunhe/LogisticsProcess/canvas.vue
index a7d7b36..ecec3b4 100644
--- a/src/components/canvas.vue
+++ b/src/pages/shunhe/LogisticsProcess/canvas.vue
@@ -1,6 +1,6 @@
 <template>
-  <!-- <div class="canvas_container" @click="rectClick"> -->
-  <div class="canvas_container">
+  <div class="canvas_container" @click="rectClick">
+  <!-- <div class="canvas_container"> -->
     <canvas id="myCanvas" width="946" height="982"></canvas>
   </div>
 </template>
@@ -10,21 +10,16 @@ export default {
   data () {
     return {
       af: undefined,
-      // points: [{x1: 650, y1: 885, x2: 650, y2: 852}, {x1: 577, y1: 815, x2: 548, y2: 815}, {x1: 719, y1: 815, x2: 754, y2: 815}, {x1: 305, y1: 560, x2: 305, y2: 545}, {x1: 419, y1: 510, x2: 419, y2: 490}, {x1: 455, y1: 282, x2: 548, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 561}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 560}],
-      points: [{x1: 305, y1: 560, x2: 305, y2: 545}, {x1: 419, y1: 510, x2: 419, y2: 490}, {x1: 455, y1: 282, x2: 548, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 561}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 560}],
-      dot1: {x1: 650, y1: 885, x2: 650, y2: 852},
-      dot2: {x1: 577, y1: 815, x2: 548, y2: 815},
-      dot3: {x1: 719, y1: 815, x2: 754, y2: 815},
-      dot4: {x1: 305, y1: 560, x2: 305, y2: 545},
-      dot5: {x1: 419, y1: 510, x2: 419, y2: 490},
-      dot6: {x1: 455, y1: 282, x2: 548, y2: 282},
-      line1: 1,
+      points: [{x1: 305, y1: 563, x2: 305, y2: 550}, {x1: 419, y1: 514, x2: 419, y2: 494}, {x1: 453, y1: 282, x2: 550, y2: 282}, {x1: 830, y1: 395, x2: 830, y2: 474}, {x1: 830, y1: 499, x2: 830, y2: 563}, {x1: 830, y1: 516, x2: 488, y2: 516}, {x1: 488, y1: 516, x2: 488, y2: 563}],
+      dot4: {x1: 305, y1: 563, x2: 305, y2: 550},
+      dot5: {x1: 419, y1: 514, x2: 419, y2: 494},
+      dot6: {x1: 453, y1: 282, x2: 550, y2: 282},
       line2: 1,
       line3: 1,
       dot7: {x1: 830, y1: 395, x2: 830, y2: 474},
-      dot8: {x1: 830, y1: 499, x2: 830, y2: 561},
+      dot8: {x1: 830, y1: 499, x2: 830, y2: 563},
       dot9: {x1: 830, y1: 516, x2: 488, y2: 516},
-      dot10: {x1: 488, y1: 516, x2: 488, y2: 560},
+      dot10: {x1: 488, y1: 516, x2: 488, y2: 563},
       line4: 1
     }
   },
@@ -62,32 +57,6 @@ export default {
       let canvas = document.getElementById('myCanvas')
       let ctx = canvas.getContext('2d')
       ctx.clearRect(0, 0, canvas.width, canvas.height)
-      // if (this.line1 === 1) {
-      //   this.dot1.y1 -= 1
-      //   this.drawPoint(ctx, this.dot1.x1, this.dot1.y1)
-      //   if (this.dot1.y1 === this.dot1.y2) {
-      //     this.dot1.y1 = 885
-      //     this.line1 = 2
-      //   }
-      // }
-      // if (this.line1 === 2) {
-      //   this.dot2.x1 -= 1
-      //   this.drawPoint(ctx, this.dot2.x1, this.dot2.y1)
-      //   // this.line1 = 3
-      //   if (this.dot2.x1 === this.dot2.x2) {
-      //     this.dot2.x1 = 577
-      //     this.line1 = 3
-      //   }
-      // }
-      // if (this.line1 === 3) {
-      //   this.dot3.x1 += 1
-      //   this.drawPoint(ctx, this.dot3.x1, this.dot3.y1)
-      //   // this.line1 = 2
-      //   if (this.dot3.x1 === this.dot3.x2) {
-      //     this.dot3.x1 = 719
-      //     this.line1 = 1
-      //   }
-      // }
       if (this.line2 === 1) {
         this.dot4.y1 -= 1
         this.drawPoint(ctx, this.dot4.x1, this.dot4.y1)
diff --git a/src/pages/shunhe/LogisticsProcess.vue b/src/pages/shunhe/LogisticsProcess/index.vue
similarity index 89%
rename from src/pages/shunhe/LogisticsProcess.vue
rename to src/pages/shunhe/LogisticsProcess/index.vue
index 1fafbd1..16c06b0 100644
--- a/src/pages/shunhe/LogisticsProcess.vue
+++ b/src/pages/shunhe/LogisticsProcess/index.vue
@@ -34,7 +34,7 @@
             <div class="item_tip">
               <div class="item_tip_left">当日工序生产统计</div>
             </div>
-            <div class="item_content_1" style="padding-left: 15px;padding-right:15px">
+            <div class="item_content_1 item_content_3">
               <div class="item_inner_wrap">
                 <div class="item_inner_h1">
                   <div class="item_inner_h1_l">混料</div>
@@ -232,9 +232,9 @@
 
 <script>
 import THeader from '@components/header.vue'
-import TWorkshop from '@components/workshop.vue'
-import {homepageData} from '@js/getData2.js'
-// import {homepageData} from '@js/mork2.js'
+import TWorkshop from './workshop.vue'
+// import {homepageData} from '@js/getData2.js'
+import {homepageData} from '@js/mork2.js'
 export default {
   name: 'LogisticsProcess',
   components: {
@@ -695,62 +695,87 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@css/mixin'
 .bg
-  _wh(100%, 100%)
+  width 100%
+  height 100%
   overflow hidden
 .container
-  _wh(100%, calc(100% - 1.38rem))
-  padding .3rem .2509rem 0
+  width 100%
+  height 89%
+  padding 1.563% 1.306% 0
   clear both
 .bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
+  width 100%
+  height 3%
+  background center bottom / 19.06rem 100% url(../../../assets/images/screen1/bottom.png) no-repeat
 .left_wrap
   float left
-  _wh(4.0756rem, 100%)
+  width 4.0756rem
+  height 100%
   background-image linear-gradient(to bottom, #040b1a, #050919)
 .center_wrap
   float left
-  _wh(9.96rem, 100%)
+  width 9.96rem
+  height 100%
   margin-left .2936rem
   padding .25rem
-  background center bottom / 100% 100% url(../../assets/images/screen1/item_2.png) no-repeat
+  background center bottom / 100% 100% url(../../../assets/images/screen1/item_2.png) no-repeat
 .right_wrap
   float right
-  _wh(4.0273rem, 100%)
+  width 4.0273rem
+  height 100%
   background-image linear-gradient(to bottom, #040b1a, #050919)
 .item_wrap
-  _wh(100%, calc(100% / 2))
+  width 100%
+  height calc(100% / 2)
 .item_tip
   clear both
-  _wh(100%, .32rem)
+  width 100%
+  height .32rem
   line-height .32rem
-  background center center / 100% 100% url(../../assets/images/screen1/title_bg_1.png) no-repeat
+  background center center / 100% 100% url(../../../assets/images/screen1/title_bg_1.png) no-repeat
 .item_tip_left
   float left
-  _wh(60%, 100%)
+  width 60%
+  height 100%
   font-family "SourceHanSansCN"
-  _font(.18rem, inherit, #fff, 700,)
+  font-size .18rem
+  line-height inherit
+  color #fff
+  text-align left
+  font-weight 700
   letter-spacing .02rem
   text-shadow 0 0 .09rem #159AFF
   padding-left .38rem
 .item_content_1
-  _wh(100%, calc(100% - .32rem))
+  width 100%
+  height calc(100% - .32rem)
   padding .12rem 0 .15rem
 .item_content_2
-    _wh(calc(100% - 30px), calc(100% - .5rem))
+    width calc(100% - 30px)
+    height calc(100% - .5rem)
     margin .12rem 15px 0 15px
     border .01rem solid rgba(8,205,248,0.3)
+.item_content_3
+  padding-left .15rem
+  padding-right .15rem
+  display flex
+  flex-direction column
+  justify-content space-between
 .scroll_wrap
-    _wh(100%, 100%)
+    width 100%
+    height 100%
 .scroll_tab_1
-    _wh(100%, .4rem)
+    width 100%
+    height .4rem
     border-bottom .01rem solid rgba(8,205,248,0.3)
     li
       float left
       width 30%
-      _font(.14rem,.4rem,#78B1DE,,center)
+      font-size .14rem
+      line-height .4rem
+      color #78B1DE
+      text-align center
       word-wrap break-word
       word-break break-all
       white-space nowrap
@@ -777,8 +802,13 @@ export default {
         float left
         width 32%
         height 100%
-        _fj(center)
-        _font(.12rem, .16rem, #fff,,center)
+        display: flex
+        justify-content center
+        align-items center
+        font-size .12rem
+        line-height .16rem
+        color #fff
+        text-align center
         word-wrap break-word
         word-break break-all
         padding 0 .02rem
@@ -789,71 +819,105 @@ export default {
           width 20%
 .item_inner_wrap
     width 100%
-    padding-bottom .17rem
-    margin-bottom .2rem
-    background center bottom / 100% .03rem url(../../assets/images/screen1/line_2.png) no-repeat
+    padding-bottom 4%
+    background center bottom / 100% .03rem url(../../../assets/images/screen1/line_2.png) no-repeat
     &:last-child
       background none
       padding 0
       margin 0
 .item_inner_h1
-    _wh(100%, .2rem)
+    width 100%
+    height .2rem
     overflow hidden
-    _fj()
+    display: flex
+    justify-content space-between
+    align-items center
 .item_inner_h1_l
-    _wh(0.6rem, 100%)
+    width .6rem
+    height 100%
     font-family "SourceHanSansCN"
-    _font(.14rem, .16rem, #84B0DA, 700,)
+    font-size .14rem
+    line-height .16rem
+    color #84B0DA
+    font-weight 700
+    text-align left
     letter-spacing .02rem
 .item_inner_h1_r
-    _wh(calc(100% - 0.6rem), 100%)
-    _fj()
+    width calc(100% - 0.6rem)
+    height 100%
+    display: flex
+    justify-content space-between
+    align-items center
 .process_wrap
-  _wh(100%, .0805rem)
+  width 100%
+  height .0805rem
   background-color #B68845
-  _fj()
+  display: flex
+  justify-content space-between
+  align-items center
 .process_rate
     height 100%
     background-color #07e083
 .item_inner_h2
-    _wh(100%, .3rem)
+    width 100%
+    height .3rem
     margin-top .1rem
-    _fj()
+    display: flex
+    justify-content space-between
+    align-items center
 .item_inner_h2_inner
-    _wh(48%, .3rem)
-    _fj()
-    background center bottom / 100% 100% url(../../assets/images/screen1/item_5.png) no-repeat
+    width 48%
+    height .3rem
+    display: flex
+    justify-content space-between
+    align-items center
+    background center bottom / 100% 100% url(../../../assets/images/screen1/item_5.png) no-repeat
 .item_inner_h2_inner_l
-    _wh(50%, 100%)
-    _fj()
+    width 50%
+    height 100%
+    display: flex
+    justify-content space-between
+    align-items center
     span
       display block
       &:nth-child(1)
-          _wh(.0725rem, .0725rem)
+          width .0725rem
+          height .0725rem
           margin-left .15rem
           i
             display block
-            _wh(.0725rem, .0725rem)
+            width .0725rem
+            height .0725rem
             border-radius 100%
       &:nth-child(2)
-          _wh(calc(100% - 0.2825rem), .3rem)
+          width calc(100% - 0.2825rem)
+          height .3rem
           font-family "SourceHanSansCN"
-          _font(.12rem, .3rem, #fff,400,)
+          font-size .12rem
+          line-height .3rem
+          color #fff
           margin-left .06rem
           overflow hidden
           text-overflow ellipsis
           white-space nowrap
 .item_inner_h2_inner_r
-    _wh(50%, 100%)
+    width 50%
+    height 100%
     line-height .3rem
     overflow hidden
     text-align right
     span
       font-family "SourceHanSansCN"
-      _font(.12rem, .3rem, #fff,700,)
+      font-size .12rem
+      line-height .3rem
+      color #fff
+      font-weight 700
       &:nth-child(1)
           font-family "SourceHanSansCN"
-          _font(.18rem, .3rem, #00D5FF,700,)
+          font-size .18rem
+          line-height .3rem
+          color #00D5FF
+          font-weight 700
           overflow hidden
           text-overflow ellipsis
           white-space nowrap
@@ -865,12 +929,18 @@ export default {
   position absolute
   left .2509rem
   top 11%
-  _wh(20%, .4rem)
-  _fj(flex-start)
+  width 20%
+  height .4rem
+  display: flex
+  justify-content flex-start
+  align-items center
   a
     cursor pointer
     font-family "SourceHanSansCN"
-    _font(.18rem, .30rem, #fff, 700,)
+    font-size .18rem
+    line-height .3rem
+    color #fff
+    font-weight 700
     letter-spacing .01rem
     padding .05rem .2rem
     border-radius .05rem
diff --git a/src/components/workshop.vue b/src/pages/shunhe/LogisticsProcess/workshop.vue
similarity index 67%
rename from src/components/workshop.vue
rename to src/pages/shunhe/LogisticsProcess/workshop.vue
index 27ad033..d57733c 100644
--- a/src/components/workshop.vue
+++ b/src/pages/shunhe/LogisticsProcess/workshop.vue
@@ -22,22 +22,22 @@
     <div class="machine_block machine_block_2">
       <div class="machine_combine">
         <div class="p_device weilan_wrap_1">
-          <img class="device_img" src="../assets/images/device/wl_cmd_1.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/wl_cmd_1.png" alt="">
         </div>
         <div class="p_device weilan_wrap_1 weilan_wrap_2">
-          <img class="device_img" src="../assets/images/device/wl_cmd_2.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/wl_cmd_2.png" alt="">
         </div>
         <div class="p_device ssj_wrap_1">
-          <img class="device_img" src="../assets/images/device/ssj_gray.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/ssj_gray.png" alt="">
         </div>
         <div class="p_device ssj_wrap_1 ssj_wrap_2">
-          <img class="device_img" src="../assets/images/device/ssj_gray.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/ssj_gray.png" alt="">
         </div>
         <div class="p_device ktp_cmd_wrap" v-for="(e, i) in loadLocation" :key="i" :class="'ktp_cmd_wrap_' + (i + 1)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="tp"
             :pkId="pkId"
@@ -46,10 +46,10 @@
           ></device-pop>
         </div>
         <div class="p_device robot_cmd_wrap_1" :class="depalletizingRobot.status === 1 ? 'rotate_2' : ''">
-          <img v-show="depalletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(depalletizingRobot)">
-          <img v-show="depalletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(depalletizingRobot)">
-          <img v-show="depalletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(depalletizingRobot)">
-          <img v-show="depalletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(depalletizingRobot)">
+          <img v-show="depalletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(depalletizingRobot)">
+          <img v-show="depalletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(depalletizingRobot)">
+          <img v-show="depalletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(depalletizingRobot)">
+          <img v-show="depalletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(depalletizingRobot)">
         </div>
         <div class="p_device robot_cmd_wrap_1">
           <device-pop
@@ -60,10 +60,10 @@
           ></device-pop>
         </div>
         <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2" :class="palletizingRobot.status === 1 ? 'rotate_3' : ''">
-          <img v-show="palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(palletizingRobot)">
-          <img v-show="palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(palletizingRobot)">
-          <img v-show="palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(palletizingRobot)">
-          <img v-show="palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(palletizingRobot)">
+          <img v-show="palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(palletizingRobot)">
+          <img v-show="palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(palletizingRobot)">
+          <img v-show="palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(palletizingRobot)">
+          <img v-show="palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(palletizingRobot)">
         </div>
         <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2">
           <device-pop
@@ -74,10 +74,10 @@
           ></device-pop>
         </div>
         <div class="p_device fmjxt_wrap">
-          <img v-show="laminatingMachine.status === 1" class="device_img" src="../assets/images/device/fmjxt_green.png" alt="" @click="getInfo(laminatingMachine)">
-          <img v-show="laminatingMachine.status === 2" class="device_img" src="../assets/images/device/fmjxt_yellow.png" alt="" @click="getInfo(laminatingMachine)">
-          <img v-show="laminatingMachine.status === 3" class="device_img" src="../assets/images/device/fmjxt_gray.png" alt="" @click="getInfo(laminatingMachine)">
-          <img v-show="laminatingMachine.status === 4" class="device_img" src="../assets/images/device/fmjxt_red.png" alt="" @click="getInfo(laminatingMachine)">
+          <img v-show="laminatingMachine.status === 1" class="device_img" src="../../../assets/images/device/fmjxt_green.png" alt="" @click="getInfo(laminatingMachine)">
+          <img v-show="laminatingMachine.status === 2" class="device_img" src="../../../assets/images/device/fmjxt_yellow.png" alt="" @click="getInfo(laminatingMachine)">
+          <img v-show="laminatingMachine.status === 3" class="device_img" src="../../../assets/images/device/fmjxt_gray.png" alt="" @click="getInfo(laminatingMachine)">
+          <img v-show="laminatingMachine.status === 4" class="device_img" src="../../../assets/images/device/fmjxt_red.png" alt="" @click="getInfo(laminatingMachine)">
           <device-pop
             type="cdjxs"
             :pkId="pkId"
@@ -86,10 +86,10 @@
           ></device-pop>
         </div>
         <div class="p_device ktp_cmd_wrap" v-for="(e, i) in sunloadLocation" :key="e.equipment" :class="'ktp_cmd_wrap_' + (i + 3)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="tp"
             :pkId="pkId"
@@ -141,17 +141,17 @@
           <div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}">
           </div>
           <div class="p_device yytsj_wrap">
-            <img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
+            <img class="device_img" src="../../../assets/images/device/yytsj_green.png" alt="">
           </div>
           <div class="p_device yygcj_wrap">
-            <img class="device_img" src="../assets/images/device/yygcj_green.png" alt="">
+            <img class="device_img" src="../../../assets/images/device/yygcj_green.png" alt="">
           </div>
         </div>
         <div class="p_device" v-for="(e, i) in gantryRobot" :key="e.equipment" :class="'yjbyx_' + (i + 1)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/yjbyx_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/yjbyx_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/yjbyx_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/yjbyx_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/yjbyx_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/yjbyx_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/yjbyx_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="hangj"
             :pkId="pkId"
@@ -162,9 +162,9 @@
         </div>
         <div class="p_device ktp_yao_back_wrap_1">
           <div class="ktp_yao_back" v-for="e in backWarehouse" :key="e.equipment">
-            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
             <device-pop
             type="tp"
             :pkId="pkId"
@@ -175,10 +175,10 @@
           </div>
         </div>
         <div class="p_device dpj_wrap">
-          <img v-show="trayStacker.status === 1" class="device_img" src="../assets/images/device/dpj_green.png" alt="" @click="getInfo(trayStacker)">
-          <img v-show="trayStacker.status === 2" class="device_img" src="../assets/images/device/dpj_yellow.png" alt="" @click="getInfo(trayStacker)">
-          <img v-show="trayStacker.status === 3" class="device_img" src="../assets/images/device/dpj_gray.png" alt="" @click="getInfo(trayStacker)">
-          <img v-show="trayStacker.status === 4" class="device_img" src="../assets/images/device/dpj_red.png" alt="" @click="getInfo(trayStacker)">
+          <img v-show="trayStacker.status === 1" class="device_img" src="../../../assets/images/device/dpj_green.png" alt="" @click="getInfo(trayStacker)">
+          <img v-show="trayStacker.status === 2" class="device_img" src="../../../assets/images/device/dpj_yellow.png" alt="" @click="getInfo(trayStacker)">
+          <img v-show="trayStacker.status === 3" class="device_img" src="../../../assets/images/device/dpj_gray.png" alt="" @click="getInfo(trayStacker)">
+          <img v-show="trayStacker.status === 4" class="device_img" src="../../../assets/images/device/dpj_red.png" alt="" @click="getInfo(trayStacker)">
           <device-pop
             type="cpj"
             :pkId="pkId"
@@ -187,12 +187,12 @@
           ></device-pop>
         </div>
         <div class="p_device ltssj_wrap">
-          <!-- <img class="device_img" src="../assets/images/device/ltssj_green.png" alt=""> -->
+          <!-- <img class="device_img" src="../../../assets/images/device/ltssj_green.png" alt=""> -->
           <div class="ltssj" v-for="e in  conveyorLine" :key="e.equipment">
-            <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
             <device-pop
               type="ssx"
               :pkId="pkId"
@@ -205,9 +205,9 @@
     </div>
     <div class="p_device ktp_yao_front_wrap">
       <div class="ktp_yao_front" v-for="e in  frontWarehouse" :key="e.equipment">
-        <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/ktp_green.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/ktp_gray.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktp_red.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/ktp_green.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/ktp_gray.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktp_red.png" alt="" @click="getInfo(e)">
         <device-pop
           type="tp"
           :pkId="pkId"
@@ -219,7 +219,7 @@
     <div class="p_device cpj_ssx_wrap">
       <div class="ssx_wrap">
         <div class="ssx" v-for="(e, i) in vconveyorLine" :key="i">
-          <img class="device_img" src="../assets/images/device/ssx_green.png" alt="" @click="getInfo(e)">
+          <img class="device_img" src="../../../assets/images/device/ssx_green.png" alt="" @click="getInfo(e)">
           <device-pop
             type="ssx"
             :pkId="pkId"
@@ -229,10 +229,10 @@
         </div>
       </div>
       <div class="p_device cpj_wrap">
-        <img v-show="trayDestacker.status === 1" class="device_img" src="../assets/images/device/cpj_green.png" alt="" @click="getInfo(trayDestacker)">
-        <img v-show="trayDestacker.status === 2" class="device_img" src="../assets/images/device/cpj_yellow.png" alt="" @click="getInfo(trayDestacker)">
-        <img v-show="trayDestacker.status === 3" class="device_img" src="../assets/images/device/cpj_gray.png" alt="" @click="getInfo(trayDestacker)">
-        <img v-show="trayDestacker.status === 4" class="device_img" src="../assets/images/device/cpj_red.png" alt="" @click="getInfo(trayDestacker)">
+        <img v-show="trayDestacker.status === 1" class="device_img" src="../../../assets/images/device/cpj_green.png" alt="" @click="getInfo(trayDestacker)">
+        <img v-show="trayDestacker.status === 2" class="device_img" src="../../../assets/images/device/cpj_yellow.png" alt="" @click="getInfo(trayDestacker)">
+        <img v-show="trayDestacker.status === 3" class="device_img" src="../../../assets/images/device/cpj_gray.png" alt="" @click="getInfo(trayDestacker)">
+        <img v-show="trayDestacker.status === 4" class="device_img" src="../../../assets/images/device/cpj_red.png" alt="" @click="getInfo(trayDestacker)">
         <device-pop
           type="ssx"
           :pkId="pkId"
@@ -246,41 +246,41 @@
         <div class="yj_630_blocks">
           <div class="yj_630_block" v-for="(e, i) in [1,1,1]" :key="i" style="opacity: 0.2">
             <div class="p_device yj_630_wrap_1">
-              <img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="">
             </div>
             <div class="p_device yj_630_wrap_1 yj_630_wrap_2" :style="i === 2 ? 'display: none' : ''">
-              <img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="">
             </div>
             <div class="p_device slw_630_wrap_1">
-              <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="">
             </div>
             <div class="p_device slw_630_wrap_1 slw_630_wrap_2">
-              <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="">
             </div>
             <div class="p_device mdssj_630_wrap_1">
-              <img class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/mdssj_gray.png" alt="">
             </div>
             <div class="p_device mdssj_630_wrap_1 mdssj_630_wrap_2">
-              <img class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/mdssj_gray.png" alt="">
             </div>
             <div class="p_device lmyzj_630_wrap_1">
-              <img class="device_img" src="../assets/images/device/630/lmyzj_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/lmyzj_gray.png" alt="">
             </div>
             <div class="p_device weilan_630_wrap">
-              <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/wl.png" alt="">
             </div>
             <div class="p_device ktp_630_wrap" v-for="(e, i) in [1,1,1,1]" :key="i" :class="'ktp_630_wrap_' + (i+1)">
-              <img class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="">
             </div>
             <div class="p_device robot_630_wrap">
-              <img class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/robot_630_gray.png" alt="">
             </div>
           </div>
           <div class="yj_630_block yj_630_block_reverse" v-for="e in press.slice(0,3)" :key="e.pkid">
             <div class="p_device slw_630_wrap_1" v-for="(el, j) in e.loadLocation" :key="el.equipment" :class="{'slw_630_wrap_2': j === 1}">
-              <img v-show="el.status !== 4 && (el.pointStatus === '2' || el.pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status !== 4 && (el.pointStatus === '1')" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status !== 4 && (el.pointStatus === '2' || el.pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status !== 4 && (el.pointStatus === '1')" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(el)">
               <device-pop
                 type="lz"
                 :pkId="pkId"
@@ -290,10 +290,10 @@
             </div>
             <div v-for="(el, j) in e.pressMachine" :key="el.equipment">
               <div class="p_device yj_630_wrap_1" :class="{'yj_630_wrap_2': j === 1}">
-                <img v-show="el.status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(el)">
-                <img v-show="el.status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(el)">
-                <img v-show="el.status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(el)">
-                <img v-show="el.status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(el)">
+                <img v-show="el.status === 1" class="device_img" src="../../../assets/images/device/630/yj_green.png" alt="" @click="getInfo(el)">
+                <img v-show="el.status === 2" class="device_img" src="../../../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(el)">
+                <img v-show="el.status === 3" class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(el)">
+                <img v-show="el.status === 4" class="device_img" src="../../../assets/images/device/630/yj_red.png" alt="" @click="getInfo(el)">
                 <device-pop
                   type="yj"
                   :pkId="pkId"
@@ -302,26 +302,26 @@
                 ></device-pop>
               </div>
               <div class="p_device mdssj_630_wrap_1" :class="{'mdssj_630_wrap_2': j === 1}">
-                <img v-show="el.status === 1" class="device_img" src="../assets/images/device/630/mdssj_green.png" alt="">
-                <img v-show="el.status === 2" class="device_img" src="../assets/images/device/630/mdssj_yellow.png" alt="">
-                <img v-show="el.status === 3" class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt="">
-                <img v-show="el.status === 4" class="device_img" src="../assets/images/device/630/mdssj_red.png" alt="">
+                <img v-show="el.status === 1" class="device_img" src="../../../assets/images/device/630/mdssj_green.png" alt="">
+                <img v-show="el.status === 2" class="device_img" src="../../../assets/images/device/630/mdssj_yellow.png" alt="">
+                <img v-show="el.status === 3" class="device_img" src="../../../assets/images/device/630/mdssj_gray.png" alt="">
+                <img v-show="el.status === 4" class="device_img" src="../../../assets/images/device/630/mdssj_red.png" alt="">
               </div>
             </div>
             <div class="p_device lmyzj_630_wrap_1">
-              <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../assets/images/device/630/lmyzj_green.png" alt="">
-              <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../assets/images/device/630/lmyzj_yellow.png" alt="">
-              <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../assets/images/device/630/lmyzj_gray.png" alt="">
-              <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../assets/images/device/630/lmyzj_red.png" alt="">
+              <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/630/lmyzj_green.png" alt="">
+              <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/630/lmyzj_yellow.png" alt="">
+              <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/630/lmyzj_gray.png" alt="">
+              <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/630/lmyzj_red.png" alt="">
             </div>
             <div class="p_device weilan_630_wrap">
-              <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
+              <img class="device_img" src="../../../assets/images/device/630/wl.png" alt="">
             </div>
             <div class="p_device ktp_630_wrap" v-for="(el, j) in e.unloadLocation" :key="el.equipment" :class="'ktp_630_wrap_' + (j+1)">
-              <img v-show="el.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(el)">
+              <img v-show="el.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(el)">
               <device-pop
                 type="tp"
                 :pkId="pkId"
@@ -330,10 +330,10 @@
               ></device-pop>
             </div>
             <div class="p_device robot_630_wrap" :class="e.palletizingRobot.status === 1 ? 'rotate_1' : ''">
-              <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(e.palletizingRobot)">
-              <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(e.palletizingRobot)">
-              <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(e.palletizingRobot)">
-              <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(e.palletizingRobot)">
+              <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(e.palletizingRobot)">
+              <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(e.palletizingRobot)">
+              <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(e.palletizingRobot)">
+              <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(e.palletizingRobot)">
             </div>
             <div class="p_device robot_630_wrap">
               <device-pop
@@ -352,26 +352,26 @@
     <div class="machine_block machine_block_4">
       <div class="yj_1600_block_1 yj_1250_block">
         <div class="p_device weilan_1600_wrap">
-          <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/630/wl.png" alt="">
         </div>
         <div class="p_device yj_1600_wrap_1">
-          <img class="device_img" src="../assets/images/device/630/yj_gray.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="">
         </div>
         <div class="p_device robot_1600_wrap">
-          <img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/robot_2500_gray.png" alt="">
         </div>
         <div class="p_device ktp_1600_wrap" v-for="(e, i) in [1,1]" :key="i" :class="'ktp_1600_wrap_' + (i+1)">
-          <img class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="">
         </div>
       </div>
       <div v-if="press.length >= 3" class="yj_1600_block_1">
         <div class="p_device weilan_1600_wrap">
-          <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/630/wl.png" alt="">
         </div>
         <div class="p_device slw_1600_wrap" v-for="(e, i) in press[3].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (i + 1)">
-          <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="lz"
             :pkId="pkId"
@@ -380,10 +380,10 @@
           ></device-pop>
         </div>
         <div class="p_device yj_1600_wrap_1">
-          <img v-show="press[3].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[3].pressMachine[0])">
-          <img v-show="press[3].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[3].pressMachine[0])">
-          <img v-show="press[3].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[3].pressMachine[0])">
-          <img v-show="press[3].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[3].pressMachine[0])">
+          <img v-show="press[3].pressMachine[0].status === 1" class="device_img" src="../../../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[3].pressMachine[0])">
+          <img v-show="press[3].pressMachine[0].status === 2" class="device_img" src="../../../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[3].pressMachine[0])">
+          <img v-show="press[3].pressMachine[0].status === 3" class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[3].pressMachine[0])">
+          <img v-show="press[3].pressMachine[0].status === 4" class="device_img" src="../../../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[3].pressMachine[0])">
           <device-pop
             type="yj"
             :pkId="pkId"
@@ -392,10 +392,10 @@
           ></device-pop>
         </div>
         <div class="p_device ktp_1600_wrap" v-for="(e, i) in press[3].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="tp"
             :pkId="pkId"
@@ -404,10 +404,10 @@
           ></device-pop>
         </div>
         <div class="p_device robot_1600_wrap" :class="press[3].palletizingRobot.status === 1 ? 'rotate_4' : ''">
-          <img v-show="press[3].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[3].palletizingRobot)">
-          <img v-show="press[3].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[3].palletizingRobot)">
-          <img v-show="press[3].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[3].palletizingRobot)">
-          <img v-show="press[3].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[3].palletizingRobot)">
+          <img v-show="press[3].palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[3].palletizingRobot)">
+          <img v-show="press[3].palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[3].palletizingRobot)">
+          <img v-show="press[3].palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[3].palletizingRobot)">
+          <img v-show="press[3].palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[3].palletizingRobot)">
         </div>
         <div class="p_device robot_1600_wrap">
           <device-pop
@@ -420,12 +420,12 @@
       </div>
       <div v-if="press.length >= 4" class="yj_1600_block_1 yj_1600_block_2">
         <div class="p_device weilan_1600_wrap">
-          <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/630/wl.png" alt="">
         </div>
         <div class="p_device slw_1600_wrap" v-for="(e, i) in press[4].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (2 * i + 2)">
-          <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="lz"
             :pkId="pkId"
@@ -434,10 +434,10 @@
           ></device-pop>
         </div>
         <div class="p_device yj_1600_wrap_1">
-          <img v-show="press[4].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[4].pressMachine[0])">
-          <img v-show="press[4].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[4].pressMachine[0])">
-          <img v-show="press[4].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[4].pressMachine[0])">
-          <img v-show="press[4].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[4].pressMachine[0])">
+          <img v-show="press[4].pressMachine[0].status === 1" class="device_img" src="../../../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[4].pressMachine[0])">
+          <img v-show="press[4].pressMachine[0].status === 2" class="device_img" src="../../../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[4].pressMachine[0])">
+          <img v-show="press[4].pressMachine[0].status === 3" class="device_img" src="../../../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[4].pressMachine[0])">
+          <img v-show="press[4].pressMachine[0].status === 4" class="device_img" src="../../../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[4].pressMachine[0])">
           <device-pop
             type="yj"
             :pkId="pkId"
@@ -446,10 +446,10 @@
           ></device-pop>
         </div>
         <div class="p_device ktp_1600_wrap" v-for="(e, i) in press[4].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="tp"
             :pkId="pkId"
@@ -458,10 +458,10 @@
           ></device-pop>
         </div>
         <div class="p_device robot_1600_wrap" :class="press[4].palletizingRobot.status === 1 ? 'rotate_4' : ''">
-          <img v-show="press[4].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[4].palletizingRobot)">
-          <img v-show="press[4].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[4].palletizingRobot)">
-          <img v-show="press[4].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[4].palletizingRobot)">
-          <img v-show="press[4].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[4].palletizingRobot)">
+          <img v-show="press[4].palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[4].palletizingRobot)">
+          <img v-show="press[4].palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[4].palletizingRobot)">
+          <img v-show="press[4].palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[4].palletizingRobot)">
+          <img v-show="press[4].palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[4].palletizingRobot)">
         </div>
         <div class="p_device robot_1600_wrap">
           <device-pop
@@ -474,13 +474,13 @@
       </div>
       <div v-if="press.length >= 5" class="yj_1600_block_1 yj_2500_block">
         <div class="p_device weilan_2500_wrap">
-          <img class="device_img" src="../assets/images/device/2500/wl.png" alt="">
+          <img class="device_img" src="../../../assets/images/device/2500/wl.png" alt="">
         </div>
         <div class="p_device yj_2500_wrap">
-          <img v-show="press[5].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/1600/yj_green.png" alt="" @click="getInfo(press[5].pressMachine[0])">
-          <img v-show="press[5].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/1600/yj_yellow.png" alt="" @click="getInfo(press[5].pressMachine[0])">
-          <img v-show="press[5].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="" @click="getInfo(press[5].pressMachine[0])">
-          <img v-show="press[5].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/1600/yj_red.png" alt="" @click="getInfo(press[5].pressMachine[0])">
+          <img v-show="press[5].pressMachine[0].status === 1" class="device_img" src="../../../assets/images/device/1600/yj_green.png" alt="" @click="getInfo(press[5].pressMachine[0])">
+          <img v-show="press[5].pressMachine[0].status === 2" class="device_img" src="../../../assets/images/device/1600/yj_yellow.png" alt="" @click="getInfo(press[5].pressMachine[0])">
+          <img v-show="press[5].pressMachine[0].status === 3" class="device_img" src="../../../assets/images/device/1600/yj_gray.png" alt="" @click="getInfo(press[5].pressMachine[0])">
+          <img v-show="press[5].pressMachine[0].status === 4" class="device_img" src="../../../assets/images/device/1600/yj_red.png" alt="" @click="getInfo(press[5].pressMachine[0])">
           <device-pop
             type="yj"
             :pkId="pkId"
@@ -490,9 +490,9 @@
         </div>
         <div class="p_device lz_yyj_wrap_1">
           <div class="lz_yyj_1" v-for="e in press[5].loadLocation.slice(0, 8)" :key="e.equipment">
-            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
             <device-pop
               type="lz"
               :pkId="pkId"
@@ -503,9 +503,9 @@
         </div>
         <div class="p_device lz_yyj_wrap_2">
           <div class="lz_yyj_2" v-for="(e, i) in press[5].loadLocation.slice(8, 10)" :key="i">
-            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && (e.pointStatus === '2' || e.pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status !== 4 && e.pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+            <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
             <device-pop
               type="lz"
               :pkId="pkId"
@@ -516,9 +516,9 @@
         </div>
         <div v-if="press[5].loadLocation.length > 10" class="p_device ktp_yyj_wrap_3">
           <div class="lz_yyj_2">
-            <img v-show="press[5].loadLocation[10].status !== 4 && (press[5].loadLocation[10].pointStatus === '2' || press[5].loadLocation[10].pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[10])">
-            <img v-show="press[5].loadLocation[10].status !== 4 && press[5].loadLocation[10].pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[10])">
-            <img v-show="press[5].loadLocation[10].status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[10])">
+            <img v-show="press[5].loadLocation[10].status !== 4 && (press[5].loadLocation[10].pointStatus === '2' || press[5].loadLocation[10].pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[10])">
+            <img v-show="press[5].loadLocation[10].status !== 4 && press[5].loadLocation[10].pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[10])">
+            <img v-show="press[5].loadLocation[10].status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[10])">
             <device-pop
               type="lz"
               :pkId="pkId"
@@ -529,9 +529,9 @@
         </div>
         <div v-if="press[5].loadLocation.length > 11" class="p_device lz_yyj_wrap_2 lz_yyj_wrap_3">
           <div class="lz_yyj_2">
-            <img v-show="press[5].loadLocation[11].status !== 4 && (press[5].loadLocation[11].pointStatus === '2' || press[5].loadLocation[11].pointStatus === '3')" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[11])">
-            <img v-show="press[5].loadLocation[11].status !== 4 && press[5].loadLocation[11].pointStatus === '1'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[11])">
-            <img v-show="press[5].loadLocation[11].status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[11])">
+            <img v-show="press[5].loadLocation[11].status !== 4 && (press[5].loadLocation[11].pointStatus === '2' || press[5].loadLocation[11].pointStatus === '3')" class="device_img" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[11])">
+            <img v-show="press[5].loadLocation[11].status !== 4 && press[5].loadLocation[11].pointStatus === '1'" class="device_img" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[11])">
+            <img v-show="press[5].loadLocation[11].status === 4" class="device_img" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[11])">
             <device-pop
               type="lz"
               :pkId="pkId"
@@ -541,10 +541,10 @@
           </div>
         </div>
         <div class="p_device ktp_2500_wrap" v-for="(e, i) in press[5].unloadLocation" :key="e.equipment" :class="'ktp_2500_wrap_' + (i+1)">
-          <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 1" class="device_img" src="../../../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 2" class="device_img" src="../../../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 3" class="device_img" src="../../../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
+          <img v-show="e.status === 4" class="device_img" src="../../../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
           <device-pop
             type="tp"
             :pkId="pkId"
@@ -553,10 +553,10 @@
           ></device-pop>
         </div>
         <div class="p_device robot_2500_wrap" :class="press[5].palletizingRobot.status === 1 ? 'rotate_5' : ''">
-          <img v-show="press[5].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(press[5].palletizingRobot)">
-          <img v-show="press[5].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(press[5].palletizingRobot)">
-          <img v-show="press[5].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(press[5].palletizingRobot)">
-          <img v-show="press[5].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(press[5].palletizingRobot)">
+          <img v-show="press[5].palletizingRobot.status === 1" class="device_img" src="../../../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(press[5].palletizingRobot)">
+          <img v-show="press[5].palletizingRobot.status === 2" class="device_img" src="../../../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(press[5].palletizingRobot)">
+          <img v-show="press[5].palletizingRobot.status === 3" class="device_img" src="../../../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(press[5].palletizingRobot)">
+          <img v-show="press[5].palletizingRobot.status === 4" class="device_img" src="../../../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(press[5].palletizingRobot)">
         </div>
         <div class="p_device robot_2500_wrap">
           <device-pop
@@ -570,10 +570,10 @@
     </div>
     <div class="machine_block machine_block_5">
       <div class="p_device agv_1" v-for="(e, i) in agv" :key="e.equipment" :class="'agv_' + (i+1)">
-        <img v-show="e.status === 1" src="../assets/images/device/agv_green.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === 2" src="../assets/images/device/agv_yellow.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === 3" src="../assets/images/device/agv_gray.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === 4" src="../assets/images/device/agv_red.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status === 1" src="../../../assets/images/device/agv_green.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status === 2" src="../../../assets/images/device/agv_yellow.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status === 3" src="../../../assets/images/device/agv_gray.png" alt="" @click="getInfo(e)">
+        <img v-show="e.status === 4" src="../../../assets/images/device/agv_red.png" alt="" @click="getInfo(e)">
         <device-pop
           type="agv"
           :pkId="pkId"
@@ -587,10 +587,10 @@
         <div class="lz_wrap">
           <div class="lz_inner">
             <div class="lz" v-for="e in unloadLocation.slice(0, 12)" :key="e.equipment">
-              <img v-show="e.status === 1" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 2" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 3" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 4" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 1" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 2" src="../../../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 3" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 4" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
               <device-pop
                 type="hlz"
                 :pkId="pkId"
@@ -601,10 +601,10 @@
           </div>
           <div class="lz_s_inner lz_s_border">
             <div class="lz_s" v-for="e in unloadLocation.slice(12, 14)" :key="e.equipment">
-              <img v-show="e.status === 1" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 2" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 3" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 4" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 1" src="../../../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 2" src="../../../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 3" src="../../../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 4" src="../../../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
               <device-pop
                 type="hlz"
                 :pkId="pkId"
@@ -617,10 +617,10 @@
         <div class="lz_wrap hlj_wrap">
           <div class="lz_inner">
             <div class="hlj" v-for="e in mixingMachine.slice(0, 12)" :key="e.equipment">
-              <img v-show="e.status === 1" src="../assets/images/device/hlj_green.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 2" src="../assets/images/device/hlj_yellow.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 3" src="../assets/images/device/hlj_gray.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 4" src="../assets/images/device/hlj_red.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 1" src="../../../assets/images/device/hlj_green.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 2" src="../../../assets/images/device/hlj_yellow.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 3" src="../../../assets/images/device/hlj_gray.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 4" src="../../../assets/images/device/hlj_red.png" alt="" @click="getInfo(e)">
               <device-pop
                 type="hlj"
                 :pkId="pkId"
@@ -631,10 +631,10 @@
           </div>
           <div class="lz_s_inner hlj_s_border">
             <div class="hlj_s" v-for="e in mixingMachine.slice(12, 14)" :key="e.equipment">
-              <img v-show="e.status === 1" src="../assets/images/device/hlj_s_green.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 2" src="../assets/images/device/hlj_s_yellow.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 3" src="../assets/images/device/hlj_s_gray.png" alt="" @click="getInfo(e)">
-              <img v-show="e.status === 4" src="../assets/images/device/hlj_s_red.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 1" src="../../../assets/images/device/hlj_s_green.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 2" src="../../../assets/images/device/hlj_s_yellow.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 3" src="../../../assets/images/device/hlj_s_gray.png" alt="" @click="getInfo(e)">
+              <img v-show="e.status === 4" src="../../../assets/images/device/hlj_s_red.png" alt="" @click="getInfo(e)">
               <device-pop
                 type="hlj"
                 :pkId="pkId"
@@ -650,10 +650,10 @@
 </template>
 
 <script>
-import TCanvas from '@components/canvas.vue'
+import TCanvas from './canvas.vue'
 import DevicePop from '@components/devicepop.vue'
-import {homepageEquipment} from '@js/getData2.js'
-// import {homepageEquipment} from '@js/mork2.js'
+// import {homepageEquipment} from '@js/getData2.js'
+import {homepageEquipment} from '@js/mork2.js'
 export default {
   name: 'workshop',
   components: {
@@ -761,9 +761,9 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@css/mixin'
 .center_wrapper
-  _wh(100%, 100%)
+  width 100%
+  height 100%
   position relative
   background-size 100% 100%
 .status_wrap
@@ -771,17 +771,24 @@ export default {
     top 2%
     right 0
     z-index 1
-    _fj(row)
+    display: flex
+    justify-content space-between
+    align-items center
 .status_item
-    _fj(row)
+    display: flex
+    justify-content space-between
+    align-items center
     margin-left 20px
 .status_tip
-    _wh(15px, 15px)
+    width 15px
+    height 15px
     border-radius 50%
     margin-right 10px
     box-shadow 0px 0px 4px 0px rgba(33,121,195,0.88)
 .status_name
-    _font(16px, 1, #fff)
+    font-size .16rem
+    line-height 1
+    color #fff
 .machine_block
   position absolute
   border: 1px solid #00c8da;
@@ -789,19 +796,23 @@ export default {
   box-shadow: 0 0 15px #0087ac;
   border-radius: 10px;
 .machine_block_1
-  _wh(48%, 50%)
+  width 48%
+  height 50%
   left 0
   top 0
 .machine_block_2
-  _wh(35%, 23%)
+  width 35%
+  height 23%
   left 58%
   top 17%
 .machine_block_3
-  _wh(58%, 32%)
+  width 58%
+  height 32%
   top 57%
   padding .1rem 4.5%
 .machine_block_4
-  _wh(39%, 32%)
+  width 39%
+  height 32%
   left auto
   right 0
   top 57%
@@ -810,35 +821,41 @@ export default {
   box-shadow 5px -5px 8px rgba(0, 135, 172, .6)
   padding 0
 .machine_block_5
-  _wh(15%, auto)
+  width 15%
   left 61%
   top 78%
   padding 0.2rem
   border none
   box-shadow none
 .machine_block_6
-  _wh(100%, 10%)
+  width 100%
+  height 10%
   padding  .07rem .1rem
   top auto
   bottom 0
 .machine_combine
   position relative
-  _wh(100%, 100%)
+  width 100%
+  height 100%
 .p_device
   position absolute
   top 0
   left 0
 .device_img
-  _wh(100%, 100%)
+  width 100%
+  height 100%
 .yjbyx_1
-  _wh(100%, 10%)
+  width 100%
+  height 10%
 .yjbyx_2
-  _wh(100%, 10%)
+  width 100%
+  height 10%
   top auto
   bottom 0
 .yao_line_1
   position absolute
-  _wh(100%, 6px)
+  width 100%
+  height 6px
   border 1px solid #d1d1d1
   top -9px
   background-color #9e9e9e
@@ -849,17 +866,20 @@ export default {
   top auto
   bottom -9px
 .yao_line_dot
-  _wh(2px, 100%)
+  width 2px
+  height 100%
   background-color #e1e1e1
 .yao_wrap
   position absolute
-  _wh(2%, 100%)
+  width 2%
+  height 100%
   background-color #ded8e6
 .yao_bg_1
   position absolute
   top: 9%;
   left: 6%;
-  _wh(9%, 82%)
+  width 9%
+  height 82%
   background-color #d3d3d3
 .yao_bg_2
   left 19%
@@ -867,23 +887,27 @@ export default {
   position absolute
   left -5px
   top -3px
-  _wh(calc(100% + 10px), calc(100% + 6px))
+  width calc(100% + 10px)
+  height calc(100% + 6px)
   border-left 2px solid #909090
   border-right 2px solid #909090
 .yao_layer2
   position absolute
   left calc(50% - 1px)
   top 0
-  _wh(2px, 100%)
+  width 2px
+  height 100%
   background-color #ddb528
 .yao_layer3
   position absolute
   left -5px
   top 5%
-  _wh(calc(100% + 10px), 90%)
+  width calc(100% + 10px)
+  height 90%
 .yao_layer4
   position absolute
-  _wh(calc(100% + 10px), 2px)
+  width calc(100% + 10px)
+  height 2px
   top 7%
   left -5px
   background-color #6d9d6a
@@ -907,10 +931,10 @@ export default {
 .yao_7
   left 81%
 .yytsj_wrap
-  _wh(50%, auto)
+  width 50%
   left 25%
 .yygcj_wrap
-  _wh(50%, auto)
+  width 50%
   top auto
   bottom 0
   left 25%
@@ -918,36 +942,39 @@ export default {
   left auto
   right: 0;
   top: 10%;
-  _wh(7%, auto)
-  _fj()
+  width 7%
+  display: flex
+  justify-content space-between
+  align-items center
   flex-wrap wrap
 .ktp_yao_back
   position relative
-  _wh(50%, auto)
+  width 50%
 .dpj_wrap
-  _wh(6%, auto)
+  width 6%
   left auto
   top auto
   right 1%
   bottom 15%
 .ltssj_wrap
-  _wh(3.3%, auto)
+  width 3.3%
   left: auto;
   right 4%
   top: 87%;
 .weilan_wrap_1
-  _wh(auto, 100%)
+  height 100%
 .weilan_wrap_2
   left auto
   right 0
 .ssj_wrap_1
-  _wh(55%, 30%)
+  width 55%
+  height 30%
   left: 18%;
   top: 20%;
 .ssj_wrap_2
   top 60%
 .ktp_cmd_wrap
-  _wh(6%, auto)
+  width 6%
 .ktp_cmd_wrap_1
   left: 6%;
   top: 6%;
@@ -961,7 +988,8 @@ export default {
   left: 89.5%;
   top: 42%;
 .robot_cmd_wrap_1
-  _wh(1%, 1%)
+  width 1%
+  height 1%
   left: 9%;
   top: 50%;
   img
@@ -973,51 +1001,56 @@ export default {
 .robot_cmd_wrap_2
   left 79%
 .fmjxt_wrap
-  _wh(9%, auto)
+  width 9%
   left 88%
   top 10%
 .yj_630_blocks
   display flex
-  _wh(100%, 100%)
+  width 100%
+  height 100%
   justify-content space-between
   align-items center
   flex-wrap wrap
 .yj_630_block
   position relative
-  _wh(27%, 46%)
+  width 27%
+  height 46%
   &:nth-child(2), &:nth-child(5)
     margin-left 8%
     margin-right 8%
   &:nth-child(n+4)
     margin-top 4%
 .yj_630_wrap_1
-  _wh(45%, 26%)
+  width 45%
+  height 26%
 .yj_630_wrap_2
   left auto
   right 0
 .slw_630_wrap_1
-  _wh(19%, auto)
+  width 19%
   left -24%
   top 5%
 .slw_630_wrap_2
   top 21%
 .mdssj_630_wrap_1
-  _wh(38%, auto)
+  width 38%
   left 10%
   top 25%
 .mdssj_630_wrap_2
   left auto
   right 10%
 .lmyzj_630_wrap_1
-  _wh(35%, auto)
+  width 35%
   left 36%
   top 31%
 .weilan_630_wrap
-  _wh(100%, 66%)
+  width 100%
+  height 66%
   top auto
   bottom 0
 .robot_630_wrap
-  _wh(1%, 1%)
+  width 1%
+  height 1%
   left: 47%;
   top: 73%;
   img
@@ -1027,7 +1060,7 @@ export default {
       top: -3500%;
       left: -900%;
 .ktp_630_wrap
-    _wh(15%, auto)
+    width 15%
 .ktp_630_wrap_1
     left 10%
     top 47%
@@ -1088,15 +1121,17 @@ export default {
   position absolute
   left: 5%;
   top 3%
-  _wh(28%, 32%)
+  width 28%
+  height 32%
 .yj_1600_block_2
   left 38%
 .weilan_1600_wrap
-  _wh(100%, 66%)
+  width 100%
+  height 66%
   top auto
   bottom 0
 .slw_1600_wrap
-  _wh(19%, auto)
+  width 19%
 .slw_1600_wrap_1
   left: -9%;
   top: 7%;
@@ -1116,21 +1151,22 @@ export default {
   left 127%
   top 23%
 .yj_1600_wrap_1
-  _wh(69%, auto)
+  width 69%
   left auto
   right 0
 .qzj_1600_wrap
-  _wh(22%, auto)
+  width 22%
   left auto
   right 0
   top auto
   bottom 0
 .jcj_1600_wrap
-  _wh(27%, auto)
+  width 27%
   left 39%
   top 10%
 .robot_1600_wrap
-  _wh(1%, 1%)
+  width 1%
+  height 1%
   left: 49%;
   top: 73%;
   img
@@ -1140,7 +1176,7 @@ export default {
     top: -3600%;
     left: -800%;
 .ktp_1600_wrap
-  _wh(17%, auto)
+  width 17%
 .ktp_1600_wrap_1
   left: 10%;
   top: 60%;
@@ -1153,28 +1189,32 @@ export default {
   right 1%
   opacity 0.2
 .yj_2500_block
-  _wh(34%, 52%)
+  width 34%
+  height 52%
   left auto
   top auto
   right 8%
   bottom 6%
 .weilan_2500_wrap
-  _wh(80%, 66%)
+  width 80%
+  height 66%
   left auto
   right 0
 .slw_2500_wrap
-  _wh(16%, auto)
+  width 16%
   top auto
   bottom 0
   left 74%
 .yj_2500_wrap
-  _wh(40%, auto)
+  width 40%
   top: 38%;
   left: auto;
   right: 4%;
 .lz_yyj_wrap_1
-  _wh(31%, auto)
-  _fj(flex-start)
+  width 31%
+  display: flex
+  justify-content flex-start
+  align-items center
   flex-wrap wrap
   top: 33%;
   left: -9%;
@@ -1192,20 +1232,21 @@ export default {
   position relative
   width 50%
   img
-    _wh(100%, auto)
+    width 100%
 .lz_yyj_2
   position relative
 .jzj_2500_wrap
-  _wh(36%, auto)
+  width 36%
   left auto
   right 0
   top 38%
 .jcj_2500_wrap
-  _wh(40%, auto)
+  width 40%
   left 50%
   top 22%
 .robot_2500_wrap
-  _wh(1%, 1%)
+  width 1%
+  height 1%
   left: 60%;
   top: 13%;
   img
@@ -1215,7 +1256,7 @@ export default {
     top: -400%;
     left: -900%;
 .ktp_2500_wrap
-  _wh(14%,auto)
+  width 14%
 .ktp_2500_wrap_1
   left 26%
   top 3%
@@ -1231,26 +1272,41 @@ export default {
   right 10%
   top 18%
 .lz_hj_wrap
-  _wh(100%, 100%)
-  _fj(center)
+  width 100%
+  height 100%
+  display: flex
+  justify-content center
+  align-items center
   flex-wrap wrap
 .lz_hj
-  _wh(25%, 40%)
+  width 25%
+  height 40%
   img
-    _wh(100%, 100%)
+    width 100%
+    height 100%
 .lz_hlj_wrap
-  _wh(100%, 100%)
+  width 100%
+  height 100%
 .lz_wrap
-  _wh(100%, 40%)
-  _fj()
+  width 100%
+  height 40%
+  display: flex
+  justify-content space-between
+  align-items center
 .hlj_wrap
   height 60%
 .lz_inner
-  _wh(80%, 100%)
-  _fj(flex-start)
+  width 80%
+  height 100%
+  display: flex
+  justify-content flex-start
+  align-items center
 .lz_s_inner
-  _wh(17%, 100%)
-  _fj(flex-start)
+  width 17%
+  height 100%
+  display: flex
+  justify-content flex-start
+  align-items center
   margin-left 3%
 .lz_s_border
   border 1px solid #465e7b
@@ -1266,53 +1322,65 @@ export default {
   position relative
   width 3.3%
   margin 0 2.5166666666666666%
-  _fj(center)
+  display: flex
+  justify-content center
+  align-items center
   img
-    _wh(100%, auto)
+    width 100%
 .lz_s
   position relative
   width 16%
   margin 0 17%
-  _fj(center)
+  display: flex
+  justify-content center
+  align-items center
   img
-    _wh(100%, auto)
+    width 100%
 .hlj
   position relative
   width 5.876%
   margin 0 1.2286666666666666%
-  _fj(center)
+  display: flex
+  justify-content center
+  align-items center
   img
-    _wh(100%, auto)
+    width 100%
 .hlj_s
   position relative
   width 28%
   margin 0 11%
-  _fj(center)
+  display: flex
+  justify-content center
+  align-items center
   img
-    _wh(100%, auto)
+    width 100%
 .ktp_yao_front_wrap
-  _wh(38%, auto)
+  width 38%
   top: 52%;
   left: 10%;
-  _fj(flex-start)
+  display: flex
+  justify-content flex-start
+  align-items center
   flex-wrap: wrap
 .ktp_yao_front
   position relative
-  _wh(calc(100% / 14), auto)
+  width calc(100% / 14)
 .cpj_ssx_wrap
-  _wh(15%, auto)
+  width 15%
   left: 75%;
   top: 48%;
 .ssx_wrap
-  _wh(100%, auto)
-  _fj()
+  width 100%
+  display: flex
+  justify-content space-between
+  align-items center
 .ssx
   position relative
   width 20%
   img
-    _wh(100%, auto)
+    width 100%
 .cpj_wrap
-  _wh(18%, auto)
+  width 18%
   top: -51%;
   left: 20%;
 .blue_line
@@ -1325,21 +1393,23 @@ export default {
   left: 61%;
   top: 57%;
   box-shadow -5px 5px 8px rgba(0,135,172,0.6)
-  _wh(18.5%, 13%)
+  width 18.5%
+  height 13%
   border-bottom-right-radius 0
 .blue_line_2
   left: auto
   right 0
   top: 70%
   box-shadow -5px 5px 8px rgba(0,135,172,0.6)
-  _wh(20.5%, 19%)
+  width 20.5%
+  height 19%
   border-top-left-radius 0
 .agv_1
   width 17%
   left 16%
   top -30%
   img
-    _wh(100%, auto)
+    width 100%
 .agv_2
   left 59%
 .rotate_1
diff --git a/src/router/index.js b/src/router/index.js
index e708ec7..6a37de1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,7 @@ const HomeScreen = r => require.ensure([], () => r(require('@page/HomeScreen')),
 
 const ProdCount = r => require.ensure([], () => r(require('@page/shunhe/ProdCount')), 'ProdCount')
 const StorageMonitor = r => require.ensure([], () => r(require('@page/shunhe/StorageMonitor')), 'StorageMonitor')
-const LogisticsProcess = r => require.ensure([], () => r(require('@page/shunhe/LogisticsProcess')), 'LogisticsProcess')
+const LogisticsProcess = r => require.ensure([], () => r(require('@page/shunhe/LogisticsProcess/index')), 'LogisticsProcess')
 const SortWorkMonitor = r => require.ensure([], () => r(require('@page/shunhe/SortWorkMonitor')), 'SortWorkMonitor')
 
 Vue.use(Router)