diff --git a/src/assets/css/layout2.styl b/src/assets/css/layout2.styl
index 7f13b54..45c398a 100644
--- a/src/assets/css/layout2.styl
+++ b/src/assets/css/layout2.styl
@@ -58,13 +58,13 @@
   z-index 100
   width 550px
   padding 20px 14px 30px 14px
-  _bis('../images/screen3/popup_bg.png')
+  _bis('../images/screen1/popup_bg.png')
 .foldline
   position absolute
   right -109px
   z-index 10
   _wh(127px,105px)
-  _bis('../images/screen3/dot_line.png')
+  _bis('../images/screen1/dot_line.png')
 .foldline_right
    right -109px
 .foldline_left
@@ -72,7 +72,7 @@
    transform rotateY(180deg)
 .popup_bg
   _wh(100%, 100%)
-  background top center / 100% 18px url(../images/screen3/popup_line.png) no-repeat
+  background top center / 100% 18px url(../images/screen1/popup_line.png) no-repeat
   overflow hidden
 .popup_block
   _wh(100%,100%)
diff --git a/src/assets/images/bg.png b/src/assets/images/bg.png
deleted file mode 100644
index 214abaf..0000000
Binary files a/src/assets/images/bg.png and /dev/null differ
diff --git a/src/assets/images/bg1.png b/src/assets/images/bg1.png
deleted file mode 100644
index e95779a..0000000
Binary files a/src/assets/images/bg1.png and /dev/null differ
diff --git a/src/assets/images/bg2.png b/src/assets/images/bg2.png
deleted file mode 100644
index 82c666f..0000000
Binary files a/src/assets/images/bg2.png and /dev/null differ
diff --git a/src/assets/images/bg3.png b/src/assets/images/bg3.png
deleted file mode 100644
index 41b467d..0000000
Binary files a/src/assets/images/bg3.png and /dev/null differ
diff --git a/src/assets/images/bg4.png b/src/assets/images/bg4.png
deleted file mode 100644
index b796118..0000000
Binary files a/src/assets/images/bg4.png and /dev/null differ
diff --git a/src/assets/images/header.png b/src/assets/images/header.png
deleted file mode 100644
index 47285bf..0000000
Binary files a/src/assets/images/header.png and /dev/null differ
diff --git a/src/assets/images/mon_04.png b/src/assets/images/mon_04.png
deleted file mode 100644
index fe84efd..0000000
Binary files a/src/assets/images/mon_04.png and /dev/null differ
diff --git a/src/assets/images/screen1/bg.png b/src/assets/images/screen1/bg.png
deleted file mode 100644
index 7a8bbde..0000000
Binary files a/src/assets/images/screen1/bg.png and /dev/null differ
diff --git a/src/assets/images/screen3/dot_line.png b/src/assets/images/screen1/dot_line.png
similarity index 100%
rename from src/assets/images/screen3/dot_line.png
rename to src/assets/images/screen1/dot_line.png
diff --git a/src/assets/images/screen3/popup_bg.png b/src/assets/images/screen1/popup_bg.png
similarity index 100%
rename from src/assets/images/screen3/popup_bg.png
rename to src/assets/images/screen1/popup_bg.png
diff --git a/src/assets/images/screen3/popup_line.png b/src/assets/images/screen1/popup_line.png
similarity index 100%
rename from src/assets/images/screen3/popup_line.png
rename to src/assets/images/screen1/popup_line.png
diff --git a/src/assets/images/sctj_bg1.png b/src/assets/images/sctj_bg1.png
deleted file mode 100644
index 16f69eb..0000000
Binary files a/src/assets/images/sctj_bg1.png and /dev/null differ
diff --git a/src/assets/images/sctj_bg2.png b/src/assets/images/sctj_bg2.png
deleted file mode 100644
index 75037a0..0000000
Binary files a/src/assets/images/sctj_bg2.png and /dev/null differ
diff --git a/src/assets/images/sctj_bg3.png b/src/assets/images/sctj_bg3.png
deleted file mode 100644
index ef6fa9b..0000000
Binary files a/src/assets/images/sctj_bg3.png and /dev/null differ
diff --git a/src/assets/images/tip.png b/src/assets/images/tip.png
deleted file mode 100644
index 0db0dd6..0000000
Binary files a/src/assets/images/tip.png and /dev/null differ
diff --git a/src/components/DropdownMenu.vue b/src/components/DropdownMenu.vue
deleted file mode 100644
index 6dfe33d..0000000
--- a/src/components/DropdownMenu.vue
+++ /dev/null
@@ -1,214 +0,0 @@
-<template>
-  <div class="dropdown-menu" :class="{'toggle_disabled': disabled === true}" ref="elemId">
-    <div v-if="inputed === false" class="fxrow dropdown-menu__item" @click="toggleItem">
-      <span class="dropdown-menu__title" :class="{'dropdown-menu__title_up': up === true,'dropdown-menu__title--active': open === true,'dropdown-menu__title--active_up': up === true && open === true}"><div class="ellipsis chose_T">{{active === '' ? '请选择' : option[active].label}}</div></span>
-    </div>
-    <div v-if="inputed === true" class="fxrow dropdown-menu__item dropdown-menu__item_2">
-      <input
-      type="text"
-      placeholder="请输入"
-      class="fxcol drop_input"
-      :value="value"
-      @input="handleChange($event)">
-      <span class="fxcol dropdown-menu__title dropdown-menu__title_2" :class="{'dropdown-menu__title_up': up === true,'dropdown-menu__title--active': open === true,'dropdown-menu__title--active_up': up === true && open === true}" @click="toggleItem"><div class="ellipsis">&nbsp;</div></span>
-    </div>
-    <div v-show="open" class="dropdown-item" :style="up === false ? 'top: 38px' : 'bottom: 38px'">
-      <div ref="dropdown" class="dropdown-item__content">
-        <div v-show="option.length > 0" v-for="(e, i) in option" :key="e.value" @click="$emit('dropdownMenu', i)" class="fxrow dropdown-item__option dropdown-item__option--active">
-          <div class="cell__title" :class="{'cell__title--active': i + '' === active}"><span>{{e.label}}</span></div>
-          <div class="iconfont check_icon" :class="{'check_icon--checked': i + '' === active}"></div>
-        </div>
-        <div v-show="option.length === 0" class="fxrow dropdown-item__option dropdown-item__option--active" @click="handleBlur">
-          <div class="cell__title"><span>无匹配数据</span></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DropdownMenu',
-  model: {
-    prop: 'value',
-    event: 'input'
-  },
-  props: {
-    value: String,
-    option: Array,
-    active: String,
-    open: Boolean,
-    up: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    inputed: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    toggleItem () {
-      let cheight = document.body.clientHeight
-      let bottom = this.$refs.elemId.getBoundingClientRect().bottom
-      this.$refs.dropdown.style.maxHeight = (cheight - bottom - 20) + 'px'
-      this.$emit('toggleItem')
-    },
-    handleChange ($event) {
-      let cheight = document.body.clientHeight
-      let bottom = this.$refs.elemId.getBoundingClientRect().bottom
-      this.$refs.dropdown.style.maxHeight = (cheight - bottom - 20) + 'px'
-      this.$emit('input', $event.target.value)
-      this.$emit('handleChange', $event.target.value)
-    },
-    handleBlur () {
-      this.$emit('handleBlur')
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.dropdown-menu
-  position relative
-  height inherit
-  font-size inherit
-  line-height inherit
-  background-color #fff
-  user-select none
-  width 100%
-.selectopt
-  // _font(.3rem, 38px, #606266)
-.selectbtn
-  position relative
-  flex 0 0 1rem
-  _wh(.8rem, .8rem)
-  vertical-align top
-  background-color #cccccc
-  &::before
-    content ''
-    width 0
-    height 0
-    border-left .5rem solid transparent
-    border-right .5rem solid transparent
-    border-top .5rem solid white
-    position absolute
-    right .15rem
-    top .15rem
-    pointer-events none
-    z-index 3
-.options
-  position absolute
-  z-index 100000
-  top 38px
-  width 100%
-  li
-    width 100%
-    _font(.12rem, .35rem, #000000)
-    background-color #cccccc
-    border-top 1px solid #ffffff
-    padding 0 .3rem 0 .1rem
-    user-select none
-    &:hover
-      background:#999
-.dropdown-menu__item
-  justify-content center
-  height inherit
-  font-size inherit
-  width 100%
-.dropdown-menu__item_2
-  align-items flex-start
-.drop_input
-  height .86rem
-  width calc(100% - 3rem)
-  padding 0 .15rem
-  color #606266
-  font-size .3rem
-  line-height .86rem
-.dropdown-menu__title
-  position relative
-  width 100%
-  padding 0 .15rem
-  color #606266
-  font-size inherit
-  line-height inherit
-  width 100%
-  display block
-  box-sizing border-box
-  &::after
-    position absolute
-    top 50%
-    right .16rem
-    margin-top -.1rem
-    border .06rem solid
-    border-color transparent transparent #999 #999
-    transform rotate(-45deg)
-    opacity 0.8
-    content ''
-.dropdown-menu__title_2
-  line-height 38px
-  max-width 1.4rem
-  &::after
-    right .16rem
-.dropdown-menu__title_up
-  &::after
-    transform rotate(135deg)
-    top calc(50% + .06rem)
-.dropdown-menu__title--active, .dropdown-menu__title--active div
-  color #2778f3 !important
-  &::after
-    border-color transparent transparent currentColor currentColor
-    margin-top -.02rem
-    transform rotate(135deg)
-.dropdown-menu__title--active_up, .dropdown-menu__title--active_up div
-  &::after
-    transform rotate(-45deg)
-    top calc(50% - .06rem)
-.dropdown-item
-  position absolute
-  left 0
-  width 100%
-  z-index 10
-  border-radius 4px
-  overflow hidden
-  box-shadow 0 0 .08rem 0.02rem rgba(160,160,160,0.9)
-.dropdown-item__content
-  position relative
-  width 100%
-  height auto
-  z-index 2047
-  overflow-y auto
-  background-color #fff
-  transition transform 0.3s
-.dropdown-item__option
-  width 100%
-  height 38px
-  padding 0 .15rem
-  overflow hidden
-.cell__title
-  height 38px
-  overflow hidden
-  span
-    _font(16px, 38px, #999)
-.cell__title--active span
-  color #2778f3
-.toggle_disabled
-  background-color #f5f7fa
-  border 0.02rem solid #e4e7ed
-  cursor not-allowed
-  .dropdown-menu__title
-    div
-      color #929292
-    &::after
-      border-color transparent transparent #929292 #929292
-.chose_T
-  width 100%
-  font-size inherit
-  overflow hidden
-  color #999
-</style>
diff --git a/src/components/devicepop.vue b/src/components/devicepop.vue
deleted file mode 100644
index 83279c6..0000000
--- a/src/components/devicepop.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<template>
-  <div v-if="pkId === data.equipment" class="popup_wraper" :class="{'popup_wraper_down': hangj === 1}">
-    <div class="popup_arrow" :class="{'popup_arrow_down': hangj === 1}">
-      <img src="../assets/images/device/arrow.png">
-    </div>
-    <div class="popup_bg">
-      <div class="popup_block">
-        <div v-show="type !== 'tp'" class="pop_header">
-          <div v-show="type !== 'lz' && type !== 'tp'" class="pop_name">{{data.equipment}}</div>
-          <div class="pop_status">
-            <div class="pop_status_dot" :class="data.status ==='1' ? 'green' : ''"></div>
-            <div class="pop_status_text fgray">运行</div>
-          </div>
-        </div>
-        <div v-if="type === 'lz' || type === 'tp'" class="pop_content">
-          <div class="pop_item">
-            <div class="pop_label">点位</div>
-            <div class="pop_val">{{data.equipment}}</div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">载具</div>
-            <div class="pop_val">L007</div>
-          </div>
-          <div class="pop_item pop_item_l">
-            <div class="pop_label">物料</div>
-            <div class="pop_val">W001</div>
-          </div>
-          <div class="pop_item pop_item_l">
-            <div class="pop_label">名称</div>
-            <div class="pop_val">物料1</div>
-          </div>
-          <div v-if="type === 'lz'" class="pop_item">
-            <div class="pop_label">重量</div>
-            <div class="pop_val">80&nbsp;<span>KG</span></div>
-          </div>
-          <div v-if="type === 'tp'" class="pop_item">
-            <div class="pop_label">数量</div>
-            <div class="pop_val">800&nbsp;<span>块</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">批次</div>
-            <div class="pop_val">20201010</div>
-          </div>
-          <div class="pop_item">
-            <div v-if="type === 'lz'" class="pop_label">组盘时间</div>
-            <div v-if="type === 'tp'" class="pop_label">组盘/入库时间</div>
-            <div class="pop_val">2020-10-10 19:20:20</div>
-          </div>
-          <div v-if="type === 'lz'" class="pop_item">
-            <div class="pop_label">已静置</div>
-            <div class="pop_val">8&nbsp;<span>h</span></div>
-          </div>
-        </div>
-        <div v-if="type === 'hlj' || type === 'yj' || type === 'yao' || type === 'cdjxs'" class="pop_content">
-          <div v-if="type !== 'yao'" class="pop_item pop_item_l">
-            <div class="pop_label">当前生产</div>
-            <div class="pop_val">铝碳化硅碳ACTTEXDA10M250X150X7523Z002</div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">已工作时间</div>
-            <div class="pop_val">8&nbsp;<span>h</span></div>
-          </div>
-          <div v-if="type === 'hlj' || type === 'yj'" class="pop_item">
-            <div class="pop_label">已生产总量</div>
-            <div class="pop_val">2300&nbsp;<span>KG</span></div>
-          </div>
-          <div v-if="type === 'yao'" class="pop_item">
-            <div class="pop_label">窑内物料数量</div>
-            <div class="pop_val">2300&nbsp;<span>块</span></div>
-          </div>
-          <div v-if="type === 'yao'" class="pop_item">
-            <div class="pop_label">当日已生产</div>
-            <div class="pop_val">2300&nbsp;<span>块</span></div>
-          </div>
-          <div v-if="type === 'cdjxs'" class="pop_item">
-            <div class="pop_label">完成托盘数</div>
-            <div class="pop_val">2300&nbsp;<span>托</span></div>
-          </div>
-          <div v-if="type === 'cdjxs'" class="pop_item">
-            <div class="pop_label">完成数量</div>
-            <div class="pop_val">2300&nbsp;<span>块</span></div>
-          </div>
-          <table class="popup_table">
-            <tr>
-              <th>本日生产</th>
-              <th v-if="type === 'hlj'">已生产数量</th>
-              <th v-else>客户</th>
-              <th v-if="type === 'hlj'">单位</th>
-              <th v-else>已生产（块）</th>
-            </tr>
-            <tr>
-              <td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
-              <td v-if="type === 'hlj'">1500</td>
-              <td v-else>新余</td>
-              <td v-if="type === 'hlj'">KG</td>
-              <td v-else>1000</td>
-            </tr>
-            <tr>
-              <td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
-              <td v-if="type === 'hlj'">1500</td>
-              <td v-else>新余</td>
-              <td v-if="type === 'hlj'">KG</td>
-              <td v-else>1000</td>
-            </tr>
-            <tr>
-              <td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
-              <td v-if="type === 'hlj'">1500</td>
-              <td v-else>新余</td>
-              <td v-if="type === 'hlj'">KG</td>
-              <td v-else>1000</td>
-            </tr>
-          </table>
-        </div>
-        <div v-if="type === 'hangj'" class="pop_content">
-          <div class="pop_item pop_item_l">
-            <div class="pop_label">当前物料</div>
-            <div class="pop_val">L007</div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当前载具</div>
-            <div class="pop_val">T001</div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当前物料数量</div>
-            <div class="pop_val">800&nbsp;<span>块</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当日搬运托盘数</div>
-            <div class="pop_val">800&nbsp;<span>托</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当日搬运数量</div>
-            <div class="pop_val">800&nbsp;<span>块</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当日搬运物料数</div>
-            <div class="pop_val">800&nbsp;<span>个</span></div>
-          </div>
-        </div>
-        <div v-if="type === 'ssx'" class="pop_content">
-          <div class="pop_item">
-            <div class="pop_label">已工作时间</div>
-            <div class="pop_val">3&nbsp;<span>h</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">输入托盘数</div>
-            <div class="pop_val">800&nbsp;<span>托</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">输入数量</div>
-            <div class="pop_val">800&nbsp;<span>块</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">输出托盘数</div>
-            <div class="pop_val">800&nbsp;<span>托</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">输出数量</div>
-            <div class="pop_val">800&nbsp;<span>块</span></div>
-          </div>
-        </div>
-        <div v-if="type === 'cpj'" class="pop_content">
-          <div class="pop_item">
-            <div class="pop_label">已工作时间</div>
-            <div class="pop_val">3&nbsp;<span>h</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">完成托盘数</div>
-            <div class="pop_val">800&nbsp;<span>托</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">完成垛数</div>
-            <div class="pop_val">800&nbsp;<span>垛</span></div>
-          </div>
-        </div>
-        <div v-if="type === 'tpccx'" class="pop_content">
-          <div class="pop_item">
-            <div class="pop_label">已工作时间</div>
-            <div class="pop_val">3&nbsp;<span>h</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当前托盘垛数</div>
-            <div class="pop_val">800&nbsp;<span>垛</span></div>
-          </div>
-          <div class="pop_item">
-            <div class="pop_label">当前托盘数量</div>
-            <div class="pop_val">100&nbsp;<span>个</span></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="iconfont icon-guanbi close_btn" @click="closePop"></div> -->
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'devicepop',
-  props: {
-    type: String,
-    pkId: String,
-    data: Object,
-    hangj: Number
-  },
-  methods: {
-    closePop () {
-      this.$emit('closePop')
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.popup_wraper
-  position absolute
-  left 50%
-  transform translateX(-50%) translateY(-80px)
-  bottom 0
-  z-index 100
-  padding 20px 0 30px 0
-  background top center / 100% 100% url(../assets/images/screen3/popup_bg.png) no-repeat
-  _wh(530px, auto)
-.popup_wraper_down
-  bottom auto
-  top 0
-  transform translateX(-50%) translateY(80px)
-.popup_arrow
-  position absolute
-  _wh(22px, 23px)
-  left calc(50% - 11px)
-  bottom -20px
-  animation todown 1.5s ease-in infinite
-  img
-    _wh(100%, 100%)
-.popup_arrow_down
-  bottom auto
-  top -20px
-  animation toup 1.5s ease-in infinite
-  img
-    transform rotateZ(180deg)
-.popup_bg
-  _wh(100%, auto)
-  background none
-  overflow hidden
-.popup_block
-  _wh(100%,100%)
-  padding 0
-.pop_header
-    _wh(calc(100% - 28px), 43px)
-    padding 15px 5px 0 5px
-    margin 0 14px
-    _fj(flex-end)
-    background top center / 100% 18px url(../assets/images/screen3/popup_line.png) no-repeat
-.pop_name
-  width 50%
-  _font(14px,28px,#32C5FF,,left)
-  text-shadow 2px 2px 4px #A6E6FF
-  margin-bottom 8px
-.pop_status
-  _wh(50%, 28px)
-  _fj(flex-end)
-.pop_status_dot
-    _wh(15px, 15px)
-    border-radius 50%
-    margin-right 10px
-.pop_status_text
-    _font(16px, 28px, #fff,,)
-.pop_content
-  _wh(calc(100% - 14px), auto)
-  padding 0 5px
-  margin 0 7px
-  overflow-y auto
-  _fj(flex-start)
-  align-content flex-start
-  flex-wrap wrap
-.pop_item
-    _wh(calc(50% - 14px), 24px)
-    _fj(row,flex-start)
-    background-color rgba(50,197,255,50%)
-    border-left 3px solid #fdfd0f
-    margin 0 7px 5px 7px
-    padding 0 10px 0 5px
-.pop_item_l
-  width calc(100% - 14px)
-.pop_label
-    width 80px
-    _font(12px, 24px, #fff,,left)
-.pop_val
-    width calc(100% - 80px)
-    _font(13px, 24px, #0ff,,left)
-    white-space nowrap
-    span
-      font-size 13px
-      color #fff
-.icon-guanbi
-    position absolute
-    top -30px
-    right -30px
-    _wh(30px, 30px)
-    _font(18px, 30px, #fff,,center)
-    border 1px solid #fff
-    border-radius 50%
-    background transparent
-@keyframes todown {
-    0% {
-      transform: translateY(0)
-    }
-    100% {
-      transform: translateY(20px)
-    }
-}
-@keyframes toup {
-    0% {
-      transform: translateY(0)
-    }
-    100% {
-      transform: translateY(-20px)
-    }
-}
-.popup_table
-  width calc(100% - 14px)
-  margin 0 7px
-  tr
-    th
-      _font(12px, 24px, #0ff,,left)
-      background-color #262f52
-      padding 0 10px
-    td
-      _font(13px, 24px, #fff,,left)
-      padding 0 10px
-    &:nth-child(2n)
-      td
-        background rgba(38,47,82,0.50)
-    &:nth-child(2n+1)
-      td
-        background rgba(38,47,82,0.80)
-</style>
diff --git a/src/components/workshop.vue b/src/components/workshop.vue
deleted file mode 100644
index ebdd35a..0000000
--- a/src/components/workshop.vue
+++ /dev/null
@@ -1,1498 +0,0 @@
-<template>
-  <div class="center_wrapper">
-    <t-canvas></t-canvas>
-    <div class="status_wrap">
-      <div class="status_item">
-          <div class="status_tip green"></div>
-          <div class="status_name">运行</div>
-      </div>
-      <div class="status_item">
-          <div class="status_tip yellow"></div>
-          <div class="status_name">暂停</div>
-      </div>
-      <div class="status_item">
-          <div class="status_tip gray"></div>
-          <div class="status_name">停机</div>
-      </div>
-      <div class="status_item">
-          <div class="status_tip red"></div>
-          <div class="status_name">故障</div>
-      </div>
-    </div>
-    <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="">
-        </div>
-        <div class="p_device weilan_wrap_1 weilan_wrap_2">
-          <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="">
-        </div>
-        <div class="p_device ssj_wrap_1 ssj_wrap_2">
-          <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)">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></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)">
-        </div>
-        <div class="p_device robot_cmd_wrap_1">
-          <device-pop
-            type="cdjxs"
-            :pkId="pkId"
-            :data="depalletizingRobot"
-            @closePop="closePop"
-          ></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)">
-        </div>
-        <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2">
-          <device-pop
-            type="cdjxs"
-            :pkId="pkId"
-            :data="palletizingRobot"
-            @closePop="closePop"
-          ></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)">
-          <device-pop
-            type="cdjxs"
-            :pkId="pkId"
-            :data="laminatingMachine"
-            @closePop="closePop"
-          ></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)">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-      </div>
-    </div>
-    <div class="machine_block machine_block_1">
-      <div class="machine_combine">
-        <div class="yao_line_1">
-          <div v-for="(e, i) in [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="i" class="yao_line_dot"></div>
-        </div>
-        <div class="yao_line_1 yao_line_2">
-          <div v-for="(e, i) in [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="i" class="yao_line_dot"></div>
-        </div>
-        <!-- <div class="yao_bg_1"></div> -->
-        <!-- <div class="yao_bg_1 yao_bg_2"></div> -->
-        <div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 1)" @click="getInfo(e)">
-          <div class="yao_layer1"></div>
-          <div class="yao_layer2"></div>
-          <div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}">
-          </div>
-          <div class="yao_layer4"></div>
-          <div class="yao_layer4 yao_layer5"></div>
-          <device-pop
-            type="yao"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-        <div class="yao_wrap" v-for="(e, i) in coolingConveyorLine" :key="e.equipment" :class="'yao_' + (i + 4)">
-          <div class="yao_layer1"></div>
-          <div class="yao_layer2"></div>
-          <div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}" @click="getInfo(e)">
-            <device-pop
-              type="ssx"
-              :pkId="pkId"
-              :data="e"
-              @closePop="closePop"
-            ></device-pop>
-          </div>
-          <div class="p_device yytsj_wrap">
-            <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="">
-          </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)">
-          <device-pop
-            type="hangj"
-            :pkId="pkId"
-            :data="e"
-            :hangj="i"
-            @closePop="closePop"
-          ></device-pop>
-        </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 === '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"
-            :data="e"
-            @closePop="closePop"
-          ></device-pop>
-          </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)">
-          <device-pop
-            type="cpj"
-            :pkId="pkId"
-            :data="trayStacker"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-        <div class="p_device ltssj_wrap">
-          <!-- <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)">
-            <device-pop
-              type="ssx"
-              :pkId="pkId"
-              :data="e"
-              @closePop="closePop"
-            ></device-pop>
-          </div>
-        </div>
-      </div>
-    </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 === '1'" class="device_img" src="../assets/images/device/ktp_green.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktp_yellow.png" alt="" @click="getInfo(e)">
-        <img v-show="e.status === '3'" 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"
-          :data="e"
-          @closePop="closePop"
-        ></device-pop>
-      </div>
-    </div>
-    <div class="p_device cpj_ssx_wrap">
-      <div class="ssx_wrap">
-        <div class="ssx" v-for="(e, i) in vconveyorLine" :key="i">
-          <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ssx_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ssx_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ssx_gray.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ssx_red.png" alt="" @click="getInfo(e)">
-          <device-pop
-            type="ssx"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></device-pop>
-        </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)">
-        <device-pop
-          type="ssx"
-          :pkId="pkId"
-          :data="trayDestacker"
-          @closePop="closePop"
-        ></device-pop>
-      </div>
-    </div>
-    <div class="machine_block machine_block_3">
-      <div class="machine_combine">
-        <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="">
-            </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="">
-            </div>
-            <div class="p_device slw_630_wrap_1">
-              <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="">
-            </div>
-            <div class="p_device mdssj_630_wrap_1">
-              <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="">
-            </div>
-            <div class="p_device lmyzj_630_wrap_1">
-              <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="">
-            </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="">
-            </div>
-            <div class="p_device robot_630_wrap">
-              <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.equipment">
-            <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 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(el)">
-              <img v-show="el.status === '3'" 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"
-                :data="el"
-                @closePop="closePop"
-              ></device-pop>
-            </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)">
-                <device-pop
-                  type="yj"
-                  :pkId="pkId"
-                  :data="el"
-                  @closePop="closePop"
-                ></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="">
-              </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="">
-            </div>
-            <div class="p_device weilan_630_wrap">
-              <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)">
-              <device-pop
-                type="tp"
-                :pkId="pkId"
-                :data="el"
-                @closePop="closePop"
-              ></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)">
-            </div>
-            <div class="p_device robot_630_wrap">
-              <device-pop
-                type="yj"
-                :pkId="pkId"
-                :data="e.palletizingRobot"
-                @closePop="closePop"
-              ></device-pop>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="blue_line blue_line_1"></div>
-    <div class="blue_line blue_line_2"></div>
-    <div class="machine_block machine_block_4">
-      <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="">
-        </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 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '3'" 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"
-            :data="e"
-            @closePop="closePop"
-          ></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])">
-          <device-pop
-            type="yj"
-            :pkId="pkId"
-            :data="press[3].pressMachine[0]"
-            @closePop="closePop"
-          ></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)">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></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)">
-        </div>
-        <div class="p_device robot_1600_wrap">
-          <device-pop
-            type="yj"
-            :pkId="pkId"
-            :data="press[3].palletizingRobot"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-      </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="">
-        </div>
-        <div class="p_device slw_1600_wrap slw_1600_wrap_2" v-for="(e, i) in press[4].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (2 * i + 2)">
-          <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-          <img v-show="e.status === '3'" 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"
-            :data="e"
-            @closePop="closePop"
-          ></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])">
-          <device-pop
-            type="yj"
-            :pkId="pkId"
-            :data="press[4].pressMachine[0]"
-            @closePop="closePop"
-          ></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)">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></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)">
-        </div>
-        <div class="p_device robot_1600_wrap">
-          <device-pop
-            type="yj"
-            :pkId="pkId"
-            :data="press[4].palletizingRobot"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-      </div>
-      <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="">
-        </div>
-        <div class="p_device slw_1600_wrap slw_1600_wrap_2">
-          <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
-        </div>
-        <div class="p_device slw_1600_wrap slw_1600_wrap_4">
-          <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
-        </div>
-        <div class="p_device yj_1600_wrap_1">
-          <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="">
-        </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="">
-        </div>
-      </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="">
-        </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])">
-          <device-pop
-            type="yj"
-            :pkId="pkId"
-            :data="press[5].pressMachine[0]"
-            @closePop="closePop"
-          ></device-pop>
-        </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 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === '3'" 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"
-              :data="e"
-              @closePop="closePop"
-            ></device-pop>
-          </div>
-        </div>
-        <div class="p_device lz_yyj_wrap_2">
-          <div class="lz_yyj_2" v-for="(e, i) in press[5].loadLocation.slice(8, 11)" :key="i">
-            <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
-            <img v-show="e.status === '3'" 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"
-              :data="e"
-              @closePop="closePop"
-            ></device-pop>
-          </div>
-        </div>
-        <div class="p_device ktp_yyj_wrap_3">
-          <div class="lz_yyj_3">
-            <img v-show="press[5].loadLocation[11].status === '1'" 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 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(press[5].loadLocation[11])">
-            <img v-show="press[5].loadLocation[11].status === '3'" 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"
-              :data="press[5].loadLocation[11]"
-              @closePop="closePop"
-            ></device-pop>
-          </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)">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="e"
-            @closePop="closePop"
-          ></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)">
-        </div>
-        <div class="p_device robot_2500_wrap">
-          <device-pop
-            type="tp"
-            :pkId="pkId"
-            :data="press[5].palletizingRobot"
-            @closePop="closePop"
-          ></device-pop>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="machine_block machine_block_5">
-      <div class="lz_hj_wrap">
-        <div class="lz_hj" v-for="(e, i) in storageLocation" :key="i">
-          <img v-show="e.pointStatus === '2'" src="../assets/images/device/hj.png" alt="">
-          <img v-show="e.pointStatus === '3' && e.status === '1'" src="../assets/images/device/lz_hj_green.png" alt="">
-          <img v-show="e.pointStatus === '3' && e.status === '2'" src="../assets/images/device/lz_hj_yellow.png" alt="">
-          <img v-show="e.pointStatus === '3' && e.status === '3'" src="../assets/images/device/lz_hj_gray.png" alt="">
-          <img v-show="e.pointStatus === '3' && e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt="">
-        </div>
-      </div>
-    </div> -->
-    <div class="machine_block machine_block_6">
-      <div class="lz_hlj_wrap">
-        <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)">
-              <device-pop
-                type="lz"
-                :pkId="pkId"
-                :data="e"
-                @closePop="closePop"
-              ></device-pop>
-            </div>
-          </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)">
-              <device-pop
-                type="lz"
-                :pkId="pkId"
-                :data="e"
-                @closePop="closePop"
-              ></device-pop>
-            </div>
-          </div>
-        </div>
-        <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)">
-              <device-pop
-                type="hlj"
-                :pkId="pkId"
-                :data="e"
-                @closePop="closePop"
-              ></device-pop>
-            </div>
-          </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)">
-              <device-pop
-                type="hlj"
-                :pkId="pkId"
-                :data="e"
-                @closePop="closePop"
-              ></device-pop>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import TCanvas from '@components/canvas.vue'
-import DevicePop from '@components/devicepop.vue'
-// import {homepageEquipment} from '@js/getData2.js'
-import {homepageEquipment} from '@js/mork2.js'
-export default {
-  name: 'workshop',
-  components: {
-    TCanvas,
-    DevicePop
-  },
-  data () {
-    return {
-      mixingMachine: [],
-      unloadLocation: [],
-      storageLocation: [],
-      palletizingRobot: {},
-      sunloadLocation: [],
-      depalletizingRobot: {},
-      loadLocation: [],
-      laminatingMachine: {},
-      press: [],
-      frontWarehouse: [],
-      backWarehouse: [],
-      conveyorLine: [],
-      gantryRobot: [],
-      kiln: [],
-      coolingConveyorLine: [],
-      trayStacker: {},
-      vconveyorLine: [],
-      trayDestacker: {},
-      pkId: ''
-    }
-  },
-  created () {
-    this._homepageEquipment()
-  },
-  methods: {
-    async _homepageEquipment () {
-      let res = await homepageEquipment()
-      // 混料机
-      this.mixingMachine = [...res.mix.mixingMachine]
-      // 混料机下料位
-      this.unloadLocation = [...res.mix.unloadLocation]
-      // 困料货架
-      this.storageLocation = [...res.stand.storageLocation]
-      // 分拣区
-      this.palletizingRobot = [...res.sort.palletizingRobot][0]
-      this.sunloadLocation = [...res.sort.unloadLocation]
-      this.depalletizingRobot = [...res.sort.depalletizingRobot][0]
-      this.loadLocation = [...res.sort.loadLocation]
-      this.laminatingMachine = [...res.sort.laminatingMachine][0]
-      // 压机
-      this.press = []
-      res.press.palletizingRobot.map((e, i) => {
-        // 压机上料位
-        let loadLocation = []
-        if (i < 3) {
-          loadLocation = res.press.loadLocation.slice(2 * i, 2 * i + 2)
-        } else if (i === 3) {
-          loadLocation = res.press.loadLocation.slice(6, 10)
-        } else if (i === 4) {
-          loadLocation = res.press.loadLocation.slice(10, 12)
-        } else if (i === 5) {
-          loadLocation = res.press.loadLocation.slice(12, 24)
-        }
-        // 压机
-        let pressMachine = i < 3 ? res.press.pressMachine.slice(2 * i, 2 * i + 2) : res.press.pressMachine.slice(i + 3, i + 4)
-        // 压机下料位
-        let unloadLocation = i < 3 ? res.press.unloadLocation.slice(4 * i, 4 * i + 4) : res.press.unloadLocation.slice(2 * i + 6, 2 * i + 8)
-        this.press.push({palletizingRobot: e, loadLocation: loadLocation, pressMachine: pressMachine, unloadLocation: unloadLocation})
-      })
-      console.log(this.press)
-      // 窑前货架
-      this.frontWarehouse = [...res.frontWarehouse.storageLocation]
-      // 窑后货架
-      this.backWarehouse = [...res.backWarehouse.storageLocation]
-      // 干燥区
-      this.conveyorLine = [...res.dry.conveyorLine]
-      this.gantryRobot = [...res.dry.gantryRobot]
-      this.kiln = [...res.dry.kiln]
-      this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
-      // 托盘输送线
-      this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
-      let vconveyorLine = [{status: ''}, {status: ''}, {status: ''}, {status: ''}, {status: ''}]
-      vconveyorLine.length = 5
-      vconveyorLine.map(el => {
-        el.status = [...res.vehicleConveyorLine.conveyorLine][0].status
-      })
-      this.vconveyorLine = vconveyorLine
-      this.trayDestacker = [...res.vehicleConveyorLine.trayDestacker][0]
-    },
-    getInfo (e) {
-      this.pkId = this.pkId !== e.equipment ? e.equipment : ''
-    },
-    closePop () {
-      this.pkId = ''
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.center_wrapper
-  _wh(100%, 100%)
-  position relative
-  background-size 100% 100%
-.status_wrap
-    position absolute
-    top 2%
-    right 0
-    z-index 1
-    _fj(row)
-.status_item
-    _fj(row)
-    margin-left 20px
-.status_tip
-    _wh(15px, 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)
-.machine_block
-  position absolute
-  border: 1px solid #00c8da;
-  padding: 0.2rem 0.1rem;
-  box-shadow: 0 0 15px #0087ac;
-  border-radius: 10px;
-.machine_block_1
-  _wh(48%, 50%)
-  left 0
-  top 0
-.machine_block_2
-  _wh(35%, 23%)
-  left 58%
-  top 17%
-.machine_block_3
-  _wh(58%, 32%)
-  top 57%
-  padding .1rem 4.5%
-.machine_block_4
-  _wh(39%, 32%)
-  left auto
-  right 0
-  top 57%
-  border-left none
-  border-bottom none
-  box-shadow 5px -5px 8px rgba(0, 135, 172, .6)
-  padding 0
-.machine_block_5
-  _wh(15%, auto)
-  left 61%
-  top 78%
-  padding 0.2rem
-.machine_block_6
-  _wh(100%, 10%)
-  padding  .07rem .1rem
-  top auto
-  bottom 0
-.machine_combine
-  position relative
-  _wh(100%, 100%)
-.p_device
-  position absolute
-  top 0
-  left 0
-.device_img
-  _wh(100%, 100%)
-.yjbyx_1
-  _wh(100%, 10%)
-  top auto
-  bottom 0
-.yjbyx_2
-  _wh(100%, 10%)
-.yao_line_1
-  position absolute
-  _wh(100%, 6px)
-  border 1px solid #d1d1d1
-  top -9px
-  background-color #9e9e9e
-  display flex
-  justify-content: space-between
-  align-items: center
-.yao_line_2
-  top auto
-  bottom -9px
-.yao_line_dot
-  _wh(2px, 100%)
-  background-color #e1e1e1
-.yao_wrap
-  position absolute
-  _wh(2%, 100%)
-  background-color #ded8e6
-.yao_bg_1
-  position absolute
-  top: 9%;
-  left: 6%;
-  _wh(9%, 82%)
-  background-color #d3d3d3
-.yao_bg_2
-  left 19%
-.yao_layer1
-  position absolute
-  left -5px
-  top -3px
-  _wh(calc(100% + 10px), 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%)
-  background-color #ddb528
-.yao_layer3
-  position absolute
-  left -5px
-  top 5%
-  _wh(calc(100% + 10px), 90%)
-.yao_layer4
-  position absolute
-  _wh(calc(100% + 10px), 2px)
-  top 7%
-  left -5px
-  background-color #6d9d6a
-.yao_layer5
-  top auto
-  bottom 7%
-.yao_1
-  left 3%
-.yao_2
-  left 16%
-.yao_3
-  left 29%
-.yao_4
-  left 42%
-.yao_5
-  left 55%
-.yao_6
-  left 68%
-.yao_7
-  left 81%
-.yytsj_wrap
-  _wh(50%, auto)
-  left 25%
-.yygcj_wrap
-  _wh(50%, auto)
-  top auto
-  bottom 0
-  left 25%
-.ktp_yao_back_wrap_1
-  left auto
-  right: 0;
-  top: 10%;
-  _wh(7%, auto)
-  _fj()
-  flex-wrap wrap
-.ktp_yao_back
-  _wh(50%, auto)
-.dpj_wrap
-  _wh(6%, auto)
-  left auto
-  top auto
-  right 1%
-  bottom 15%
-.ltssj_wrap
-  _wh(3.3%, auto)
-  left: auto;
-  right 4%
-  top: 87%;
-.weilan_wrap_1
-  _wh(auto, 100%)
-.weilan_wrap_2
-  left auto
-  right 0
-.ssj_wrap_1
-  _wh(55%, 30%)
-  left: 18%;
-  top: 20%;
-.ssj_wrap_2
-  top 60%
-.ktp_cmd_wrap
-  _wh(6%, auto)
-.ktp_cmd_wrap_1
-  left: 6%;
-  top: 6%;
-.ktp_cmd_wrap_2
-  left 6%
-  top 78%
-.ktp_cmd_wrap_3
-  left: 89.5%;
-  top: 5%;
-.ktp_cmd_wrap_4
-  left: 89.5%;
-  top: 42%;
-.robot_cmd_wrap_1
-  _wh(1%, 1%)
-  left: 9%;
-  top: 50%;
-  img
-    position absolute
-    width: 1500%;
-    height: auto;
-    top: -700%;
-    left: -300%;
-.robot_cmd_wrap_2
-  left 79%
-.fmjxt_wrap
-  _wh(9%, auto)
-  left 88%
-  top 10%
-.yj_630_blocks
-  display flex
-  _wh(100%, 100%)
-  justify-content space-between
-  align-items center
-  flex-wrap wrap
-.yj_630_block
-  position relative
-  _wh(27%, 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%)
-.yj_630_wrap_2
-  left auto
-  right 0
-.slw_630_wrap_1
-  _wh(19%, auto)
-  left -24%
-  top 5%
-.slw_630_wrap_2
-  top 21%
-.mdssj_630_wrap_1
-  _wh(38%, auto)
-  left 10%
-  top 25%
-.mdssj_630_wrap_2
-  left auto
-  right 10%
-.lmyzj_630_wrap_1
-  _wh(35%, auto)
-  left 36%
-  top 31%
-.weilan_630_wrap
-  _wh(100%, 66%)
-  top auto
-  bottom 0
-.robot_630_wrap
-  _wh(1%, 1%)
-  left: 47%;
-  top: 73%;
-  img
-      position absolute
-      width: 2000%;
-      height: auto;
-      top: -3500%;
-      left: -900%;
-.ktp_630_wrap
-    _wh(15%, auto)
-.ktp_630_wrap_1
-    left 10%
-    top 47%
-.ktp_630_wrap_2
-    left auto
-    right 10%
-    top 47%
-.ktp_630_wrap_3
-    left 10%
-    top 75%
-.ktp_630_wrap_4
-    left auto
-    right 10%
-    top 75%
-.yj_630_block_reverse
-  .yj_630_wrap_1
-    top auto
-    bottom 0
-  .slw_630_wrap_1
-    top auto
-    bottom 21%
-    left auto
-    right -24%
-  .slw_630_wrap_2
-    top auto
-    bottom 5%
-  .mdssj_630_wrap_1
-    top auto
-    bottom 25%
-    transform rotate(180deg)
-  .lmyzj_630_wrap_1
-    top auto
-    bottom 31%
-    transform rotate(180deg)
-  .weilan_630_wrap
-    top 0
-    bottom auto
-    transform rotate(180deg)
-  .ktp_630_wrap_1
-    top auto
-    bottom 75%
-  .ktp_630_wrap_2
-    top auto
-    bottom 75%
-  .ktp_630_wrap_3
-    top auto
-    bottom 47%
-  .ktp_630_wrap_4
-    top auto
-    bottom 47%
-  .robot_630_wrap
-    top auto
-    bottom 73%
-    img
-      top: -700%;
-      left: -1200%;
-.yj_1600_block_1
-  position absolute
-  left: 5%;
-  top 3%
-  _wh(28%, 32%)
-.yj_1600_block_2
-  left 38%
-.weilan_1600_wrap
-  _wh(100%, 66%)
-  top auto
-  bottom 0
-.slw_1600_wrap
-  _wh(19%, auto)
-.slw_1600_wrap_1
-  left: -9%;
-  top: 7%;
-.slw_1600_wrap_2
-  left 9%
-  top 7%
-.slw_1600_wrap_3
-  left: -9%;
-  top: 23%;
-.slw_1600_wrap_4
-  left 9%
-  top 23%
-.yj_1600_wrap_1
-  _wh(69%, auto)
-  left auto
-  right 0
-.qzj_1600_wrap
-  _wh(22%, auto)
-  left auto
-  right 0
-  top auto
-  bottom 0
-.jcj_1600_wrap
-  _wh(27%, auto)
-  left 39%
-  top 10%
-.robot_1600_wrap
-  _wh(1%, 1%)
-  left: 49%;
-  top: 73%;
-  img
-    position: absolute;
-    width: 2000%;
-    height: auto;
-    top: -3600%;
-    left: -800%;
-.ktp_1600_wrap
-  _wh(17%, auto)
-.ktp_1600_wrap_1
-  left: 10%;
-  top: 60%;
-.ktp_1600_wrap_2
-  left: auto;
-  right: 10%;
-  top: 60%;
-.yj_1250_block
-  left auto
-  right 1%
-  opacity 0.2
-.yj_2500_block
-  _wh(34%, 52%)
-  left auto
-  top auto
-  right 8%
-  bottom 6%
-.weilan_2500_wrap
-  _wh(80%, 66%)
-  left auto
-  right 0
-.slw_2500_wrap
-  _wh(16%, auto)
-  top auto
-  bottom 0
-  left 74%
-.yj_2500_wrap
-  _wh(40%, auto)
-  top: 38%;
-  left: auto;
-  right: 4%;
-.lz_yyj_wrap_1
-  _wh(31%, auto)
-  _fj(flex-start)
-  flex-wrap wrap
-  top: 33%;
-  left: -9%;
-.lz_yyj_wrap_2
-  width: 15.5%;
-  top: 76%;
-  left: 6%;
-.ktp_yyj_wrap_3
-  width: 15.5%;
-  top: 86%;
-  left: 22%;
-.lz_yyj_1
-  width 50%
-  img
-    _wh(100%, auto)
-.jzj_2500_wrap
-  _wh(36%, auto)
-  left auto
-  right 0
-  top 38%
-.jcj_2500_wrap
-  _wh(40%, auto)
-  left 50%
-  top 22%
-.robot_2500_wrap
-  _wh(1%, 1%)
-  left: 60%;
-  top: 13%;
-  img
-    position: absolute;
-    width: 1600%;
-    height: auto;
-    top: -400%;
-    left: -900%;
-.ktp_2500_wrap
-  _wh(14%,auto)
-.ktp_2500_wrap_1
-  left 26%
-  top 3%
-.ktp_2500_wrap_2
-  left auto
-  right 5%
-  top 3%
-.ktp_2500_wrap_3
-  left 10%
-  top 18%
-.ktp_2500_wrap_4
-  left auto
-  right 10%
-  top 18%
-.lz_hj_wrap
-  _wh(100%, 100%)
-  _fj(center)
-  flex-wrap wrap
-.lz_hj
-  _wh(25%, 40%)
-  img
-    _wh(100%, 100%)
-.lz_hlj_wrap
-  _wh(100%, 100%)
-.lz_wrap
-  _wh(100%, 40%)
-  _fj()
-.hlj_wrap
-  height 60%
-.lz_inner
-  _wh(80%, 100%)
-  _fj(flex-start)
-.lz_s_inner
-  _wh(17%, 100%)
-  _fj(flex-start)
-  margin-left 3%
-.lz_s_border
-  border 1px solid #465e7b
-  border-bottom 0
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-.hlj_s_border
-  border 1px solid #465e7b
-  border-top 0
-  border-bottom-right-radius: 5px;
-  border-bottom-left-radius: 5px
-.lz
-  position relative
-  _wh(3.3%, 100%)
-  margin 0 2.5166666666666666%
-  _fj(center)
-  img
-    _wh(100%, auto)
-.lz_s
-  position relative
-  _wh(16%, 100%)
-  margin 0 17%
-  _fj(center)
-  img
-    _wh(100%, auto)
-.hlj
-  position relative
-  _wh(5.876%, 100%)
-  margin 0 1.2286666666666666%
-  _fj(center)
-  img
-    _wh(100%, auto)
-.hlj_s
-  position relative
-  _wh(28%, 100%)
-  margin 0 11%
-  _fj(center)
-  img
-    _wh(100%, auto)
-.ktp_yao_front_wrap
-  _wh(38%, auto)
-  top: 52%;
-  left: 10%;
-  _fj(flex-start)
-  flex-wrap: wrap
-.ktp_yao_front
-  _wh(calc(100% / 14), auto)
-.cpj_ssx_wrap
-  _wh(15%, auto)
-  left: 75%;
-  top: 48%;
-.ssx_wrap
-  _wh(100%, auto)
-  _fj()
-.ssx
-  width 20%
-  img
-    _wh(100%, auto)
-.cpj_wrap
-  _wh(18%, auto)
-  top: -51%;
-  left: 20%;
-.blue_line
-  position absolute
-  border-radius 10px
-  border 1px solid #00c8da
-  border-top 0
-  border-right 0
-.blue_line_1
-  left: 61%;
-  top: 57%;
-  box-shadow -5px 5px 8px rgba(0,135,172,0.6)
-  _wh(18.5%, 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%)
-  border-top-left-radius 0
-.rotate_1
-  animation rotate_1 9s linear 1s infinite
-@keyframes rotate_1 {
-    0% {
-      transform: rotateZ(20deg)
-    }
-    2% {
-        transform: rotateZ(20deg)
-    }
-    8% {
-        transform: rotateZ(60deg)
-    }
-    10% {
-        transform: rotateZ(60deg)
-    }
-    18% {
-      transform: rotateZ(20deg)
-    }
-    20% {
-        transform: rotateZ(20deg)
-    }
-    28% {
-      transform: rotateZ(100deg)
-    }
-    30% {
-        transform: rotateZ(100deg)
-    }
-    43% {
-      transform: rotateZ(-20deg)
-    }
-    50% {
-        transform: rotateZ(-20deg)
-    }
-    58% {
-      transform: rotateZ(-60deg)
-    }
-    60% {
-        transform: rotateZ(-60deg)
-    }
-    68% {
-      transform: rotateZ(-20deg)
-    }
-    70% {
-        transform: rotateZ(-20deg)
-    }
-    78% {
-      transform: rotateZ(-120deg)
-    }
-    80% {
-        transform: rotateZ(-120deg)
-    }
-    93% {
-      transform: rotateZ(20deg)
-    }
-    100% {
-        transform: rotateZ(20deg)
-    }
-}
-.rotate_2
-  animation rotate_2 4s linear 1s infinite
-@keyframes rotate_2 {
-    0% {
-      transform: rotateZ(-45deg)
-    }
-    3% {
-        transform: rotateZ(-45deg)
-    }
-    17% {
-        transform: rotateZ(-90deg)
-    }
-    20% {
-        transform: rotateZ(-90deg)
-    }
-    43% {
-        transform: rotateZ(45deg)
-    }
-    50% {
-        transform: rotateZ(45deg)
-    }
-    72% {
-        transform: rotateZ(90deg)
-    }
-    75% {
-        transform: rotateZ(90deg)
-    }
-    93% {
-        transform: rotateZ(-45deg)
-    }
-    100% {
-        transform: rotateZ(-45deg)
-    }
-}
-.rotate_3
-  animation rotate_3 4s linear 1s infinite
-@keyframes rotate_3 {
-    0%{
-      transform: rotateZ(-120deg)
-    }
-    3% {
-        transform: rotateZ(-120deg)
-    }
-    20% {
-        transform: rotateZ(0deg)
-    }
-    25% {
-        transform: rotateZ(0deg)
-    }
-    47% {
-        transform: rotateZ(120deg)
-    }
-    50% {
-        transform: rotateZ(120deg)
-    }
-    70% {
-        transform: rotateZ(0deg)
-    }
-    75% {
-        transform: rotateZ(0deg)
-    }
-    97%{
-      transform: rotateZ(-120deg)
-    }
-    100% {
-        transform: rotateZ(-120deg)
-    }
-}
-.rotate_4
-  animation rotate_4 4s linear 1s infinite
-@keyframes rotate_4 {
-    0% {
-      transform: rotateZ(0deg)
-    }
-    3% {
-        transform: rotateZ(0deg)
-    }
-    22% {
-      transform: rotateZ(-90deg)
-    }
-    25% {
-        transform: rotateZ(-90deg)
-    }
-    43% {
-      transform: rotateZ(0deg)
-    }
-    50% {
-        transform: rotateZ(0deg)
-    }
-    72% {
-      transform: rotateZ(90deg)
-    }
-    75% {
-        transform: rotateZ(90deg)
-    }
-    93% {
-        transform: rotateZ(0deg)
-    }
-    100% {
-        transform: rotateZ(0deg)
-    }
-}
-.rotate_5
-  animation rotate_5 4s linear 1s infinite
-@keyframes rotate_5 {
-    0% {
-      transform: rotateZ(-20deg)
-    }
-    3% {
-        transform: rotateZ(-20deg)
-    }
-    22% {
-      transform: rotateZ(90deg)
-    }
-    25% {
-        transform: rotateZ(90deg)
-    }
-    43% {
-      transform: rotateZ(-20deg)
-    }
-    50% {
-        transform: rotateZ(-20deg)
-    }
-    72% {
-      transform: rotateZ(-90deg)
-    }
-    75% {
-        transform: rotateZ(-90deg)
-    }
-    93% {
-        transform: rotateZ(-20deg)
-    }
-    100% {
-        transform: rotateZ(-20deg)
-    }
-}
-</style>