diff --git a/src/assets/css/reset.css b/src/assets/css/reset.css
index a2975fa..551e160 100644
--- a/src/assets/css/reset.css
+++ b/src/assets/css/reset.css
@@ -79,7 +79,7 @@ li {
      -webkit-border-radius: 6px;
 }
 
-/* 顺安大屏尺寸1920*1200 */
+/* 马钢大屏尺寸1920*1200 */
 html, body {
      /* width: 100%;
      height: 100%;
diff --git a/src/pages/Setup.vue b/src/pages/Setup.vue
index f2afbcf..ad6ab6d 100644
--- a/src/pages/Setup.vue
+++ b/src/pages/Setup.vue
@@ -98,14 +98,7 @@ export default {
         // equipId: this.active
       }
       this.$store.dispatch('setConfig', obj)
-      this.$router.push('/LogisticsProcess')
-      // this.$router.push('/MonitoringScreen')
-      // this.$router.push('/HomeScreen')
-      // if (this.active === '0') {
-      //   this.$router.push('/MonitoringScreen')
-      // } else {
-      //   this.$router.push('/devicescreen')
-      // }
+      this.$router.push('/prodcount')
       let element = document.documentElement
       if (this.fullscreen) {
         if (document.exitFullscreen) {
diff --git a/src/pages/proj/ProdCount.vue b/src/pages/proj/ProdCount.vue
new file mode 100644
index 0000000..a89d8a3
--- /dev/null
+++ b/src/pages/proj/ProdCount.vue
@@ -0,0 +1,685 @@
+<template>
+    <section class="bg">
+      <t-header title="压制生产看板">
+      </t-header>
+      <div class="container">
+        <div class="con1">
+          <div class="cbox">
+            <div>当前班次：</div>
+            <div class="num">
+              <div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
+            </div>
+          </div>
+          <div class="cbox">
+            <div>计划生产：</div>
+            <div class="num">
+              <div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
+            </div>
+            <div>块</div>
+          </div>
+          <div class="cbox">
+            <div>已生产：</div>
+            <div class="num">
+              <div class="bg" v-for="(item, i) in showNum2" :key="i" :class="{dot: item === '.'}">{{item}}</div>
+            </div>
+            <div>块</div>
+          </div>
+          <div class="cbox">
+            <div>不合格数：</div>
+            <div class="num">
+              <div class="bg" v-for="(item, i) in showNum3" :key="i" :class="{dot: item === '.'}">{{item}}</div>
+            </div>
+            <div>块</div>
+          </div>
+        </div>
+        <div class="center_wrapper" style="display:flex">
+          <div class="con2">
+            <div class="title"><span class="dotIncon"></span><span class="tltxt">当班生产</span></div>
+            <div class="item_content_1">
+              <div id="two_echart_06" style="width: 100%; height: 100%"></div>
+            </div>
+          </div>
+          <div class="con3">
+            <div class="title"><span class="dotIncon"></span><span class="tltxt">人员月生产量</span></div>
+            <div class="item_content_1">
+              <div id="echart_d3" style="width: 100%; height: 100%"></div>
+            </div>
+          </div>
+        </div>
+        <div class="con4">
+          <div class="block_h2">
+            <div class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
+          </div>
+          <div class="list_scroll_title">
+            <span>设备</span><span>工单号</span><span>班次类型</span><span>生产物料</span><span>订单客户</span><span>计划开始</span><span>计划数</span><span>已生产</span><span>不合格</span><span>合格率</span><span>状态</span><span>开工人</span><span>开始时间</span><span>结束时间</span>
+          </div>
+          <vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
+            <ul class="content-block-scroll-ul">
+              <li v-for="(e, i) in workOrder" :key="i">
+                <span>{{e.workOrderCode}}</span><span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialCode}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.status}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
+              </li>
+            </ul>
+          </vue-seamless-scroll>
+        </div>
+      </div>
+      <section class="bottom"></section>
+    </section>
+</template>
+
+<script>
+import THeader from '@components/header.vue'
+// import * as echarts from 'echarts'
+import { productionStatistics } from '@js/getData1'
+export default {
+  name: 'ProdCount',
+  components: {
+    THeader
+  },
+  data () {
+    return {
+      timeOut: null,
+      interTime: this.$store.getters.setTime,
+      timer: null,
+      showNum1: '',
+      showNum2: '',
+      showNum3: '',
+      showNum4: '333',
+      showNum5: '333',
+      myCharts03: '',
+      myCharts06: '',
+      materData: [],
+      deviceData: [],
+      arr3: [
+        {
+          device_fault_type: '张工',
+          device_fault_num: '150'
+        },
+        {
+          device_fault_type: '李工',
+          device_fault_num: '110'
+        },
+        {
+          device_fault_type: '王工',
+          device_fault_num: '130'
+        },
+        {
+          device_fault_type: '赵工',
+          device_fault_num: '100'
+        },
+        {
+          device_fault_type: '刘工',
+          device_fault_num: '120'
+        }
+      ],
+      echartData06: [
+        {
+          material_code: '压机1',
+          region_in_qty: '150',
+          region_out_qty: '100',
+          inventory_qty: '120'
+        },
+        {
+          material_code: '压机2',
+          region_in_qty: '180',
+          region_out_qty: '110',
+          inventory_qty: '120'
+        },
+        {
+          material_code: '压机3',
+          region_in_qty: '120',
+          region_out_qty: '100',
+          inventory_qty: '150'
+        },
+        {
+          material_code: '压机4',
+          region_in_qty: '100',
+          region_out_qty: '170',
+          inventory_qty: '120'
+        },
+        {
+          material_code: '压机5',
+          region_in_qty: '150',
+          region_out_qty: '100',
+          inventory_qty: '200'
+        }
+      ],
+      resData: {},
+      workOrder: []
+    }
+  },
+  computed: {
+    classOption () {
+      // return {
+      //   step: 0.4,
+      //   limitMoveNum: 6
+      // }
+      return {
+        step: 0.4, // 数值越大速度滚动越快
+        limitMoveNum: 8, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
+      }
+    }
+  },
+  mounted () {
+    this.initData()
+    this.refresh()
+  },
+  beforeDestroy () {
+    clearInterval(this.timer)
+    clearInterval(this.timeOut)
+  },
+  methods: {
+    refresh () {
+      this.timer = setInterval(() => {
+        this.initData()
+      }, this.interTime)
+    },
+    async initData () {
+      let res = await productionStatistics()
+      clearInterval(this.timeOut)
+      this.resData = res
+      this.showNum1 = (res.total.pressWeight + '').split('')
+      this.showNum2 = (res.total.dryWeight + '').split('')
+      this.showNum3 = (res.total.sortWeight + '').split('')
+      this.showNum4 = res.pressProduction.dailyProductionQty
+      this.showNum5 = res.pressProduction.dailyProductionWeight
+      this.workOrder = [...res.workOrder]
+      this.setEchart06()
+      this.setEchart3()
+    },
+    setEchart06 () {
+      let data1 = []
+      let data2 = []
+      let data3 = []
+      let device = []
+      this.echartData06.map(e => {
+        data1.push(e.region_in_qty)
+        data2.push(e.region_out_qty)
+        data3.push(e.inventory_qty)
+        device.push(e.material_code)
+      })
+      let option = {
+        grid: {
+          top: 50,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          containLabel: true
+        },
+        legend: {
+          icon: 'rect',
+          textStyle: {
+            color: '#fff',
+            fontSize: 14,
+            lineHeight: 14
+          },
+          itemGap: 10.86,
+          itemWidth: 10.16,
+          itemHeight: 7.38,
+          data: [{name: '入库数量(块)', itemStyle: {color: '#33CCCC'}}, {name: '出库数量(块)', itemStyle: {color: '#EAAD24'}}, {name: '库存数量(块)', itemStyle: {color: '#0E90FD'}}]
+        },
+        xAxis: {
+          type: 'category',
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: true,
+            lineStyle: {
+              width: 2,
+              color: '#8FABBF'
+            }
+          },
+          axisLabel: {
+            interval: 0,
+            textStyle: {
+              color: '#8FABBF',
+              fontSize: 16
+            }
+          },
+          data: device
+        },
+        yAxis: {
+          type: 'value',
+          axisLine: {
+            show: false
+          },
+          splitNumber: 2,
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: '#8FABBF',
+              fontSize: 14
+            }
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: [8, 4],
+              dashOffset: 4,
+              color: '#8FABBF'
+            }
+          }
+        },
+        series: [
+          {
+            name: '入库数量(块)',
+            type: 'bar',
+            barWidth: '8',
+            itemStyle: {
+              normal: {
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#33CCCC',
+                    opacity: 1
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(31,89,89,0.25)',
+                    opacity: 0.25
+                  }
+                ])
+              }
+            },
+            data: data1
+          },
+          {
+            name: '出库数量(块)',
+            type: 'bar',
+            barWidth: '8',
+            itemStyle: {
+              normal: {
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#B68845',
+                    opacity: 1
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(134,98,45,0.25)',
+                    opacity: 0.25
+                  }
+                ])
+              }
+            },
+            data: data2
+          },
+          {
+            name: '库存数量(块)',
+            type: 'bar',
+            barWidth: '8',
+            itemStyle: {
+              normal: {
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 1,
+                    color: 'rgba(96,112,128,0.10)',
+                    opacity: 1
+                  },
+                  {
+                    offset: 0,
+                    color: '#0E90FD',
+                    opacity: 0.1
+                  }
+                ])
+              }
+            },
+            data: data3
+          }
+        ]
+      }
+      let echart = document.getElementById('two_echart_06')
+      // if (this.myCharts06 !== '') {
+      //   this.myCharts06.dispose()
+      // }
+      if (echart !== null) {
+        this.myCharts06 = this.$echarts.init(echart)
+        this.myCharts06.setOption(option)
+        window.addEventListener('resize', () => {
+          this.myCharts06.resize()
+        })
+      }
+    },
+    setEchart3 () {
+      let max = 0
+      this.arr3.map(el => {
+        if (Number(el.device_fault_num) >= Number(max)) {
+          max = Number(el.device_fault_num)
+        }
+      })
+      let option = {
+        grid: {
+          top: 0,
+          left: 0,
+          right: 58,
+          bottom: 0,
+          containLabel: true
+        },
+        // dataZoom: [
+        //   {
+        //     show: false, // 为true滚动条出现
+        //     type: 'slider', // type:'inside'，滚动条在最下面，鼠标点击滚动
+        //     startValue: 0, // 从头开始。
+        //     endValue: 5 // end百分比显示范围，endValue具体显示几个数值
+        //   }
+        // ],
+        xAxis: {
+          type: 'value',
+          min: 0,
+          max: max,
+          boundaryGap: false,
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: [8, 4],
+              dashOffset: 4,
+              color: '#8FABBF'
+            }
+          },
+          axisLabel: {
+            interval: 0,
+            textStyle: {
+              color: '#8FABBF',
+              fontSize: 16
+              // align: 'center'
+            }
+          },
+          formatter: '{value}'
+        },
+        yAxis: {
+          type: 'category',
+          inverse: true,
+          axisLine: {
+            show: true,
+            lineStyle: {
+              width: 2,
+              color: '#8FABBF'
+            }
+          },
+          splitNumber: 2,
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: '#8FABBF',
+              fontSize: 14
+            }
+          },
+          data: this.arr3.map((it) => it.device_fault_type)
+        },
+        series: [
+          {
+            type: 'bar',
+            barWidth: '16',
+            zlevel: 1,
+            label: {
+              show: true,
+              position: 'right', // 位置
+              color: '#A7D6F4',
+              fontSize: 14,
+              distance: 15, // 距离
+              formatter: '{c}' // 这里是数据展示的时候显示的数据
+            },
+            itemStyle: {
+              normal: {
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                  {
+                    offset: 0,
+                    color: '#2DB796'
+                  },
+                  {
+                    offset: 1,
+                    color: '#6BBBA8'
+                  }
+                ], false)
+              }
+            },
+            data: this.arr3.map((it) => it.device_fault_num)
+          }
+        ]
+      }
+      let echart = document.getElementById('echart_d3')
+      this.myCharts03 = this.$echarts.init(echart)
+      this.myCharts03.setOption(option)
+      // this.autoMove(option)
+      window.addEventListener('resize', () => {
+        this.myCharts03.resize()
+      })
+    },
+    autoMove (option) {
+      this.timeOut = setInterval(() => {
+        if (Number(option.dataZoom[0].endValue) === option.series[0].data.length - 1) {
+          option.dataZoom[0].endValue = 3
+          option.dataZoom[0].startValue = 0
+        } else {
+          option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1
+          option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1
+        }
+        this.myCharts06.setOption(option)
+      }, 2000)
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@css/mixin'
+.pages
+  position absolute
+  left .2509rem
+  top 11%
+  _wh(20%, .4rem)
+  _fj(flex-start)
+  a
+    cursor pointer
+    font-family "SourceHanSansCN"
+    _font(.18rem, .30rem, #fff, 700,)
+    letter-spacing .01rem
+    padding .05rem .2rem
+    border-radius .05rem
+    background: radial-gradient(circle at 7.2% 13.6%, rgb(37, 249, 245) 0%, #004c92 90%)
+    +a
+      margin-left .2rem
+.bg
+  _wh(100%, 100%)
+  overflow hidden
+.container
+  _wh(100%, calc(100% - 1.38rem))
+  padding .3rem .2509rem 0
+  overflow hidden
+  clear both
+.bottom
+  _wh(100%, .38rem)
+  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
+.blue
+  color #32C5FF !important
+.green
+  color #30EBC9 !important
+.gray
+  color #516282 !important
+.yellow
+  color #E2BB0E !important
+.orange
+  color #F96700 !important
+.red
+  color #FF0000 !important
+.con1
+  width 100%
+  height 123px
+  overflow hidden
+  position relative
+  background center center / 100% 100% url(../../assets/images/sctj_top.png) no-repeat
+  margin 15px 0
+  text-align center
+  display flex
+  justify-content space-between
+  align-items center
+  // .c-title
+  //   float left
+  //   // line-height 1.23rem
+  //   line-height 123px
+  // .c-left
+  //   margin 0 1.3rem 0 1.3rem
+  //   display flex
+  //   align-items center
+  // .c-right
+  //   // margin 0 2.9rem 0 2.5rem
+  //   display flex
+  //   align-items center
+  .cbox
+    width 30%
+    display flex
+    align-items center
+    justify-content center
+    div
+      font-size .24rem
+      color #32C5FF
+    .icon1
+      display inline-block
+      width .19rem
+      height .19rem
+      overflow hidden
+      position relative
+      background center center / 100% 100% url(../../assets/images/sctj_icon.png) no-repeat
+      margin-right .2rem
+    .num
+      display flex
+      align-items center
+      .bg
+        width .44rem
+        height .6rem
+        background rgba(50,197,255,0.10)
+        display flex
+        align-items center
+        justify-content center
+        margin-right .1rem
+        font-size .5rem
+        color #F7B502
+      .dot
+        background none
+        width .14rem
+.center_wrapper
+  _wh(100%, calc(50% - 69px))
+  _fj(row)
+.con2
+  width 70%
+  height 100%
+  overflow hidden
+  position relative
+  .title
+    // _wh(calc(100% - 34px), 32px)
+    _wh(100%, 32px)
+    margin 17px 0
+    padding-left 0.18rem
+    _font(16px, 32px, #fff,,left)
+    background center center / 100% 100% url(../../assets/images/screen1/bg_title_l.png) no-repeat
+  .desc
+    _wh(100%, 32px)
+    _fj(row, center)
+    div
+      _font(16px, 32px, #fff,,)
+      span
+        font-size 16px
+        color #F7B502
+        margin 0 30px
+  .item_content_0
+    position relative
+    _wh(calc(100% - 44px), calc(100% - 112px))
+    // margin 17px auto
+.tltxt
+  position relative
+  top -3px
+.dotIncon
+  display inline-block
+  width 26px
+  height 26px
+  position relative
+  top 3px
+  left -6px
+  background center center / 100% 100% url(../../assets/images/screen1/bg_title_tip.png) no-repeat
+.con3
+  // width calc(30% - 15px)
+  width 30%
+  height 100%
+  overflow hidden
+  position relative
+  .title
+    position absolute
+    _wh(calc(100% - 34px), 32px)
+    margin 17px 0
+    right 0
+    padding-left 0.18rem
+    _font(16px, 32px, #fff,,left)
+    background center center / 100% 100% url(../../assets/images/screen1/bg_title_s.png) no-repeat
+  .item_content_1
+    _wh(calc(100% - 44px), 100%)
+    margin 60px auto
+    float right
+.con4
+  _wh(100%, calc(50% - 85px))
+  margin-top 16px
+  overflow hidden
+  position relative
+  .block_h2
+    _wh(calc(100% - 0px), 32px)
+    margin 17px 0 10px 0
+    padding-left 0.18rem
+    background center center / 100% 100% url(../../assets/images/screen1/bg_title_j.png) no-repeat
+    h2
+      _font(16px, 32px, #fff,,left)
+  .list_scroll_title
+    _wh(calc(100% - 0px), 32px)
+    margin 0 auto
+    background #262F52
+    line-height 32px
+    span
+      display inline-block
+      width 6.6%
+      text-align center
+      line-height 32px
+      font-size 14px
+      &:nth-child(13)
+        width 10%
+      &:nth-child(14)
+        width 10%
+  .content-block-scroll
+    _wh(calc(100% - 0px), calc(100% - 113px))
+    margin 0 auto 25px auto
+    overflow hidden
+  .content-block-scroll-ul
+    width 100%
+    li
+      width 100%
+      height 38px
+      _fj(row, center)
+      &:nth-child(2n)
+        background rgba(38,47,82,0.50)
+      span
+        display inline-block
+        width 6.6%
+        font-size 12px
+        // padding 0 .1rem
+        text-align center
+        line-height 38px
+        box-sizing border-box
+        &:nth-child(13)
+          width 10%
+        &:nth-child(14)
+          width 10%
+</style>
diff --git a/src/pages/shunhe/LogisticsProcess.vue b/src/pages/shunhe/LogisticsProcess.vue
deleted file mode 100644
index 3c5b138..0000000
--- a/src/pages/shunhe/LogisticsProcess.vue
+++ /dev/null
@@ -1,864 +0,0 @@
-<template>
-    <section class="bg">
-      <t-header title="顺安大屏监控——物流工艺">
-        <div class="pages">
-          <router-link to="/ProdCount">生产统计</router-link>
-          <router-link to="/StorageMonitor">仓储监控</router-link>
-          <!-- <router-link to="/setup">设备监控</router-link> -->
-        </div>
-      </t-header>
-      <div class="container">
-        <div class="left_wrap">
-          <div class="item_wrap">
-            <div class="item_tip">
-              <div class="item_tip_left">当前设备情况</div>
-            </div>
-            <div class="item_content_1">
-              <div id="echart_d1" style="width: 100%; height: 100%"></div>
-            </div>
-          </div>
-          <div class="item_wrap">
-            <div class="item_tip">
-              <div class="item_tip_left">月故障统计</div>
-            </div>
-            <div class="item_content_1" style="padding-bottom: 0">
-              <div id="echart_d2" style="width: 100%; height: 100%"></div>
-            </div>
-          </div>
-        </div>
-        <div class="center_wrap">
-          <t-workshop></t-workshop>
-        </div>
-        <div class="right_wrap">
-          <div class="item_wrap">
-            <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_inner_wrap">
-                <div class="item_inner_h1">
-                  <div class="item_inner_h1_l">混料</div>
-                  <div class="item_inner_h1_r">
-                    <div class="process_wrap">
-                      <div class="process_rate" :style="{'width': Number(mix.completed) * 100 / Number(mix.planned) + '%' }"></div>
-                    </div>
-                  </div>
-                </div>
-                <div class="item_inner_h2">
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color2"></i></span>
-                      <span>计划量</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{mix.planned}}</span>
-                      <span>吨</span>
-                    </div>
-                  </div>
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color1"></i></span>
-                      <span>已生产</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{mix.completed}}</span>
-                      <span>吨</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="item_inner_wrap">
-                <div class="item_inner_h1">
-                  <div class="item_inner_h1_l">困料</div>
-                  <div class="item_inner_h1_r">
-                    <div class="process_wrap">
-                      <div class="process_rate" :style="{'width': Number(stand.completed) * 100 / Number(stand.onStanding) + '%' }"></div>
-                    </div>
-                  </div>
-                </div>
-                <div class="item_inner_h2">
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color2"></i></span>
-                      <span>静置中</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{stand.onStanding}}</span>
-                      <span>吨</span>
-                    </div>
-                  </div>
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color1"></i></span>
-                      <span>已完成</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{stand.completed}}</span>
-                      <span>吨</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="item_inner_wrap">
-                <div class="item_inner_h1">
-                  <div class="item_inner_h1_l">压制</div>
-                  <div class="item_inner_h1_r">
-                    <div class="process_wrap">
-                      <div class="process_rate" :style="{'width': Number(press.completed) * 100 / Number(press.planned) + '%' }"></div>
-                    </div>
-                  </div>
-                </div>
-                <div class="item_inner_h2">
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color2"></i></span>
-                      <span>计划量</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{press.planned}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color1"></i></span>
-                      <span>已生产</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{press.completed}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="item_inner_wrap">
-                <div class="item_inner_h1">
-                  <div class="item_inner_h1_l">干燥</div>
-                  <div class="item_inner_h1_r">
-                    <div class="process_wrap">
-                      <div class="process_rate" :style="{'width': Number(dry.completed) * 100 / Number(dry.planned) + '%' }"></div>
-                    </div>
-                  </div>
-                </div>
-                <div class="item_inner_h2">
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color2"></i></span>
-                      <span>计划量</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{dry.planned}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color1"></i></span>
-                      <span>已生产</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{dry.completed}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="item_inner_wrap">
-                <div class="item_inner_h1">
-                  <div class="item_inner_h1_l">分拣</div>
-                  <div class="item_inner_h1_r">
-                    <div class="process_wrap">
-                      <div class="process_rate" :style="{'width': Number(sort.completed) * 100 / Number(sort.planned) + '%' }"></div>
-                    </div>
-                  </div>
-                </div>
-                <div class="item_inner_h2">
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color2"></i></span>
-                      <span>计划量</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{sort.planned}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                  <div class="item_inner_h2_inner">
-                    <div class="item_inner_h2_inner_l">
-                      <span><i class="color1"></i></span>
-                      <span>已生产</span>
-                    </div>
-                    <div class="item_inner_h2_inner_r">
-                      <span>{{sort.completed}}</span>
-                      <span>万块</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="item_wrap">
-            <div class="item_tip">
-              <div class="item_tip_left">设备生产统计</div>
-            </div>
-            <div class="item_content_2">
-              <div class="scroll_wrap">
-                <ul class="scroll_tab_1">
-                  <li>生产设备</li>
-                  <li>物料号</li>
-                  <li>物料名称</li>
-                  <li>完成重量</li>
-                </ul>
-                <div class="scroll_container_1">
-                  <vue-seamless-scroll :data="equipmentProductionStatistics" :class-option="defaultOption1">
-                    <ul class="scroll-ul_1">
-                      <li v-for="(e, i) in equipmentProductionStatistics" :key="i">
-                        <div class="scroll-ul_1_div">{{e.equipment}}</div>
-                        <div class="scroll-ul_1_div">{{e.materialCode}}</div>
-                        <div class="scroll-ul_1_div">{{e.materialName}}</div>
-                        <div class="scroll-ul_1_div">{{e.completed}}</div>
-                      </li>
-                    </ul>
-                </vue-seamless-scroll>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-    </template>
-
-<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'
-export default {
-  name: 'LogisticsProcess',
-  components: {
-    THeader,
-    TWorkshop
-  },
-  data () {
-    return {
-      iTime: this.$store.getters.setTime1,
-      interTime: this.$store.getters.setTime,
-      timer1: null,
-      timer2: null,
-      timeOut1: null,
-      myCharts1: '',
-      myCharts2: '',
-      running: '',
-      pausing: '',
-      shutdown: '',
-      inTrouble: '',
-      currentMonth: {},
-      average: {},
-      mix: {},
-      stand: {},
-      press: {},
-      dry: {},
-      sort: {},
-      equipmentProductionStatistics: []
-    }
-  },
-  computed: {
-    defaultOption1 () {
-      return {
-        timer1: null,
-        timer2: null,
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 9, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    clearInterval(this.timer1)
-    clearInterval(this.timer2)
-    this.refresh()
-  },
-  beforeDestroy () {
-    this.$once('hook:beforeDestroy', () => {
-      clearInterval(this.timer1)
-      clearInterval(this.timer2)
-    })
-  },
-  methods: {
-    toJump () {
-      this.$router.push('/devicescreen')
-    },
-    initData () {
-      this._homepageData()
-    },
-    refresh () {
-      this.initData()
-      this.timer2 = setInterval(() => {
-        this.initData()
-      }, this.interTime)
-    },
-    setEchart1 () {
-      let colors = ['#30EBC9', '#E2BB0E', '#516282', '#F96700']
-      let status = ['运行', '暂停', '停机', '故障']
-      let running = [this.running, 0, 0, 0]
-      let pausing = [0, this.pausing, 0, 0]
-      let shutdown = [0, 0, this.shutdown, 0]
-      let inTrouble = [0, 0, 0, this.inTrouble]
-      let data = []
-      data.push(running)
-      data.push(pausing)
-      data.push(shutdown)
-      data.push(inTrouble)
-      let option = {
-        grid: {
-          top: 50,
-          left: 15,
-          right: 15,
-          bottom: 15,
-          containLabel: true
-        },
-        legend: {
-          textStyle: {
-            color: '#fff',
-            fontSize: 14,
-            lineHeight: 14,
-            fontFamily: 'Source Han Sans CN-Normal'
-          },
-          itemGap: 30,
-          itemWidth: 14,
-          itemHeight: 7,
-          data: status
-        },
-        color: colors,
-        xAxis: {
-          type: 'category',
-          axisTick: {
-            show: false
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              width: 2,
-              color: '#8FABBF'
-            }
-          },
-          axisLabel: {
-            interval: 0,
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 16,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
-          },
-          data: status
-        },
-        yAxis: {
-          type: 'value',
-          name: '台',
-          nameTextStyle: {
-            color: '#82AFC6',
-            fontSize: 13,
-            fontFamily: 'Source Han Sans CN-Normal',
-            align: 'left',
-            verticalAlign: 'center'
-          },
-          axisLine: {
-            show: false
-          },
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 14,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: [8, 4],
-              dashOffset: 4,
-              color: '#8FABBF'
-            }
-          }
-        },
-        series: []
-      }
-      for (let j = 0; j < status.length; j++) {
-        option.series.push({
-          name: status[j],
-          type: 'bar',
-          stack: '总数',
-          barWidth: '20',
-          label: {
-            show: false,
-            position: 'insideRight'
-          },
-          data: data[j]
-        })
-      }
-      let echart = document.getElementById('echart_d1')
-      if (this.myCharts1 !== '') {
-        this.myCharts1.dispose()
-      }
-      if (echart !== null) {
-        this.myCharts1 = this.$echarts.init(echart)
-        this.myCharts1.setOption(option)
-        window.addEventListener('resize', () => {
-          this.myCharts1.resize()
-        })
-      }
-    },
-    setEchart2 () {
-      let xData = ['混料', '压制', '干燥', '分拣']
-      let values1 = [] // 柱状
-      values1.push(this.currentMonth.mix)
-      values1.push(this.currentMonth.press)
-      values1.push(this.currentMonth.dry)
-      values1.push(this.currentMonth.sort)
-      let values2 = [] // 折线
-      values2.push(this.average.mix)
-      values2.push(this.average.press)
-      values2.push(this.average.dry)
-      values2.push(this.average.sort)
-      const legendData = ['故障次数', '平均次数']
-      var option = {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'none'
-          },
-          position: function (point, params, dom, rect, size) { // 提示框位置
-            let x = 0
-            let y = 0
-            // 提示框定位
-            if (point[0] + size.contentSize[0] < size.viewSize[0]) {
-              x = point[0]
-            } else if (point[0] > size.contentSize[0]) {
-              x = point[0] - size.contentSize[0]
-            } else {
-              x = '30%'
-            }
-            if (point[1] > size.contentSize[1]) {
-              y = point[1] - size.contentSize[1]
-            } else if (point[1] + size.contentSize[1] < size.viewSize[1]) {
-              y = point[1]
-            } else {
-              y = '30%'
-            }
-            return [x, y]
-          },
-          formatter: params => {
-            return `
-            <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:12px;">${params[0].name}</div>
-            <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:4px;">${legendData[0]}：${params[0].value}次</div>
-            <div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:4px;">${legendData[1]}：${params[1].value}次</div>`
-          },
-          extraCssText: 'opacity: 0.8;background-color:rgba(194,141,5,0.4);padding:16px;box-shadow: 1px 6px 15px 1px rgba(0,0,0,0.13);border-radius: 4px;filter: blur(undefinedpx);border:none;'
-        },
-        legend: {
-          data: legendData,
-          itemWidth: 14,
-          itemHeight: 7,
-          itemGap: 30,
-          textStyle: {
-            fontSize: 14,
-            lineHeight: 14,
-            color: '#fff',
-            fontFamily: 'Source Han Sans CN-Normal'
-          }
-        },
-        grid: {
-          top: 50, // 上边距
-          right: 15, // 右边距
-          left: 15, // 左边距
-          bottom: 15, // 下边距
-          containLabel: true
-        },
-        xAxis: {
-          type: 'category',
-          data: xData,
-          axisTick: {
-            show: false // 隐藏X轴刻度
-          },
-          axisLine: {
-            lineStyle: {
-              width: 2,
-              color: '#8FABBF'
-            }
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              color: '#8FABBF',
-              fontSize: 16,
-              fontFamily: 'Source Han Sans CN-Normal'
-            }
-          }
-        },
-        yAxis: {
-          type: 'value',
-          name: '次数',
-          boundaryGap: ['0%', '20%'],
-          alignTicks: true,
-          // splitNumber: 5,
-          nameTextStyle: {
-            color: '#82AFC6',
-            fontSize: 13,
-            fontFamily: 'Source Han Sans CN-Normal',
-            align: 'left',
-            verticalAlign: 'center'
-          },
-          axisLabel: {
-            color: '#8FABBF',
-            fontSize: 14,
-            fontFamily: 'Source Han Sans CN-Normal'
-          },
-          axisLine: {
-            show: false
-          },
-          axisTick: {
-            show: false
-          },
-          splitLine: {
-            lineStyle: {
-              color: '#8FABBF',
-              type: [8, 4],
-              dashOffset: 4
-            }
-          }
-        },
-        series: [{
-          type: 'bar',
-          name: legendData[0],
-          data: values1,
-          itemStyle: {
-            color: {
-              type: 'linear',
-              x: 0,
-              y: 0,
-              x2: 0,
-              y2: 1,
-              colorStops: [{
-                offset: 0, color: 'rgba(49, 218, 255, 1)' // 0% 处的颜色
-              }, {
-                offset: 1, color: 'rgba(3, 21, 50, 1)' // 100% 处的颜色
-              }],
-              global: false // 缺省为 false
-            },
-            borderRadius: [4, 4, 0, 0]
-          },
-          barWidth: 26
-        },
-        {
-          name: legendData[1],
-          type: 'line',
-          data: values2,
-          // yAxisIndex: 1,
-          symbolSize: 8, // 标记的大小
-          emphasis: {
-            scale: 1.5
-          },
-          areaStyle: {
-            color: {
-              type: 'linear',
-              x: 0,
-              y: 0,
-              x2: 0,
-              y2: 1,
-              colorStops: [{
-                offset: 0, color: 'rgba(6, 201, 112, 0.3)' // 0% 处的颜色
-              }, {
-                offset: 1, color: 'rgba(47,145,255,0)' // 100% 处的颜色
-              }],
-              global: false // 缺省为 false
-            }
-          },
-          lineStyle: {
-            color: 'rgba(6, 201, 112, 1)',
-            width: 2
-          },
-          itemStyle: {
-            // 折线拐点标志的样式
-            color: 'rgba(6, 201, 112, 1)',
-            borderColor: 'rgba(6, 201, 112, 1)',
-            borderWidth: 2
-          }
-          // smooth: true
-        // }, { // 滚动点
-        //   type: 'lines',
-        //   zIndex: 999,
-        //   z: 999,
-        //   // yAxisIndex: 1,
-        //   coordinateSystem: 'cartesian2d',
-        //   polyline: true,
-        //   smooth: true,
-        //   effect: {
-        //     show: true,
-        //     trailLength: 0,
-        //     period: 10, // 光点滑动速度
-        //     delay: 2000,
-        //     symbol: 'circle',
-        //     color: '#9eefce',
-        //     symbolSize: 8,
-        //     shadowBlur: 10,
-        //     shadowColor: '#9eefce'
-        //   },
-        //   lineStyle: {
-        //     show: false,
-        //     opacity: 0
-        //   },
-        //   data: [{
-        //     coords: xData.map((item, index) => {
-        //       return ['' + xData[index], '' + values2[index]]
-        //     })
-        //   }]
-        }]
-      }
-      let echart = document.getElementById('echart_d2')
-      if (this.myCharts2 !== '') {
-        this.myCharts2.dispose()
-      }
-      if (echart !== null) {
-        this.myCharts2 = this.$echarts.init(echart)
-        this.myCharts2.setOption(option)
-        window.addEventListener('resize', () => {
-          this.myCharts2.resize()
-        })
-      }
-
-      var count = 0
-      clearInterval(this.timer1)
-      this.timer1 = setInterval(() => {
-        this.myCharts2.dispatchAction({
-          type: 'downplay',
-          seriesIndex: 1
-        })
-        this.myCharts2.dispatchAction({
-          type: 'highlight',
-          seriesIndex: 1,
-          dataIndex: count
-        })
-        this.myCharts2.dispatchAction({
-          type: 'showTip',
-          seriesIndex: 1,
-          dataIndex: count
-        })
-        count++
-        if (count >= option.series[0].data.length) {
-          count = 0
-        }
-        if (count >= option.series[1].data.length) {
-          count = 0
-        }
-      }, 3000)
-    },
-    async _homepageData () {
-      let res = await homepageData()
-      // 当前设备情况
-      this.running = res.currentEquipmentCondition.running
-      this.pausing = res.currentEquipmentCondition.pausing
-      this.shutdown = res.currentEquipmentCondition.shutdown
-      this.inTrouble = res.currentEquipmentCondition.inTrouble
-      this.setEchart1()
-      // 每月故障统计
-      this.currentMonth = res.monthlyFailureStatistics.currentMonth
-      this.average = res.monthlyFailureStatistics.average
-      this.setEchart2()
-      // 当日工序生产统计
-      this.mix = res.dailyProductionStatistics.mix
-      this.stand = res.dailyProductionStatistics.stand
-      this.press = res.dailyProductionStatistics.press
-      this.dry = res.dailyProductionStatistics.dry
-      this.sort = res.dailyProductionStatistics.sort
-      // 设备生产统计
-      this.equipmentProductionStatistics = [...res.equipmentProductionStatistics]
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding .3rem .2509rem 0
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-.left_wrap
-  float left
-  _wh(4.0756rem, 100%)
-  background-image linear-gradient(to bottom, #040b1a, #050919)
-.center_wrap
-  float left
-  _wh(9.96rem, 100%)
-  margin-left .2936rem
-  padding .25rem
-  background center bottom / 100% 100% url(../../assets/images/screen1/item_2.png) no-repeat
-.right_wrap
-  float right
-  _wh(4.0273rem, 100%)
-  background-image linear-gradient(to bottom, #040b1a, #050919)
-.item_wrap
-  _wh(100%, calc(100% / 2))
-.item_tip
-  clear both
-  _wh(100%, .32rem)
-  line-height .32rem
-  background center center / 100% 100% url(../../assets/images/screen1/title_bg_1.png) no-repeat
-.item_tip_left
-  float left
-  _wh(60%, 100%)
-  font-family "SourceHanSansCN"
-  _font(.18rem, inherit, #fff, 700,)
-  letter-spacing .02rem
-  text-shadow 0 0 .09rem #159AFF
-  padding-left .38rem
-.item_content_1
-  _wh(100%, calc(100% - .32rem))
-  padding .12rem 0 .15rem
-.item_content_2
-    _wh(calc(100% - 30px), calc(100% - .5rem))
-    margin .12rem 15px 0 15px
-    border .01rem solid rgba(8,205,248,0.3)
-.scroll_wrap
-    _wh(100%, 100%)
-.scroll_tab_1
-    _wh(100%, .4rem)
-    border-bottom .01rem solid rgba(8,205,248,0.3)
-    li
-      float left
-      width 25%
-      _font(.14rem,.4rem,#78B1DE,,center)
-      word-wrap break-word
-      word-break break-all
-      white-space nowrap
-      padding 0 .02rem
-      overflow hidden
-      box-sizing border-box
-.scroll_container_1
-    width 100%
-    height calc(100% - .4rem)
-    overflow hidden
-.scroll-ul_1
-    li
-      _wh(100%, .44rem)
-      border-bottom .01rem solid rgba(8,205,248,0.3)
-      &:nth-child(even)
-          background rgba(1,24,52,0.60)
-          box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
-    .scroll-ul_1_div
-        float left
-        _wh(25%, .44rem)
-        _fj(center)
-        _font(.14rem, .44rem, #fff,,center)
-        word-wrap break-word
-        word-break break-all
-        white-space nowrap
-        padding 0 .02rem
-        overflow hidden
-.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
-    &:last-child
-      background none
-      padding 0
-      margin 0
-.item_inner_h1
-    _wh(100%, .2rem)
-    overflow hidden
-    _fj()
-.item_inner_h1_l
-    _wh(0.6rem, 100%)
-    font-family "SourceHanSansCN"
-    _font(.14rem, .16rem, #84B0DA, 700,)
-    letter-spacing .02rem
-.item_inner_h1_r
-    _wh(calc(100% - 0.6rem), 100%)
-    _fj()
-.process_wrap
-  _wh(100%, .0805rem)
-  background-color #B68845
-  _fj()
-.process_rate
-    height 100%
-    background-color #07e083
-.item_inner_h2
-    _wh(100%, .3rem)
-    margin-top .1rem
-    _fj()
-.item_inner_h2_inner
-    _wh(48%, .3rem)
-    _fj()
-    background center bottom / 100% 100% url(../../assets/images/screen1/item_5.png) no-repeat
-.item_inner_h2_inner_l
-    _wh(50%, 100%)
-    _fj()
-    span
-      display block
-      &:nth-child(1)
-          _wh(.0725rem, .0725rem)
-          margin-left .15rem
-          i
-            display block
-            _wh(.0725rem, .0725rem)
-            border-radius 100%
-      &:nth-child(2)
-          _wh(calc(100% - 0.2825rem), .3rem)
-          font-family "SourceHanSansCN"
-          _font(.12rem, .3rem, #fff,400,)
-          margin-left .06rem
-          overflow hidden
-          text-overflow ellipsis
-          white-space nowrap
-.item_inner_h2_inner_r
-    _wh(50%, 100%)
-    line-height .3rem
-    overflow hidden
-    text-align right
-    span
-      font-family "SourceHanSansCN"
-      _font(.12rem, .3rem, #fff,700,)
-      &:nth-child(1)
-          font-family "SourceHanSansCN"
-          _font(.18rem, .3rem, #00D5FF,700,)
-          overflow hidden
-          text-overflow ellipsis
-          white-space nowrap
-.color1
-    background-color #07E083
-.color2
-    background-color #B68845
-.pages
-  position absolute
-  left .2509rem
-  top 11%
-  _wh(20%, .4rem)
-  _fj(flex-start)
-  a
-    cursor pointer
-    font-family "SourceHanSansCN"
-    _font(.18rem, .30rem, #fff, 700,)
-    letter-spacing .01rem
-    padding .05rem .2rem
-    border-radius .05rem
-    background: radial-gradient(circle at 7.2% 13.6%, rgb(37, 249, 245) 0%, #004c92 90%)
-    +a
-      margin-left .2rem
-</style>
diff --git a/src/pages/shunhe/ProdCount.vue b/src/pages/shunhe/ProdCount.vue
deleted file mode 100644
index 86b86bc..0000000
--- a/src/pages/shunhe/ProdCount.vue
+++ /dev/null
@@ -1,761 +0,0 @@
-<template>
-    <section class="bg">
-      <!-- <t-header title="顺安大屏监控-生产统计">
-      </t-header> -->
-      <t-header title="顺安大屏监控——物流工艺">
-        <div class="pages">
-          <router-link to="/LogisticsProcess">物流工艺</router-link>
-          <router-link to="/StorageMonitor">仓储监控</router-link>
-          <!-- <router-link to="/setup">设备监控</router-link> -->
-        </div>
-      </t-header>
-      <div class="container">
-        <div class="con1">
-          <!-- <div class="c-title c-left"> -->
-          <div class="cbox">
-            <!-- <span class="icon1"></span> -->
-            <div>今日压制量：</div>
-            <div class="num">
-              <div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
-            </div>
-            <div>吨</div>
-          </div>
-          <!-- <div class="c-title c-right"> -->
-          <div class="cbox">
-            <div>今日干燥量：</div>
-            <div class="num">
-              <div class="bg" v-for="(item, i) in showNum2" :key="i" :class="{dot: item === '.'}">{{item}}</div>
-            </div>
-            <div>吨</div>
-          </div>
-          <!-- <div class="c-title c-right" style="marginLeft: 1rem;"> -->
-          <div class="cbox">
-            <div>今日成品量：</div>
-            <div class="num">
-              <div class="bg" v-for="(item, i) in showNum3" :key="i" :class="{dot: item === '.'}">{{item}}</div>
-            </div>
-            <div>吨</div>
-          </div>
-        </div>
-        <div class="center_wrapper" style="display:flex">
-          <div class="con2">
-            <!-- <div class="title">混碾生产</div> -->
-            <div class="title"><span class="dotIncon"></span><span class="tltxt">混碾生产</span></div>
-            <div class="item_content_0">
-              <div id="echart_d01" style="width: 100%; height: 100%"></div>
-            </div>
-          </div>
-          <div class="con3" style="position: relative">
-            <!-- <div class="title">在制品设备生产量</div> -->
-            <div class="title"><span class="dotIncon"></span><span class="tltxt">在制品设备生产量</span></div>
-            <div class="item_content_1">
-              <div id="echarts2" style="width: 100%; height: 100%;"></div>
-            </div>
-            <div class="desc1">
-              <span>当日产量：</span>
-              <span class="num">{{showNum4}}</span>
-              <span class="span3">块</span>
-              <span>当班产量：</span>
-              <span class="num">{{showNum5}}</span>
-              <span>吨</span>
-            </div>
-          </div>
-          <div class="con03">
-            <!-- <div class="title">成品计划完成率</div> -->
-            <div class="title"><span class="dotIncon"></span><span class="tltxt">成品计划完成率</span></div>
-            <div class="item_content_1">
-              <div id="echart_d1" style="width: 100%; height: 100%"></div>
-            </div>
-          </div>
-        </div>
-        <div class="con4">
-          <div class="block_h2">
-            <!-- <h2>生产任务</h2> -->
-            <div class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
-          </div>
-          <div class="list_scroll_title">
-            <span>订单</span><span>工序</span><span>设备</span><span>物料号</span><span>生产物料</span><span>厂家</span><span>计划量</span><span>生产量</span><span>生产状态</span><span>计划开始时间</span><span>开始时间</span><span>结束时间</span>
-          </div>
-          <vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
-            <ul class="content-block-scroll-ul">
-              <li v-for="(e, i) in workOrder" :key="i">
-                <span>{{e.workOrderCode}}</span><span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialCode}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.planStartTime}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
-                <!-- <span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.device_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.material_code}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.plan_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.real_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.qualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.unqualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.order_status_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproducestart_date}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproduceend_date}}</span> -->
-              </li>
-            </ul>
-          </vue-seamless-scroll>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-</template>
-
-<script>
-import THeader from '@components/header.vue'
-import * as echarts from 'echarts'
-import { productionStatistics } from '@js/getData1'
-export default {
-  name: 'ProdCount',
-  components: {
-    THeader
-  },
-  data () {
-    return {
-      timeOut: null,
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      showNum1: '',
-      showNum2: '',
-      showNum3: '',
-      showNum4: '333',
-      showNum5: '333',
-      myCharts01: '',
-      myCharts02: '',
-      materData: [],
-      deviceData: [],
-      resData: {},
-      workOrder: []
-    }
-  },
-  computed: {
-    classOption () {
-      // return {
-      //   step: 0.4,
-      //   limitMoveNum: 6
-      // }
-      return {
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 8, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    // this.getEchart2()
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-    clearInterval(this.timeOut)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        this.initData()
-      }, this.interTime)
-    },
-    async initData () {
-      let res = await productionStatistics()
-      clearInterval(this.timeOut)
-      this.resData = res
-      this.showNum1 = (res.total.pressWeight + '').split('')
-      this.showNum2 = (res.total.dryWeight + '').split('')
-      this.showNum3 = (res.total.sortWeight + '').split('')
-      this.showNum4 = res.pressProduction.dailyProductionQty
-      this.showNum5 = res.pressProduction.dailyProductionWeight
-      this.workOrder = [...res.workOrder]
-      this.setEchart01()
-      this.getEchart1()
-      this.getEchart2()
-      // 五种状态：未成产、已下发、生产中、停止、完成
-    },
-    setEchart01 () {
-      // let data = [
-      //   {
-      //     value: 10,
-      //     name: '1号砖'
-      //   },
-      //   {
-      //     value: 20,
-      //     name: '2号砖'
-      //   },
-      //   {
-      //     value: 30,
-      //     name: '3号砖'
-      //   },
-      //   {
-      //     value: 40,
-      //     name: '4号砖'
-      //   },
-      //   {
-      //     value: 50,
-      //     name: '5号砖'
-      //   },
-      //   {
-      //     value: 60,
-      //     name: '6号砖'
-      //   }
-      // ]
-      let dataName = []
-      this.resData.mixProduction.map(el => {
-        dataName.push(el.name)
-      })
-      let data = this.resData.mixProduction
-      var option = {
-        legend: {
-          // orient: 'vertical',
-          orient: 'horizontal',
-          top: '0%',
-          textStyle: {
-            color: '#fff',
-            fontWeight: 'bold',
-            fontSize: 14
-          },
-          itemGap: 30.86,
-          itemWidth: 14.16,
-          itemHeight: 7.38,
-          data: dataName
-          // data: ['1号砖', '2号砖', '3号砖', '4号砖', '5号砖', '6号砖']
-        },
-        color: ['#0966E8', '#39E083', '#ffee0e', '#f975aa', '#32c5ff', '#f7b502'],
-        series: [
-          {
-            type: 'pie',
-            radius: ['43%', '70%'],
-            label: {
-              normal: {
-                // position: 'inner',
-                formatter: '{d}%',
-                textStyle: {
-                  color: '#fff',
-                  fontWeight: 'bold',
-                  fontSize: 14
-                }
-              }
-            },
-            labelLine: {
-              show: true
-            },
-            data: data
-          }
-        ]
-      }
-      let echart = document.getElementById('echart_d01')
-      this.myCharts01 = this.$echarts.init(echart)
-      this.myCharts01.setOption(option)
-      window.addEventListener('resize', () => {
-        this.myCharts01.resize()
-      })
-    },
-    getEchart1 () {
-      // 基于准备好的dom，初始化echarts实例
-      var myChart = echarts.init(document.getElementById('echart_d1'))
-      var finishArr = []
-      var unFinishArr = []
-      var materArr = []
-      this.resData.finishedProductCompletionRate.map(el => {
-        finishArr.push(el.completed)
-        unFinishArr.push(el.uncompleted)
-        materArr.push(el.name)
-      })
-      // 指定图表的配置项和数据
-      var option = {
-        legend: {
-          top: 20,
-          right: 10,
-          textStyle: {
-            color: '#ffffff',
-            fontSize: 12,
-            lineHeight: 20
-          },
-          itemGap: 20,
-          itemHeight: 8,
-          data: ['完成', '未完成']
-        },
-        // title: {
-        //   text: '半成品计划完成率', // 标题
-        //   top: '12px',
-        //   left: '20px',
-        //   textStyle: {
-        //     color: '#fff',
-        //     fontSize: '16'
-        //   }
-        // },
-        // tooltip: {
-        //   trigger: 'axis'
-        // },
-        xAxis: {
-          // data: ['1号砖', '2号砖', '3号砖', '4号砖'],
-          data: materArr,
-          axisLine: {
-            lineStyle: {
-              color: '#fff'
-            }
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        // xAxis: {
-        //   type: 'category',
-        //   axisLine: {
-        //     lineStyle: {
-        //       color: '#fff'
-        //     }
-        //   }
-        // },
-        yAxis: {
-          axisLine: {
-            lineStyle: {
-              color: '#fff'
-            }
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        series: [{
-          name: '未完成',
-          type: 'bar',
-          barWidth: 14,
-          stack: '完成情况',
-          // data: [15, 20, 36, 10],
-          data: unFinishArr,
-          itemStyle: {
-            normal: {
-              color: '#32C5FF'
-              // label: {
-              //   show: true,
-              //   position: 'inside',
-              //   formatter: function (params) {
-              //     if (params.value !== 0) {
-              //       return params.value
-              //     } else {
-              //       return ''
-              //     }
-              //   }
-              // }
-            }
-          }
-        }, {
-          name: '完成',
-          type: 'bar',
-          barWidth: 14,
-          stack: '完成情况',
-          // data: [40, 57, 18, 20],
-          data: finishArr,
-          itemStyle: {
-            normal: {
-              color: '#F7B502'
-              // label: {
-              //   show: true,
-              //   position: 'inside',
-              //   formatter: function (params) {
-              //     if (params.value !== 0) {
-              //       return params.value
-              //     } else {
-              //       return ''
-              //     }
-              //   }
-              // }
-            }
-          }
-        }]
-      }
-      // 使用刚指定的配置项和数据显示图表。
-      myChart.setOption(option)
-      window.addEventListener('resize', function () {
-        myChart.resize()
-      })
-    },
-    getEchart2 () {
-      // 基于准备好的dom，初始化echarts实例
-      // var lineData = [4, 9, 8, 6, 8, 7, 3, 8]
-      // var barData = [50002, 34120, 48370, 57370, 67582, 90892, 32321, 57370]
-      // var xData = ['1号机', '2号机', '3号机', '4号机', '5号机', '6号机', '7号机', '8号机']
-      var lineData = []
-      var barData = []
-      var xData = []
-      this.resData.pressProduction.equipmentProduction.map(el => {
-        lineData.push(el.weight)
-        barData.push(el.qty)
-        xData.push(el.name)
-      })
-      var option = {
-        legend: {
-          top: 20,
-          right: 10,
-          textStyle: {
-            color: '#ffffff',
-            fontSize: 12,
-            lineHeight: 20
-          },
-          itemGap: 20,
-          itemHeight: 8,
-          data: ['数量', '重量']
-        },
-        dataZoom: [
-          {
-            show: false, // 为true滚动条出现
-            type: 'slider', // type:'inside'，滚动条在最下面，鼠标点击滚动
-            startValue: 0, // 从头开始。
-            endValue: 3 // end百分比显示范围，endValue具体显示几个数值
-          }
-        ],
-        // tooltip: {
-        //   trigger: 'axis'
-        // },
-        xAxis: {
-          // name: '设备',
-          type: 'category',
-          data: xData,
-          nameGap: 60, // 坐标轴名称与轴线之间的距离。
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: '#fff'
-            }
-          },
-          axisLabel: {
-            color: '#fff'
-          }
-        },
-        yAxis: [
-          {
-            // name: '交易额（亿元）',
-            type: 'value',
-            min: 0,
-            // max: 100000,
-            max: Math.max.apply(null, barData),
-            splitNumber: 10,
-            splitLine: {
-              show: false,
-              lineStyle: {
-                color: ['#315070'],
-                width: 1,
-                type: 'dotted'
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: '#fff'
-              }
-            }
-          },
-          {
-            // name: '增长率',
-            type: 'value',
-            min: 0,
-            // max: 10,
-            max: Math.max.apply(null, lineData),
-            splitNumber: 10,
-            // position: 'right',
-            // formatter: '{value}',
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: ['#315070'],
-                width: 1,
-                type: 'dashed'
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: '#fff'
-              }
-            },
-            itemStyle: {
-              color: '#F7B502'
-            }
-          }
-        ],
-        series: [
-          {
-            name: '数量',
-            type: 'bar',
-            data: barData,
-            barWidth: 10,
-            itemStyle: {
-              color: '#32C5FF'
-            }
-          },
-          {
-            name: '重量',
-            type: 'line',
-            symbolSize: 12, // 拐点圆的大小
-            symbol: 'circle',
-            data: lineData,
-            lineStyle: {
-              color: '#F7B502'
-            },
-            itemStyle: {
-              normal: {
-                color: '#F7B502'
-              }
-            },
-            yAxisIndex: 1
-          }
-        ]
-      }
-      // 使用刚指定的配置项和数据显示图表。
-      // var myChart = echarts.init(document.getElementById('echarts2'))
-      // myChart.setOption(option)
-      // window.addEventListener('resize', function () {
-      //   myChart.resize()
-      // })
-      let echart = document.getElementById('echarts2')
-      this.myCharts02 = this.$echarts.init(echart)
-      this.myCharts02.setOption(option)
-      this.autoMove(option)
-      window.addEventListener('resize', () => {
-        this.myCharts02.resize()
-      })
-    },
-    autoMove (option) {
-      this.timeOut = setInterval(() => {
-        if (Number(option.dataZoom[0].endValue) === option.series[0].data.length - 1) {
-          option.dataZoom[0].endValue = 3
-          option.dataZoom[0].startValue = 0
-        } else {
-          option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1
-          option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1
-        }
-        this.myCharts02.setOption(option)
-      }, 2000)
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.pages
-  position absolute
-  left .2509rem
-  top 11%
-  _wh(20%, .4rem)
-  _fj(flex-start)
-  a
-    cursor pointer
-    font-family "SourceHanSansCN"
-    _font(.18rem, .30rem, #fff, 700,)
-    letter-spacing .01rem
-    padding .05rem .2rem
-    border-radius .05rem
-    background: radial-gradient(circle at 7.2% 13.6%, rgb(37, 249, 245) 0%, #004c92 90%)
-    +a
-      margin-left .2rem
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding .3rem .2509rem 0
-  overflow hidden
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-.blue
-  color #32C5FF !important
-.green
-  color #30EBC9 !important
-.gray
-  color #516282 !important
-.yellow
-  color #E2BB0E !important
-.orange
-  color #F96700 !important
-.red
-  color #FF0000 !important
-.con1
-  width 100%
-  height 123px
-  overflow hidden
-  position relative
-  background center center / 100% 100% url(../../assets/images/sctj_top.png) no-repeat
-  margin 15px 0
-  text-align center
-  display flex
-  justify-content space-between
-  align-items center
-  // .c-title
-  //   float left
-  //   // line-height 1.23rem
-  //   line-height 123px
-  // .c-left
-  //   margin 0 1.3rem 0 1.3rem
-  //   display flex
-  //   align-items center
-  // .c-right
-  //   // margin 0 2.9rem 0 2.5rem
-  //   display flex
-  //   align-items center
-  .cbox
-    width 30%
-    display flex
-    align-items center
-    justify-content center
-    div
-      font-size .24rem
-      color #32C5FF
-    .icon1
-      display inline-block
-      width .19rem
-      height .19rem
-      overflow hidden
-      position relative
-      background center center / 100% 100% url(../../assets/images/sctj_icon.png) no-repeat
-      margin-right .2rem
-    .num
-      display flex
-      align-items center
-      .bg
-        width .44rem
-        height .6rem
-        background rgba(50,197,255,0.10)
-        display flex
-        align-items center
-        justify-content center
-        margin-right .1rem
-        font-size .5rem
-        color #F7B502
-      .dot
-        background none
-        width .14rem
-.center_wrapper
-  _wh(100%, calc(50% - 69px))
-  _fj(row)
-.con2
-  width 30%
-  height 100%
-  overflow hidden
-  position relative
-  .title
-    _wh(calc(100% - 34px), 32px)
-    margin 17px 0
-    padding-left 0.18rem
-    _font(16px, 32px, #fff,,left)
-    background center center / 100% 100% url(../../assets/images/screen1/bg_title_s.png) no-repeat
-.tltxt
-  position relative
-  top -3px
-.dotIncon
-  display inline-block
-  width 26px
-  height 26px
-  position relative
-  top 3px
-  left -6px
-  background center center / 100% 100% url(../../assets/images/screen1/bg_title_tip.png) no-repeat
-  .desc
-    _wh(100%, 32px)
-    _fj(row, center)
-    div
-      _font(16px, 32px, #fff,,)
-      span
-        font-size 16px
-        color #F7B502
-        margin 0 30px
-  .item_content_0
-    position relative
-    _wh(calc(100% - 44px), calc(100% - 112px))
-    // margin 17px auto
-.con3
-  // width calc(40% - 15px)
-  width 40%
-  height 100%
-  overflow hidden
-  position relative
-  .title
-    position absolute
-    _wh(calc(100% - 34px), 32px)
-    margin 17px
-    padding-left 0.18rem
-    _font(16px, 32px, #fff,,left)
-    background center center / 100% 100% url(../../assets/images/screen1/bg_title_l.png) no-repeat
-  .item_content_1
-    _wh(calc(100% - 44px), 100%)
-    margin 45px auto
-  .desc1
-    position absolute
-    top .56rem
-    left 1.3rem
-    span
-      color #32C5FF
-      font-size .16rem
-    .span3
-      margin-right .5rem
-    .num
-      font-size .22rem
-      color #F7B502
-.con03
-  // width calc(30% - 15px)
-  width 30%
-  height 100%
-  overflow hidden
-  position relative
-  .title
-    position absolute
-    _wh(calc(100% - 34px), 32px)
-    margin 17px 0
-    right 0
-    padding-left 0.18rem
-    _font(16px, 32px, #fff,,left)
-    background center center / 100% 100% url(../../assets/images/screen1/bg_title_s.png) no-repeat
-  .item_content_1
-    _wh(calc(100% - 44px), 100%)
-    margin 45px auto
-    float right
-.con4
-  _wh(100%, calc(50% - 85px))
-  margin-top 16px
-  overflow hidden
-  position relative
-  .block_h2
-    _wh(calc(100% - 0px), 32px)
-    margin 17px 0 10px 0
-    padding-left 0.18rem
-    background center center / 100% 100% url(../../assets/images/screen1/bg_title_j.png) no-repeat
-    h2
-      _font(16px, 32px, #fff,,left)
-  .list_scroll_title
-    _wh(calc(100% - 0px), 32px)
-    margin 0 auto
-    background #262F52
-    line-height 32px
-    span
-      display inline-block
-      width 8%
-      text-align center
-      line-height 32px
-      // float left
-      font-size 14px
-      &:nth-child(1)
-        width 8%
-      &:nth-child(2)
-        width 12%
-  .content-block-scroll
-    _wh(calc(100% - 0px), calc(100% - 113px))
-    margin 0 auto 25px auto
-    overflow hidden
-  .content-block-scroll-ul
-    width 100%
-    li
-      width 100%
-      height 38px
-      _fj(row, center)
-      &:nth-child(2n)
-        background rgba(38,47,82,0.50)
-      span
-        display inline-block
-        width 8%
-        font-size 12px
-        // padding 0 .1rem
-        text-align center
-        line-height 38px
-        box-sizing border-box
-        // float left
-        &:nth-child(1)
-          width 8%
-        &:nth-child(2)
-          width 12%
-</style>
diff --git a/src/pages/shunhe/StorageMonitor.vue b/src/pages/shunhe/StorageMonitor.vue
deleted file mode 100644
index a2887bb..0000000
--- a/src/pages/shunhe/StorageMonitor.vue
+++ /dev/null
@@ -1,1197 +0,0 @@
-<template>
-    <section class="bg">
-      <!-- <t-header title="顺安大屏监控-生产统计">
-      </t-header> -->
-      <t-header title="顺安大屏监控——仓储监控">
-        <div class="pages">
-          <router-link to="/LogisticsProcess">物流工艺</router-link>
-          <router-link to="/ProdCount">生产统计</router-link>
-          <!-- <router-link to="/setup">设备监控</router-link> -->
-        </div>
-      </t-header>
-      <div class="container">
-        <div class="top_wrapper">
-          <div class="yard-wrap">
-            <div class="cont-1">
-              <div class="corridor_2">困料监控</div>
-              <div class="tags">
-                <div class="tag_type">
-                  <div class="type_color green"></div>
-                  <div class="tag_text">静置中</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color blue"></div>
-                  <div class="tag_text">空盅</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color yellow"></div>
-                  <div class="tag_text">静置完成</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color red"></div>
-                  <div class="tag_text">强制完成</div>
-                </div>
-              </div>
-            </div>
-            <div class="yard_group clearfix" style="display: flex;">
-              <div class="tcon1">
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(0, 12)" :key="i" :class="{mgl10: i === 2 || i === 4 || i === 6 || i === 8 || i === 10}">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                        <!-- <img src="../../assets/images/screen3/popup_bg.png" alt=""> -->
-                        <!-- <img src="../../assets/images/screen3/popup_line.png" alt=""> -->
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="lbox lbox2">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(12, 26)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tcon2">
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(26, 30)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(30, 34)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(34, 38)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tcon3">
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(38, 41)" :key="i" :class="{mgl10: i === 1 || i === 2 || i === 3}">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="lbox">
-                  <div class="conn1"  v-for="(e, i) in group01.slice(16, 17)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon">
-                        <div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}<span>{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="corridor_2">成型暂存监控</div>
-            <div class="yard_group clearfix" style="display: flex;">
-              <div class="tcon1">
-                <div class="lbox">
-                  <div class="conn1" style="width: 137px;" v-for="(e, i) in group02.slice(0, 14)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="lbox lbox2">
-                  <div class="conn1" style="width: 137px;" v-for="(e, i) in group02.slice(14, 28)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-top-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="yard-right">
-            <div class="corridor_2">出窑暂存监控</div>
-            <div class="yard_group clearfix" style="display: flex; margin-top: -25px;">
-              <div class="tcon1">
-                <div class="lbox colbox">
-                  <div class="conn1"  v-for="(e, i) in group03.slice(0, 7)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-bottom-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content contentrt">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tcon1">
-                <div class="lbox colbox">
-                  <div class="conn1"  v-for="(e, i) in group03.slice(7, 14)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-bottom-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content contentrt">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tcon1" style="margin-left: 60px;">
-                <div class="lbox colbox">
-                  <div class="conn1"  v-for="(e, i) in group03.slice(14, 20)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-bottom-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content contentrt">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tcon1">
-                <div class="lbox colbox">
-                  <div class="conn1"  v-for="(e, i) in group03.slice(20, 26)" :key="i">
-                    <div class="a-box" @click="showInfo(e)">
-                      <div class="atext">{{e.storageLocation}}</div>
-                      <div class="acon acon2">
-                        <div class="maskbox"></div>
-                      </div>
-                    </div>
-                    <div class="b-box" v-show="flg === e.storageLocation">
-                      <div class="border left-bottom-border">
-                        <img src="../../assets/images/screen3/dot_line.png" alt="">
-                      </div>
-                      <div class="content contentrt">
-                        <div class="iconfont icon-guanbi close_btn" @click="closeInfo"></div>
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="bottom_wrapper">
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>困料库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>重量(kg)</span><span>已静置(h) </span><span>状态</span>
-            </div>
-            <vue-seamless-scroll :data="array1" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array1" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.weight}}</span><span>{{e.standTime}}</span><span>{{e.standStatusName}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>成型库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array2" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.vehicleCode}}</span><span>{{e.warehousingTime}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>出窑库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array3" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array3" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.vehicleCode}}</span><span>{{e.warehousingTime}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-</template>
-
-<script>
-import THeader from '@components/header.vue'
-import { storageMonitor } from '@js/getData11'
-export default {
-  name: 'StorageMonitor',
-  components: {
-    THeader
-  },
-  data () {
-    return {
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      testArr: [
-        {
-          storageLocation: 111
-        },
-        {
-          storageLocation: 222
-        },
-        {
-          storageLocation: 333
-        },
-        {
-          storageLocation: 444
-        },
-        {
-          storageLocation: 555
-        },
-        {
-          storageLocation: 666
-        },
-        {
-          storageLocation: 777
-        },
-        {
-          storageLocation: 888
-        },
-        {
-          storageLocation: 999
-        },
-        {
-          storageLocation: 1001
-        },
-        {
-          storageLocation: 1002
-        },
-        {
-          storageLocation: 1003
-        }
-      ],
-      testArr2: [
-        {
-          storageLocation: 1
-        },
-        {
-          storageLocation: 2
-        },
-        {
-          storageLocation: 3
-        },
-        {
-          storageLocation: 4
-        },
-        {
-          storageLocation: 5
-        },
-        {
-          storageLocation: 6
-        },
-        {
-          storageLocation: 7
-        },
-        {
-          storageLocation: 8
-        },
-        {
-          storageLocation: 9
-        },
-        {
-          storageLocation: 10
-        },
-        {
-          storageLocation: 11
-        },
-        {
-          storageLocation: 12
-        },
-        {
-          storageLocation: 13
-        },
-        {
-          storageLocation: 14
-        }
-      ],
-      materArr1: [],
-      materArr2: [],
-      structArr: [],
-      array1: [],
-      array2: [],
-      array3: [],
-      group01: [],
-      group02: [],
-      group03: [],
-      code1: '',
-      flg: ''
-    }
-  },
-  computed: {
-    classOption () {
-      return {
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 7, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    // lock_type 00空闲，01锁定
-    // stand_status 0为空，2为静置中，3为静置完成，4为强制静置完成，5为静置超时
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        // this.code1 = ''
-        this.initData()
-      }, this.interTime)
-    },
-    async initData () {
-      let res = await storageMonitor()
-      this.array1 = res.standStock
-      this.array1.map(el => {
-        if (el.standStatus === '1') {
-          el.standStatusName = '静置中'
-        }
-        if (el.standStatus === '2') {
-          el.standStatusName = '静置完成'
-        }
-        if (el.standStatus === '3') {
-          el.standStatusName = '强制静置完成'
-        }
-        if (el.standStatus === '4') {
-          el.standStatusName = '静置超时'
-        }
-        if (el.standStatus === '5') {
-          el.standStatusName = '强制静置超时'
-        }
-      })
-      this.array2 = res.frontWarehouseStock
-      this.array3 = res.backWarehouseStock
-      this.group01 = res.standMonitor
-      this.group02 = res.frontWarehouseMonitor
-      this.group03 = res.backWarehouseMonitor
-      // for (let i = 0; i < this.group01.length; i++) {
-      //   this.group01[i] = Object.assign(this.group01[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      // }
-      // for (let i = 0; i < this.group03.length; i++) {
-      //   this.group03[i] = Object.assign(this.group03[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      // }
-      // for (let i = 0; i < this.group02.length; i++) {
-      //   if (i === 21 || i === 22 || i === 23 || i === 24 || i === 25 || i === 47 || i === 48 || i === 49 || i === 50 || i === 51) {
-      //     this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      //   } else {
-      //     this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      //   }
-      // }
-    },
-    // getdata(e) {
-    //   // getdata(21),22,23
-    //   // this.code1 = this.code1 === id ? '' : id
-
-    //   // list：【
-    //     id:xxx,
-    //     show: false
-    //   】
-    //   e.show = true
-    //   {show: true}
-    //   show:false
-    // },
-    getInfo1 (e) {
-      this.code1 = this.code1 === e.point_code ? '' : e.point_code
-    },
-    closebtn () {
-      this.code1 = ''
-    },
-    showInfo (e) {
-      this.flg = this.flg === e.storageLocation ? '' : e.storageLocation
-    },
-    closeInfo () {
-      this.flg = ''
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.cgreen
-  color #30EBC9 !important
-.cyellow
-  color #E2BB0E !important
-.cred
-  color #FF0000 !important
-.status1
-  color #32C5FF
-.status2
-  color #F7B502
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding 0rem .2509rem 0
-  overflow hidden
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-  position fixed
-  bottom 0
-.top_wrapper
-  position relative
-  height 66%
-  display flex
-.tag_block
-  position absolute
-  // bottom .1rem
-  top -5px
-  right .3rem
-  _fj(row)
-.tag_type
-  _fj(row)
-.type_color
-  width .1rem
-  height .1rem
-  border-radius 50%
-  margin-right 10px
-.tag_text
-  font-size .12rem
-  line-height .2rem
-.blue
-  background #32C5FF !important
-.green
-  background #30EBC9 !important
-.gray
-  background #516282 !important
-.yellow
-  background #E2BB0E !important
-.orange
-  background #F96700 !important
-.red
-  background #FF0000 !important
-.cblue
-  color #32C5FF !important
-.cgreen
-  color #30EBC9 !important
-.cgray
-  color #516282 !important
-.cyellow
-  color #E2BB0E !important
-.corange
-  color #F96700 !important
-.cred
-  color #FF0000 !important
-.lock
-  border .02rem solid #f00 !important
-.yard-wrap
-  // height 6.95rem
-  height 100%
-  width 80%
-  // padding .1rem 0
-.yard_group
-  width 100%
-  // height calc(50% - 46px)
-  clear both
-  &:nth-child(1)
-    margin-bottom 20px
-.yard_group_ul
-  float left
-  display grid
-  grid-gap 0
-  justify-items center
-  align-items center
-  margin-top -.01rem
-.yard_group_ul_1
-  width 80%
-  position absolute
-  grid-template-columns repeat(18, 80% / 18)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_2
-  width 100%
-  position absolute
-  grid-template-columns repeat(14, 80% / 14)
-  // grid-template-columns repeat(26, 100% / 26)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_3
-  width 20%
-  grid-template-columns repeat(5, 100% / 5)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_4
-  width 100%
-  grid-template-columns repeat(4, 80% / 4)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(7, 73px)
-.yard_group_cell
-  position relative
-  display inline-block
-  width 100%
-  // height calc(1.8rem / 2)
-  height 100%
-  box-sizing border-box
-  border 1px solid #32C5FF
-  background #000F2B
-  border-radius 8px
-.yard_group_p
-// height calc(1.8rem / 2)
-height 90px
-  p
-    font-size 12px
-    // line-height 0.28rem
-    line-height 28px
-    height 28px
-    -webkit-text-size-adjust none
-    text-align center
-    white-space nowrap
-  img
-    display block
-    width 60%
-    // height 0.6rem
-    height 60px
-    margin 0 auto
-.machine_1
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/zhong.png) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.machine_2
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/cp1.jpg) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.ingbox
-  position absolute
-  bottom 0
-  width 100%
-  z-index 97 //
-.corridor_2
-  _wh(80%,22px)
-  _font(16px, 22px, #fff,,left)
-  margin 22px 12px 30px 0
-.locate-wrap
-  position absolute
-  width 100%
-  bottom -40%
-.locate-content
-  position absolute
-  width 2.9rem
-  height 2.74rem
-  z-index 99
-  background center center / 100% 100% url(../../assets/images/screen1/popover_1.png) no-repeat
-  padding .36rem .15rem
-.tan_pline
-  width 100%
-  margin 0 auto
-.tan_p
-  font-size .12rem
-  line-height .36rem
-  height .36rem
-  overflow hidden
-  color #fff
-  span
-    padding-right .4rem
-    float right
-.close_btn
-  position absolute
-  top 3%
-  right 10%
-  margin-right -.25rem
-  font-size .14rem
-  border-radius 5px
-  cursor pointer
-.bottom_wrapper
-  display flex
-  width 100%
-  height 40%
-  // padding-top 120px
-  padding-bottom 10px
-  _fj(row)
-.bottom_wrapper_l
-  // _wh(calc(33%), 100%)
-  width 100%
-  height 100%
-  position relative
-.title
-  position absolute
-  top .15rem
-  left .25rem
-// .block_h2
-//   _wh(100%, 22px)
-//   margin 12px
-//   h2
-//     font-size 16px
-//     line-height 22px
-.block_h2
-    _wh(calc(100% - 12px), 32px)
-    margin 17px 0 10px 0
-    padding-left 0.55rem
-    background center center / 100% 100% url(../../assets/images/screen1/title_bg_d1.png) no-repeat
-    h2
-      _font(16px, 32px, #fff,,left)
-.list_scroll_title
-  width calc(100% - 12px)
-  // width calc(100% - 30px)
-  // margin 0 15px
-  background #262F52
-  span
-    display inline-block
-    width 14%
-    text-align center
-    line-height 32px
-    font-size 12px
-    color rgba(255,255,255,0.60)
-    // float left
-    &:nth-child(6)
-      width 30%
-.content-block-scroll
-  // width calc(100% - 30px)
-  // margin 0 15px 4px 15px
-  width calc(100% - 12px)
-  margin 0 0px 4px 0px
-  height calc(100% - 82px)
-  overflow hidden
-.content-block-scroll-ul
-  width 100%
-  li
-    width 100%
-    height 38px
-    _fj(row, center)
-    &:nth-child(2n)
-      background rgba(38,47,82,0.50)
-    span
-      display inline-block
-      width 14%
-      padding 0 2px
-      font-size 12px
-      text-align center
-      line-height 38px
-      box-sizing border-box
-      // float left
-      &:nth-child(6)
-        width 30%
-.foldcricle0
-  position absolute
-  z-index 102
-  width .24rem
-  height .24rem
-  background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-.foldcricle2
-  top .50rem
-  left .6rem
-.foldcricle1
-  top 0
-  left -0.1rem
-.foldline0
-  position absolute
-  z-index 102
-  border 1px dashed #32C5FF
-  height 1px
-.foldline1
-  width .33rem
-  top .12rem
-  left .09rem
-.foldline2
-  width .60rem
-  top .39rem
-  left .27rem
-  transform rotate(60deg)
-.coordinate1
-  left .9rem
-  top -.14rem
-.coordinate2
-  right .86rem
-  top -.14rem
-.coordinate3
-  left .9rem
-  bottom .86rem
-.aline1
-  position absolute
-  z-index 102
-  top -.70rem
-  left .88rem
-.bline1
-  position absolute
-  top -.70rem
-  left .93rem
-.aline2
-  position absolute
-  z-index 102
-  transform rotate(180deg)
-  top -.50rem
-  left 0px
-.bline2
-  position absolute
-  z-index 102
-  transform rotate(60deg)
-  top -1.05rem
-  right 1.28rem
-.aline3
-  position absolute
-  z-index 102
-  transform rotate(0deg)
-  bottom .7rem
-  left .88rem
-.bline3
-  position absolute
-  z-index 102
-  transform rotate(-120deg)
-  bottom .2rem
-  left 1.38rem
-// .foldcricle0
-//   position absolute
-//   z-index 102
-//   width 24px
-//   height 24px
-//   background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-// .foldcricle2
-//   top 50px
-//   left 55px
-// .foldcricle1
-//   top 0
-//   left -0.1rem
-// .foldline0
-//   position absolute
-//   z-index 102
-//   border 1px dashed #32C5FF
-//   height 1px
-// .foldline1
-//   width 30px
-//   top 12px
-//   left 9px
-// .foldline2
-//   width 60px
-//   top 38px
-//   left 24px
-//   transform rotate(60deg)
-// .coordinate1
-//   left 38px
-//   top -14px
-// .coordinate2
-//   right 53px
-//   top -14px
-// .coordinate3
-//   left 38px
-//   bottom 66px
-// .aline1
-//   position absolute
-//   z-index 102
-//   top -70px
-//   left 88px
-// .bline1
-//   position absolute
-//   top -70px
-//   left 88px
-// .aline2
-//   position absolute
-//   z-index 102
-//   transform rotate(180deg)
-//   top -50px
-//   left 0px
-// .bline2
-//   position absolute
-//   z-index 102
-//   transform rotate(60deg)
-//   top -100px
-//   right 138px
-// .aline3
-//   position absolute
-//   z-index 102
-//   transform rotate(0deg)
-//   bottom 50px
-//   left 88px
-// .bline3
-//   position absolute
-//   z-index 102
-//   transform rotate(-120deg)
-//   bottom -2px
-//   left 138px
-.yard_group_p
-  _wh(100%, 100%)
-.fontselect
-  _font(12px, 30px, #fff,,)
-  // transform scale(0.8)
-  white-space:nowrap
-.mgl1
-  margin-left -22px
-.mgl2
-  margin-left 0px
-.yard-right
-  width 18%
-  height 100%
-  margin-left 2%
-  box-sizing border-box
-  // border 1px solid #32c5ff
-.cont-1
-  display flex
-.tags
-  display flex
-  width 20%
-  align-items center
-  justify-content space-around
-.mgt5
-  margin-left 100px
-.mgt6
-  margin-left 150%
-.pages
-  position absolute
-  left .2509rem
-  top 11%
-  _wh(20%, .4rem)
-  _fj(flex-start)
-  a
-    cursor pointer
-    font-family "SourceHanSansCN"
-    _font(.18rem, .30rem, #fff, 700,)
-    letter-spacing .01rem
-    padding .05rem .2rem
-    border-radius .05rem
-    background: radial-gradient(circle at 7.2% 13.6%, rgb(37, 249, 245) 0%, #004c92 90%)
-    +a
-      margin-left .2rem
-.tcon2
-  width 300px
-  margin-left 40px
-.lbox
-  width 80%
-  display flex
-.lbox2
-  margin-top 40px
-.conn1
- position relative
- width 60px
-.a-box
-  width 60px
-  height 80px
-  border 1px solid #32c5ff
-  border-radius 8px
-  .atext
-    _font(12px, 30px, #fff,,)
-  // transform scale(0.8)
-  white-space:nowrap
-  .acon
-    width 100%
-    height 61%
-    background center center / 100% 100% url(../../assets/images/screen1/zhong.png) no-repeat
-    border-bottom-right-radius 8px
-    border-bottom-left-radius 8px
-  .maskbox
-    width 100%
-    height 100%
-    // background #ff0
-    position relative
-    opacity 0.5
-    border-bottom-right-radius 8px
-    border-bottom-left-radius 8px
-  .acon2
-    background center center / 100% 100% url(../../assets/images/screen1/cp1.jpg) no-repeat
-    opacity 0.3
-.b-box
-  position absolute
-  z-index 11
-  top 0px
-  left 50px
-  .border
-    width 127px
-    height 105px
-    position absolute
-    left 0px
-    top 40px
-    z-index 10
-  .left-top-border
-    transform rotateY(180deg)
-  .left-bottom-border
-    transform rotate(0deg)
-    left -166px
-  .right-top-border
-    transform rotateY(180deg)
-  .right-bottom-border
-    transform rotateY(180deg)
-  .content
-    width 280px
-    height 300px
-    border-sizing border-box
-    padding 20px
-    position absolute
-    left 115px
-    background center center / 100% 100% url(../../assets/images/screen1/popover_1.png) no-repeat
-    // background-image url(../../assets/images/screen3/popup_bg.png)
-    background-repaeat no-repeat
-  .contentrt
-      left: -432px;
-    p
-      width 100%
-      line-height 30px
-.icon-guanbi2
-  position: absolute;
-  top: 8px;
-  right: 9px;
-  width: 30px;
-  height: 22px;
-  font-size: 15px;
-  line-height: 22px;
-  color: #fff;
-  font-weight: normal;
-  text-align: center;
-  background-color: #0a3679;
-.close_btn2
-  position: absolute;
-  top: 3%;
-  right: 10%;
-  margin-right: -0.25rem;
-  font-size: 0.14rem;
-  line-height: 0.34rem;
-  padding: 0 0.16rem;
-  border-radius: 5px;
-  cursor: pointer;
-.mgl10
-  margin-left 23px
-.colbox
-  display flex
-  flex-direction column
-</style>
diff --git a/src/pages/shunhe/StorageMonitor0.vue b/src/pages/shunhe/StorageMonitor0.vue
deleted file mode 100644
index 056206b..0000000
--- a/src/pages/shunhe/StorageMonitor0.vue
+++ /dev/null
@@ -1,687 +0,0 @@
-<template>
-    <div  @click.stop="closeModal" class="n_container">
-        <div class="n_header">
-            <div class="n_header_h1">
-                <h1>据控制中心</h1>
-            </div>
-        </div>
-        <div class="n_body_container">
-            <div class="n_body_container_wraper">
-                <div class="box1">
-                  <div class="status_wrap">
-                      <div class="status_item">
-                          <div class="status_tip yellow"></div>
-                          <div class="status_name">困料</div>
-                      </div>
-                      <div class="status_item">
-                          <div class="status_tip green"></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="box_l1">
-                    <!-- <div  v-for="(e,i) in TrappedShelf40List.slice(0, 20)" :key="i" class="picbox" :class="{'mgt5': i === 10 || i === 14 || i === 18, 'mgt6': i === 6, 'mgt2': i === 2}" @click.stop="getInfo1(e, i)"> -->
-                    <div  v-for="(e,i) in TrappedShelf40List.slice(0, 12)" :key="i" class="picbox" :class="{'mgt2': i === 2 || i === 4 || i === 6 || i === 8 || i === 10}" @click.stop="getInfo1(e, i)">
-                      <!-- <div class="piccon"><img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt=""></div> -->
-                      <div class="piccon" v-show="String(e.point_status) === '0'" style="display: none; height auto;"><img style="visibility: hidden;"></div>
-                      <div class="piccon" v-show="String(e.point_status) === '1'"><img src="../../assets/images/screen3/lz_hj_gray.png" alt=""></div>
-                      <div class="piccon" v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'"><img src="../../assets/images/screen3/lz_hj_yellow.png" alt=""></div>
-                      <div class="piccon" v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')"><img src="../../assets/images/screen3/lz_hj_green.png" alt=""></div>
-                      <div class="piccon" v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'"><img src="../../assets/images/screen3/lz_hj_red.png" alt=""></div>
-                      <!-- <img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt="">
-                      <img v-show="String(e.point_status) === '1'" src="../../assets/images/screen3/lz_hj_gray.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../assets/images/screen3/lz_hj_yellow.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../assets/images/screen3/lz_hj_green.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../assets/images/screen3/lz_hj_red.png" alt=""> -->
-                      <div v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
-                        <div class="foldline foldline_left" :class="foldlineStyle"></div>
-                        <div class="popup_bg">
-                          <div class="popup_block">
-                            <div class="pop_header">
-                              <div class="pop_name">{{pkObj.point_code}}</div>
-                              <div class="pop_status">
-                                <!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.stand_status) - 2]"></div> -->
-                                <div class="pop_status_dot" :class="{yellow:pkObj.status ==='2',red:pkObj.status ==='5',green:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
-                                <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div>
-                              </div>
-                            </div>
-                            <div class="pop_content">
-                              <div class="pop_item">
-                                <div class="pop_label">状态</div>
-                                <div class="pop_val">{{pkObj.point_status_name}}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">载具</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">BOM号</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">碾次</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">重量(kg)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
-                                <div class="pop_unit">kg</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">入库时间</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">静置(h)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.standing_time }}</div>
-                                <div class="pop_unit">h</div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="box_l2">
-                    <div  v-for="(e,i) in TrappedShelf40List.slice(0, 14)" :key="i" class="picbox" @click.stop="getInfo1(e, i)">
-                      <div class="piccon"><img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt=""></div>
-                      <div class="piccon"><img v-show="String(e.point_status) === '1'" src="../../assets/images/screen3/lz_hj_gray.png" alt=""></div>
-                      <div class="piccon"><img v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../assets/images/screen3/lz_hj_yellow.png" alt=""></div>
-                      <div class="piccon"><img v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../assets/images/screen3/lz_hj_green.png" alt=""></div>
-                      <div class="piccon"><img v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../assets/images/screen3/lz_hj_red.png" alt=""></div>
-                    <!-- <div  v-for="(e,i) in TrappedShelf40List.slice(20, 40)" :key="i" class="picbox" :class="{'mgt5': i === 6 || i === 10 || i === 14 || i === 18, 'mgt6': i === 6, 'mgt2': i === 2}" @click.stop="getInfo1(e, i)">
-                      <img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt="">
-                      <img v-show="String(e.point_status) === '1'" src="../../assets/images/screen3/lz_hj_gray.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../assets/images/screen3/lz_hj_yellow.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../assets/images/screen3/lz_hj_green.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../assets/images/screen3/lz_hj_red.png" alt=""> -->
-                      <div v-if="pkId === e.point_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
-                        <div class="foldline foldline_left" :class="foldlineStyle"></div>
-                        <div class="popup_bg">
-                          <div class="popup_block">
-                            <div class="pop_header">
-                              <div class="pop_name">{{pkObj.point_code}}</div>
-                              <div class="pop_status">
-                                <!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.stand_status) - 2]"></div> -->
-                                <div class="pop_status_dot" :class="{yellow:pkObj.status ==='2',red:pkObj.status ==='5',green:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
-                                <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div>
-                              </div>
-                            </div>
-                            <div class="pop_content">
-                              <div class="pop_item">
-                                <div class="pop_label">状态</div>
-                                <div class="pop_val">{{pkObj.point_status_name}}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">载具</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">BOM号</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">碾次</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">重量(kg)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
-                                <div class="pop_unit">kg</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">入库时间</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">静置(h)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.standing_time }}</div>
-                                <div class="pop_unit">h</div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="box_r1">
-                    <div  v-for="(e,i) in TrappedShelf6List.slice(0, 3)" :key="i" class="picbox" @click.stop="getInfo2(e, i)">
-                      <img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt="">
-                      <img v-show="String(e.point_status) === '1'" src="../../assets/images/screen3/lz_hj_gray.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../assets/images/screen3/lz_hj_yellow.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../assets/images/screen3/lz_hj_green.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../assets/images/screen3/lz_hj_red.png" alt="">
-                      <div v-if="pkId === e.point_code" class="popup_block_wraper popup_block_wraper2" :style="{'top': top, 'left': left}">
-                        <div class="foldline foldline_left2"></div>
-                        <div class="popup_bg">
-                          <div class="popup_block">
-                            <div class="pop_header">
-                              <div class="pop_name">{{pkObj.point_code}}</div>
-                              <div class="pop_status">
-                                <!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.stand_status) - 2]"></div> -->
-                                <div class="pop_status_dot" :class="{yellow:pkObj.status ==='2',red:pkObj.status ==='5',green:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
-                                <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div>
-                              </div>
-                            </div>
-                            <div class="pop_content">
-                              <div class="pop_item">
-                                <div class="pop_label">状态</div>
-                                <div class="pop_val">{{pkObj.point_status_name}}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">载具</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">BOM号</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">碾次</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">重量(kg)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
-                                <div class="pop_unit">kg</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">入库时间</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">静置(h)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.standing_time }}</div>
-                                <div class="pop_unit">h</div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="box_r2">
-                    <div  v-for="(e,i) in TrappedShelf6List.slice(3, 6)" :key="i" class="picbox" @click.stop="getInfo2(e, i)">
-                      <img v-show="String(e.point_status) === '0'" src="../../assets/images/screen3/hj.png" alt="">
-                      <img v-show="String(e.point_status) === '1'" src="../../assets/images/screen3/lz_hj_gray.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../assets/images/screen3/lz_hj_yellow.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../assets/images/screen3/lz_hj_green.png" alt="">
-                      <img v-show="String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../assets/images/screen3/lz_hj_red.png" alt="">
-                      <div v-if="pkId === e.point_code" class="popup_block_wraper popup_block_wraper2" :style="{'top': top, 'left': left}">
-                        <div class="foldline foldline_left2"></div>
-                        <div class="popup_bg">
-                          <div class="popup_block">
-                            <div class="pop_header">
-                              <div class="pop_name">{{pkObj.point_code}}</div>
-                              <div class="pop_status">
-                                <!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.stand_status) - 2]"></div> -->
-                                <div class="pop_status_dot" :class="{yellow:pkObj.status ==='2',red:pkObj.status ==='5',green:(pkObj.status ==='3' || pkObj.status ==='4')}"></div>
-                                <div class="pop_status_text fgray">{{pkObj.stand_status_name}}</div>
-                              </div>
-                            </div>
-                            <div class="pop_content">
-                              <div class="pop_item">
-                                <div class="pop_label">状态</div>
-                                <div class="pop_val">{{pkObj.point_status_name}}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">载具</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.vehicle_code }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">BOM号</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.bom }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">碾次</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.mix_num }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">重量(kg)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
-                                <div class="pop_unit">kg</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">入库时间</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.instorage_time }}</div>
-                              </div>
-                              <div class="pop_item">
-                                <div class="pop_label">静置(h)</div>
-                                <div class="pop_val pop_val_s">{{ pkObj.standing_time }}</div>
-                                <div class="pop_unit">h</div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal"></div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="box2">
-                    <div class="item_wrap">
-                        <div class="item_tip item_tip_bg_s">
-                            <div class="item_tip_left">困料库存</div>
-                        </div>
-                        <div class="item_content">
-                            <div class="scroll_wrap">
-                                <ul class="scroll_tab_1">
-                                    <li>货位</li>
-                                    <li style="width: 10%">BOM号</li>
-                                    <li style="width: 14%">设备名称</li>
-                                    <li>物料名称</li>
-                                    <li style="width: 7%">重量</li>
-                                    <li>载具号</li>
-                                    <li style="width: 6%">静置(h)</li>
-                                    <li>碾次</li>
-                                    <li>状态</li>
-                                </ul>
-                                <div class="scroll_container_1">
-                                    <vue-seamless-scroll :data="array1" :class-option="defaultOption1">
-                                        <ul class="scroll-ul_1">
-                                            <li v-for="(e, i) in array1" :key="i">
-                                                <!-- <div class="scroll-ul_1_div" :class="['c_gray', 'c_yellow', 'c_green', 'c_red'][Number(e.stand_status_color)]">{{e.point_name}}</div> -->
-                                                <div class="scroll-ul_1_div">{{e.point_name}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 10%">{{e.bom}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 14%">{{e.device_name}}</div>
-                                                <div class="scroll-ul_1_div">{{e.material_code}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 7%">{{e.weight}}</div>
-                                                <div class="scroll-ul_1_div">{{e.vehicle_code}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 6%">{{e.standing_time}}</div>
-                                                <div class="scroll-ul_1_div">{{e.mix_num}}</div>
-                                                <div class="scroll-ul_1_div">{{e.stand_status_name}}</div>
-                                            </li>
-                                        </ul>
-                                    </vue-seamless-scroll>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="item_wrap">
-                        <div class="item_tip item_tip_bg_s">
-                            <div class="item_tip_left">困料出入库</div>
-                        </div>
-                        <div class="item_content">
-                            <div class="scroll_wrap">
-                                <ul class="scroll_tab_1">
-                                    <li style="width: 6%;">类别</li>
-                                    <li style="width: 9%">BOM号</li>
-                                    <li style="width: 13%">设备名称</li>
-                                    <li style="width: 7%">重量</li>
-                                    <li style="width: 15%">物料名称</li>
-                                    <li style="width: 9%">载具号</li>
-                                    <li>碾次</li>
-                                    <li style="width: 9%">货位</li>
-                                    <li style="width: 18%;">出入时间</li>
-                                </ul>
-                                <div class="scroll_container_1">
-                                    <vue-seamless-scroll :data="array2" :class-option="defaultOption2">
-                                        <ul class="scroll-ul_1">
-                                            <li v-for="(e, i) in array2" :key="i">
-                                                <div class="scroll-ul_1_div" style="width: 6%;">{{e.io_type}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 9%">{{e.bom}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 13%">{{e.device_name}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 7%">{{e.weight}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 15%">{{e.material_code}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 9%">{{e.vehicle_code}}</div>
-                                                <div class="scroll-ul_1_div">{{e.mix_num}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 9%">{{e.point_code}}</div>
-                                                <div class="scroll-ul_1_div" style="width: 18%;">{{e.create_time}}</div>
-                                            </li>
-                                        </ul>
-                                    </vue-seamless-scroll>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
-          <div class="tooltip_pages" :style="expand ? 'width: 300px' : 'width: 0'">
-            <router-link to="/setup" class="tooltip_page">配置</router-link>
-            <router-link to="/homepagetwo" class="tooltip_page">1</router-link>
-            <div class="tooltip_page current_page pointer">2</div>
-            <router-link to="/takeshapetwo" class="tooltip_page">3</router-link>
-            <router-link to="/firedrytwo" class="tooltip_page">4</router-link>
-            <router-link to="/sortpacktwo" class="tooltip_page">5</router-link>
-            <router-link to="/pdtwo" class="tooltip_page">6</router-link>
-          </div>
-          <div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '&lt;&lt;' : '&gt;&gt;'"></div>
-        </div>
-        <div class="style_block" style="left: calc(100% / 3);top:0;"></div>
-        <div class="style_block" style="background: green;left: calc(100% / 3);top:calc(100% / 3);"></div>
-        <div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
-        <div class="style_block" style="background: green;left: calc(200% / 3);top:0;"></div>
-        <div class="style_block" style="left: calc(200% / 3);top:calc(100% / 3);"></div>
-        <div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div>
-    </div>
-</template>
-
-<script>
-import { trappedMaterialCondition } from '@js/getData0'
-export default {
-  name: 'one',
-  data () {
-    return {
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      expand: false,
-      top: '',
-      left: '',
-      youModel: '',
-      foldlineStyle: '',
-      pkId: '',
-      pkObj: {
-        aaa: 'aaa',
-        num: '3'
-      },
-      resData: {},
-      TrappedShelf40List: [],
-      TrappedShelf6List: [],
-      array1: [],
-      array2: []
-      // array1: [{workorder_code: 'hl00001', device_name: '混碾机1', bom: 'WL001', material_code: '1号混料', plan_qty: '5000', real_qty: '200', total_mix_frequency: '230505001001', order_status: '生产完成', realproducestart_date: '10-11 19:11:00', realproduceend_date: '10-11 19:11:00'}]
-      // array2: [{workorder_code: 'hl00001', device_name: '混碾机1', bom: 'WL001', material_code: '1号混料', plan_qty: '5000', real_qty: '200', total_mix_frequency: '230505001001', order_status: '生产完成', realproducestart_date: '10-11 19:11:00', realproduceend_date: '10-11 19:11:00'}]
-    }
-  },
-  computed: {
-    defaultOption1 () {
-      return {
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 6, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    },
-    defaultOption2 () {
-      return {
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 6, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        this.initData()
-      }, this.interTime)
-    },
-    expandTooltip () {
-      this.expand = !this.expand
-    },
-    getInfo1 (e, i) {
-      this.pkId = e.point_code
-      this.pkObj = e
-      if (i === 0 || i === 1 || i === 2 || i === 3 || i === 4 || i === 5 || i === 6 || i === 20 || i === 21 || i === 22 || i === 23 || i === 24 || i === 25 || i === 26) {
-        this.youModel = 'popup_block_wraper2'
-        this.foldlineStyle = 'foldline_left2'
-      } else {
-        this.youModel = ''
-        this.foldlineStyle = ''
-      }
-    },
-    getInfo2 (e, i) {
-      this.pkId = e.point_code
-      this.pkObj = e
-    },
-    closeModal () {
-      this.pkId = ''
-      this.pkObj = {}
-    },
-    async initData () {
-      let res = await trappedMaterialCondition()
-      this.resData = res.result
-      this.TrappedShelf40List = res.result.TrappedShelf40List
-      this.TrappedShelf6List = res.result.TrappedShelf6List
-      this.array1 = res.result.TrappedStockList
-      this.array2 = res.result.TrappedIOStockList
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin2'
-.c_gray
-  color $gray1 !important
-.c_yellow
-  color $yellow !important
-.c_green
-  color $green !important
-.c_red
-  color $orange !important
-.n_container
-    position relative
-    _wh(100%, 100%)
-.n_header
-    _wh(100%, 8%)
-    _bis('../../assets/images/screen3/bg_header.jpg')
-.n_header_h1
-    _wh(100%, 100%)
-    _fj(row, flex-start)
-    _bis('../../assets/images/screen3/top_right.png',auto,,left)
-    h1
-        _font(32px, 1, #fff,,right)
-        padding-bottom 2%
-        letter-spacing 6px
-        font-family "阿里妈妈数黑体" !important
-        padding-left 3px
-.n_body_container
-    _wh(100%, 92%)
-    padding 40px 20px 0px 0
-    _bis('../../assets/images/screen3/bg_content_r.jpg')
-.n_body_container_wraper
-    _wh(100%, 100%)
-    _fj()
-.status_wrap
-    position absolute
-    top 18px
-    right 40px
-    z-index 1
-    _fj(row)
-.status_item
-    _fj(row)
-    +.status_item
-        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)
-.green
-  background-color $green2
-.yellow
-  background-color $yellow
-.red
-  background-color $orange
-.box1
-  position relative
-  _wh(100%, 58%)
-//   border 1px solid rgba(8,205,248,0.3)
-//   border-left none
-.box_l1
-  _wh(3%, 10%)
-  position absolute
-  top 25%
-  right 20%
-  z-index 2
-  transform rotate(90deg)
-  .picbox
-    position relative
-    width 100%
-    margin-bottom 1%
-    .piccon
-      // _wh(100%, auto)
-      // width 100%
-      height auto
-      box-sizing border-box
-      border 1px solid #ff0
-      border-radius 8px
-    img
-      _wh(80%, 100%)
-      position: relative;
-      left: 20%;
-    // img
-    //   _wh(100%, auto)
-.box_l2
-  _wh(3%, 10%)
-  position absolute
-  top 65%
-  right 20%
-  z-index 2
-  transform rotate(90deg)
-  .picbox
-    position relative
-    width 100%
-    margin-bottom 1%
-    .piccon
-      // _wh(100%, auto)
-      // width 100%
-      height auto
-      box-sizing border-box
-      border 1px solid #ff0
-      border-radius 8px
-    img
-      _wh(80%, 100%)
-      position: relative;
-      left: 20%;
-    // img
-    //   _wh(100%, auto)
-.box_r1
-  _wh(3%, 10%)
-  position absolute
-  top 25%
-  right 2%
-  z-index 2
-  transform rotate(90deg)
-  .picbox
-    position relative
-    width 100%
-    margin-bottom 20%
-    img
-      _wh(100%, auto)
-.box_r2
-  _wh(3%, 10%)
-  position absolute
-  top 65%
-  right 2%
-  z-index 2
-  transform rotate(90deg)
-  .picbox
-    position relative
-    width 100%
-    margin-bottom 20%
-    img
-      _wh(100%, auto)
-.mgt5
-    margin-top 55%
-.mgt2
-    margin-top 80%
-.mgt6
-    margin-top 42%
-.box2
-  _wh(100%, 37.5%)
-  _fj(row)
-.item_wrap
-    _wh(calc(50% - 8px), 100%)
-    position relative
-    z-index 10
-.item_tip
-    _wh(100%, 32px)
-    line-height 32px
-    padding 0 10px
-.item_tip_bg_s
-    _bis('../../assets/images/screen3/bg_title_s.png')
-.item_tip_left
-    _wh(60%, 100%)
-    font-family "SourceHanSansCN"
-    _font(18px, inherit, #fff, 700, left)
-    letter-spacing 2px
-    text-shadow 0 0 9px #159AFF
-    padding-left 34px
-    _bis('../../assets/images/screen3/bg_title_tip.png', 22px, 22px, left)
-.item_content
-    _wh(100%, calc(100% - 32px))
-    padding 10px 5px
-.scroll_wrap
-    _wh(100%, 100%)
-    border 1px solid rgba(8,205,248,0.3)
-    // background-color #070b1c
-.scroll_tab_1
-  _wh(100%, 40px)
-  border-bottom 1px solid rgba(8,205,248,0.3)
-  li
-    float left
-    width 12.5%
-    _font(14px,40px,#78B1DE,,center)
-    word-wrap break-word
-    word-break break-all
-    white-space nowrap
-    padding 0 5px
-    overflow hidden
-    box-sizing border-box
-.scroll_container_1
-  width 100%
-  height calc(100% - 40px)
-  overflow hidden
-.scroll-ul_1
-  li
-    _wh(100%, 44px)
-    border-bottom 1px solid rgba(8,205,248,0.3)
-    &:nth-child(even)
-      background rgba(1,24,52,0.60)
-      box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
-    .scroll-ul_1_div
-      float left
-      _wh(12.5%, 44px)
-      _fj(row, center)
-      _font(14px, 16px, #fff,,center)
-      word-wrap break-word
-      word-break break-all
-      // white-space nowrap
-      padding 0 5px
-      overflow hidden
-.popup_block_wraper
-  position absolute
-  top: -706%;
-  left: -287%;
-  z-index 10
-  transform rotate(-90deg)
-.popup_block_wraper2
-  position absolute
-  top: 515%;
-  left: -277%;
-  z-index 10
-  transform rotate(-90deg)
-.foldline_left2
-  left 530px
-  transform rotateY(0)
-.foldline_left
-    left -29px
-</style>
diff --git a/src/pages/shunhe/StorageMonitor822.vue b/src/pages/shunhe/StorageMonitor822.vue
deleted file mode 100644
index f489aba..0000000
--- a/src/pages/shunhe/StorageMonitor822.vue
+++ /dev/null
@@ -1,852 +0,0 @@
-<template>
-    <section class="bg">
-      <t-header title="顺安大屏监控——仓储监控">
-        <!-- <p class="p1">1</p> -->
-      </t-header>
-      <div class="container">
-        <div class="top_wrapper">
-          <div class="yard-wrap">
-            <div class="cont-1">
-              <div class="corridor_2">困料监控</div>
-              <div class="tags">
-                <div class="tag_type">
-                  <div class="type_color green"></div>
-                  <div class="tag_text">静置中</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color blue"></div>
-                  <div class="tag_text">空盅</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color yellow"></div>
-                  <div class="tag_text">静置完成</div>
-                </div>
-                <div class="tag_type">
-                  <div class="type_color red"></div>
-                  <div class="tag_text">强制完成</div>
-                </div>
-              </div>
-            </div>
-            <div class="yard_group clearfix">
-              <div class="yard_group_ul yard_group_ul_1 fl">
-                <div class="yard_group_cell" v-for="(e, i) in group01" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '1'" class="machine_1"></div>
-                    <!-- <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div> -->
-                    <div class="ingbox" style="height:78px;" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.storageLocation}}<span :class="{cgreen:e.stand_status ==='2',cyellow:e.stand_status ==='3',cred:e.stand_status ==='4',cblue:e.stand_status ==='5'}">{{e.standStatus}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">重量(kg)：{{e.weight}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                        <p class="tan_p">静置(h)：{{e.standTime}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="yard_group_ul yard_group_ul_3 fr">
-                <div class="yard_group_cell" v-for="(e, i) in group03" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '1'" class="machine_1"></div>
-                    <div class="ingbox" style="height:78px;" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.point_name}}<span :class="{cgreen:e.stand_status ==='2',cyellow:e.stand_status ==='3',cred:e.stand_status ==='4',cblue:e.stand_status ==='5'}">{{e.stand_status_name}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicle_code}}</p>
-                        <p class="tan_p">BOM：{{e.material_code}}</p>
-                        <p class="tan_p">重量(千克)：{{e.ivt_qty}}</p>
-                        <p class="tan_p">入库时间：{{e.instorage_time}}</p>
-                        <p class="tan_p">静置(小时)：{{e.standing_time}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="corridor_2">成型暂存监控</div>
-            <div class="yard_group clearfix">
-              <div class="yard_group_ul yard_group_ul_2">
-                <div class="yard_group_cell" v-for="(e, i) in group02" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '2'" class="machine_2"></div>
-                    <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="yard-right">
-            <div class="corridor_2">出窑暂存监控</div>
-            <div class="yard_group clearfix">
-              <div class="yard_group_ul yard_group_ul_4">
-                <div class="yard_group_cell" v-for="(e, i) in group02.slice(0, 26)" :key="i" :class="{lock:e.lock_type ==='01', 'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18 || i === 22, 'mgt6': i === 3 || i === 7 || i === 11 || i === 15 || i === 19 || i === 23}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '2'" class="machine_2" style="height: 42px;"></div>
-                    <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.storageLocation}}</p>
-                        <p class="tan_p">载具：{{e.vehicleCode}}</p>
-                        <p class="tan_p">物料：{{e.materialCode}}</p>
-                        <p class="tan_p">名称：{{e.materialName}}</p>
-                        <p class="tan_p">库存(块)：{{e.qty}}</p>
-                        <p class="tan_p">入库时间：{{e.warehousingTime}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="bottom_wrapper">
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>困料库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>重量(kg)</span><span>已静置(h) </span><span>状态</span>
-            </div>
-            <vue-seamless-scroll :data="array1" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array1" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.weight}}</span><span>{{e.standTime}}</span><span>{{e.standStatus}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>成型库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array2" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.vehicleCode}}</span><span>{{e.warehousingTime}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>半成品库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array3" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array3" :key="i">
-                  <span>{{e.storageLocation}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.qty}}</span><span>{{e.vehicleCode}}</span><span>{{e.warehousingTime}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-</template>
-
-<script>
-import THeader from '@components/header.vue'
-import { storageMonitor } from '@js/getData11'
-export default {
-  name: 'StorageMonitor',
-  components: {
-    THeader
-  },
-  data () {
-    return {
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      materArr1: [],
-      materArr2: [],
-      structArr: [],
-      array1: [],
-      array2: [],
-      array3: [],
-      group01: [],
-      group02: [],
-      group03: [],
-      code1: ''
-    }
-  },
-  computed: {
-    // classOption () {
-    //   return {
-    //     step: 0.4,
-    //     limitMoveNum: 6
-    //   }
-    // }
-    classOption () {
-      return {
-        step: 0.6, // 数值越大速度滚动越快
-        limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    // lock_type 00空闲，01锁定
-    // stand_status 0为空，2为静置中，3为静置完成，4为强制静置完成，5为静置超时
-    // 编号排布
-    // 12排
-    // let pai1 = []
-    // let pai2 = []
-    // let pai12 = []
-    // for (let i = 1; i <= 20; i++) {
-    //   if (i <= 10) {
-    //     pai1.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //     pai2.push({sequence_number: i * 2, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //   } else {
-    //     pai1.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //     pai2.push({sequence_number: i * 2, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //   }
-    // }
-    // pai12 = pai1.concat(pai2)
-    // this.group01 = pai12
-    // // 34排
-    // let pai3 = []
-    // let pai4 = []
-    // let pai34 = []
-    // for (let i = 21; i <= 38; i++) {
-    //   if (i <= 30) {
-    //     pai3.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //     pai4.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   } else {
-    //     pai3.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //     pai4.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   }
-    // }
-    // pai34 = pai3.concat(pai4)
-    // this.group02 = pai34
-    // // 56排
-    // let pai5 = []
-    // let pai6 = []
-    // let pai56 = []
-    // for (let i = 39; i <= 46; i++) {
-    //   if (i <= 4) {
-    //     pai5.push({sequence_number: i * 2 - 1, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //     pai6.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   } else {
-    //     pai5.push({sequence_number: i * 2 - 1, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //     pai6.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   }
-    // }
-    // pai56 = pai5.concat(pai6)
-    // this.group03 = pai56
-    // end
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        // this.code1 = ''
-        this.initData()
-      }, this.interTime)
-    },
-    async initData () {
-      let res = await storageMonitor()
-      this.array1 = res.standStock
-      this.array2 = res.frontWarehouseStock
-      this.array3 = res.backWarehouseStock
-      this.group01 = [...res.result.materialTask]
-      this.group02 = [...res.result.productionTask]
-      this.group03 = [...res.result.materialYJTask]
-      for (let i = 0; i < this.group01.length; i++) {
-        this.group01[i] = Object.assign(this.group01[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      }
-      for (let i = 0; i < this.group03.length; i++) {
-        this.group03[i] = Object.assign(this.group03[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      }
-      for (let i = 0; i < this.group02.length; i++) {
-        if (i === 21 || i === 22 || i === 23 || i === 24 || i === 25 || i === 47 || i === 48 || i === 49 || i === 50 || i === 51) {
-          this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-        } else {
-          this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-        }
-      }
-      // for (let i = 1; i <= 20; i++) {
-      //   if (i <= 10) {
-      //     group01.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      //     group01.push({sequence_number: i * 2, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      //   } else {
-      //     group01.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      //     group01.push({sequence_number: i * 2, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group01.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group01[j].sequence_number + '') {
-      //       this.group01[j] = Object.assign(this.group01[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group02.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group02[j].sequence_number + '') {
-      //       this.group02[j] = Object.assign(this.group02[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group03.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group03[j].sequence_number + '') {
-      //       this.group03[j] = Object.assign(this.group03[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-    },
-    // getdata(e) {
-    //   // getdata(21),22,23
-    //   // this.code1 = this.code1 === id ? '' : id
-
-    //   // list：【
-    //     id:xxx,
-    //     show: false
-    //   】
-    //   e.show = true
-    //   {show: true}
-    //   show:false
-    // },
-    getInfo1 (e) {
-      this.code1 = this.code1 === e.point_code ? '' : e.point_code
-    },
-    closebtn () {
-      this.code1 = ''
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.cgreen
-  color #30EBC9 !important
-.cyellow
-  color #E2BB0E !important
-.cred
-  color #FF0000 !important
-.status1
-  color #32C5FF
-.status2
-  color #F7B502
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding 0rem .2509rem 0
-  overflow hidden
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-  position fixed
-  bottom 0
-.top_wrapper
-  position relative
-  height 66%
-  display flex
-.tag_block
-  position absolute
-  // bottom .1rem
-  top -5px
-  right .3rem
-  _fj(row)
-.tag_type
-  _fj(row)
-.type_color
-  width .1rem
-  height .1rem
-  border-radius 50%
-  margin-right 10px
-.tag_text
-  font-size .12rem
-  line-height .2rem
-.blue
-  background #32C5FF !important
-.green
-  background #30EBC9 !important
-.gray
-  background #516282 !important
-.yellow
-  background #E2BB0E !important
-.orange
-  background #F96700 !important
-.red
-  background #FF0000 !important
-.cblue
-  color #32C5FF !important
-.cgreen
-  color #30EBC9 !important
-.cgray
-  color #516282 !important
-.cyellow
-  color #E2BB0E !important
-.corange
-  color #F96700 !important
-.cred
-  color #FF0000 !important
-.lock
-  border .02rem solid #f00 !important
-.yard-wrap
-  // height 6.95rem
-  height 100%
-  width 80%
-  // padding .1rem 0
-.yard_group
-  width 100%
-  // height calc(50% - 46px)
-  clear both
-  &:nth-child(1)
-    margin-bottom 20px
-.yard_group_ul
-  float left
-  display grid
-  grid-gap 0
-  justify-items center
-  align-items center
-  margin-top -.01rem
-.yard_group_ul_1
-  width 80%
-  position absolute
-  grid-template-columns repeat(18, 80% / 18)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_2
-  width 100%
-  position absolute
-  grid-template-columns repeat(14, 80% / 14)
-  // grid-template-columns repeat(26, 100% / 26)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_3
-  width 20%
-  grid-template-columns repeat(5, 100% / 5)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_4
-  width 100%
-  grid-template-columns repeat(4, 80% / 4)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(7, 73px)
-.yard_group_cell
-  position relative
-  display inline-block
-  width 100%
-  // height calc(1.8rem / 2)
-  height 100%
-  box-sizing border-box
-  border 1px solid #32C5FF
-  background #000F2B
-  border-radius 8px
-.yard_group_p
-// height calc(1.8rem / 2)
-height 90px
-  p
-    font-size 12px
-    // line-height 0.28rem
-    line-height 28px
-    height 28px
-    -webkit-text-size-adjust none
-    text-align center
-    white-space nowrap
-  img
-    display block
-    width 60%
-    // height 0.6rem
-    height 60px
-    margin 0 auto
-.machine_1
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/zhong.png) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.machine_2
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/cp1.jpg) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.ingbox
-  position absolute
-  bottom 0
-  width 100%
-  z-index 97 //
-.corridor_2
-  _wh(80%,22px)
-  _font(16px, 22px, #fff,,left)
-  margin 22px 12px 30px 0
-.locate-wrap
-  position absolute
-  width 100%
-  bottom -40%
-.locate-content
-  position absolute
-  width 2.9rem
-  height 2.74rem
-  z-index 99
-  background center center / 100% 100% url(../../assets/images/screen1/popover_1.png) no-repeat
-  padding .36rem .15rem
-.tan_pline
-  width 100%
-  margin 0 auto
-.tan_p
-  font-size .12rem
-  line-height .36rem
-  height .36rem
-  overflow hidden
-  color #fff
-  span
-    padding-right .4rem
-    float right
-.close_btn
-  position absolute
-  top 3%
-  right 10%
-  margin-right -.25rem
-  font-size .14rem
-  line-height .34rem
-  padding 0 .16rem
-  border-radius 5px
-  cursor pointer
-.bottom_wrapper
-  display flex
-  width 100%
-  height 40%
-  // padding-top 120px
-  padding-bottom 10px
-  _fj(row)
-.bottom_wrapper_l
-  // _wh(calc(33%), 100%)
-  width 100%
-  height 100%
-  position relative
-#echarts1
-  // margin-left 2rem
-  position absolute
-  top 0
-  left 0
-  z-index 9
-#echarts3
-  // margin-left 2rem
-  position absolute
-  top -30px
-  // left 60px
-  left .60rem
-  z-index 10
-.title
-  position absolute
-  top .15rem
-  left .25rem
-// .block_h2
-//   _wh(100%, 22px)
-//   margin 12px
-//   h2
-//     font-size 16px
-//     line-height 22px
-.block_h2
-    _wh(calc(100% - 12px), 32px)
-    margin 17px 0 10px 0
-    padding-left 0.55rem
-    background center center / 100% 100% url(../../assets/images/screen1/title_bg_d1.png) no-repeat
-    h2
-      _font(16px, 32px, #fff,,left)
-.list_scroll_title
-  width calc(100% - 12px)
-  // width calc(100% - 30px)
-  // margin 0 15px
-  background #262F52
-  span
-    display inline-block
-    width 16%
-    text-align center
-    line-height 32px
-    font-size 12px
-    color rgba(255,255,255,0.60)
-    // float left
-    &:nth-child(2)
-      width 20%
-.content-block-scroll
-  // width calc(100% - 30px)
-  // margin 0 15px 4px 15px
-  width calc(100% - 12px)
-  margin 0 0px 4px 0px
-  height calc(100% - 82px)
-  overflow hidden
-.content-block-scroll-ul
-  width 100%
-  li
-    width 100%
-    height 38px
-    _fj(row, center)
-    &:nth-child(2n)
-      background rgba(38,47,82,0.50)
-    span
-      display inline-block
-      width 18%
-      padding 0 2px
-      font-size 12px
-      text-align center
-      line-height 38px
-      box-sizing border-box
-      // float left
-      &:nth-child(2)
-        width 28%
-.foldcricle0
-  position absolute
-  z-index 102
-  width .24rem
-  height .24rem
-  background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-.foldcricle2
-  top .50rem
-  left .6rem
-.foldcricle1
-  top 0
-  left -0.1rem
-.foldline0
-  position absolute
-  z-index 102
-  border 1px dashed #32C5FF
-  height 1px
-.foldline1
-  width .33rem
-  top .12rem
-  left .09rem
-.foldline2
-  width .60rem
-  top .39rem
-  left .27rem
-  transform rotate(60deg)
-.coordinate1
-  left .9rem
-  top -.14rem
-.coordinate2
-  right .86rem
-  top -.14rem
-.coordinate3
-  left .9rem
-  bottom .86rem
-.aline1
-  position absolute
-  z-index 102
-  top -.70rem
-  left .88rem
-.bline1
-  position absolute
-  top -.70rem
-  left .93rem
-.aline2
-  position absolute
-  z-index 102
-  transform rotate(180deg)
-  top -.50rem
-  left 0px
-.bline2
-  position absolute
-  z-index 102
-  transform rotate(60deg)
-  top -1.05rem
-  right 1.28rem
-.aline3
-  position absolute
-  z-index 102
-  transform rotate(0deg)
-  bottom .7rem
-  left .88rem
-.bline3
-  position absolute
-  z-index 102
-  transform rotate(-120deg)
-  bottom .2rem
-  left 1.38rem
-// .foldcricle0
-//   position absolute
-//   z-index 102
-//   width 24px
-//   height 24px
-//   background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-// .foldcricle2
-//   top 50px
-//   left 55px
-// .foldcricle1
-//   top 0
-//   left -0.1rem
-// .foldline0
-//   position absolute
-//   z-index 102
-//   border 1px dashed #32C5FF
-//   height 1px
-// .foldline1
-//   width 30px
-//   top 12px
-//   left 9px
-// .foldline2
-//   width 60px
-//   top 38px
-//   left 24px
-//   transform rotate(60deg)
-// .coordinate1
-//   left 38px
-//   top -14px
-// .coordinate2
-//   right 53px
-//   top -14px
-// .coordinate3
-//   left 38px
-//   bottom 66px
-// .aline1
-//   position absolute
-//   z-index 102
-//   top -70px
-//   left 88px
-// .bline1
-//   position absolute
-//   top -70px
-//   left 88px
-// .aline2
-//   position absolute
-//   z-index 102
-//   transform rotate(180deg)
-//   top -50px
-//   left 0px
-// .bline2
-//   position absolute
-//   z-index 102
-//   transform rotate(60deg)
-//   top -100px
-//   right 138px
-// .aline3
-//   position absolute
-//   z-index 102
-//   transform rotate(0deg)
-//   bottom 50px
-//   left 88px
-// .bline3
-//   position absolute
-//   z-index 102
-//   transform rotate(-120deg)
-//   bottom -2px
-//   left 138px
-.yard_group_p
-  _wh(100%, 100%)
-.fontselect
-  _font(12px, 30px, #fff,,)
-  // transform scale(0.8)
-  white-space:nowrap
-.mgl1
-  margin-left -22px
-.mgl2
-  margin-left 0px
-.yard-right
-  width 18%
-  height 100%
-  margin-left 2%
-  box-sizing border-box
-  border 1px solid #32c5ff
-.cont-1
-  display flex
-.tags
-  display flex
-  width 20%
-  align-items center
-  justify-content space-around
-.mgt5
-  margin-left 100px
-.mgt6
-  margin-left 150%
-</style>
diff --git a/src/pages/shunhe/StorageMonitorOld.vue b/src/pages/shunhe/StorageMonitorOld.vue
deleted file mode 100644
index 5e5fbad..0000000
--- a/src/pages/shunhe/StorageMonitorOld.vue
+++ /dev/null
@@ -1,796 +0,0 @@
-<template>
-    <section class="bg">
-      <t-header title="顺安大屏监控">
-        <!-- <p class="p1">1</p> -->
-      </t-header>
-      <div class="container">
-        <div class="top_wrapper">
-          <div class="yard-right fr">222</div>
-          <div class="yard-wrap">
-            <div class="corridor_2">困料监控</div>
-            <div class="yard_group clearfix">
-              <div class="yard_group_ul yard_group_ul_1 fl">
-                <div class="yard_group_cell" v-for="(e, i) in group01" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '1'" class="machine_1"></div>
-                    <!-- <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div> -->
-                    <div class="ingbox" style="height:78px;" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.point_name}}<span :class="{cgreen:e.stand_status ==='2',cyellow:e.stand_status ==='3',cred:e.stand_status ==='4',cblue:e.stand_status ==='5'}">{{e.stand_status_name}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicle_code}}</p>
-                        <p class="tan_p">BOM：{{e.material_code}}</p>
-                        <p class="tan_p">重量(千克)：{{e.ivt_qty}}</p>
-                        <p class="tan_p">入库时间：{{e.instorage_time}}</p>
-                        <p class="tan_p">静置(小时)：{{e.standing_time}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="yard_group_ul yard_group_ul_3 fr">
-                <div class="yard_group_cell" v-for="(e, i) in group03" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '1'" class="machine_1"></div>
-                    <!-- <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div> -->
-                    <div class="ingbox" style="height:78px;" :class="{green:e.stand_status ==='2',yellow:e.stand_status ==='3',red:e.stand_status ==='4',blue:e.stand_status ==='5'}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.point_name}}<span :class="{cgreen:e.stand_status ==='2',cyellow:e.stand_status ==='3',cred:e.stand_status ==='4',cblue:e.stand_status ==='5'}">{{e.stand_status_name}}</span></p>
-                        <p class="tan_p">载具：{{e.vehicle_code}}</p>
-                        <p class="tan_p">BOM：{{e.material_code}}</p>
-                        <p class="tan_p">重量(千克)：{{e.ivt_qty}}</p>
-                        <p class="tan_p">入库时间：{{e.instorage_time}}</p>
-                        <p class="tan_p">静置(小时)：{{e.standing_time}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="corridor_2">成型暂存监控</div>
-            <div class="yard_group clearfix">
-              <div class="yard_group_ul yard_group_ul_2">
-                <div class="yard_group_cell" v-for="(e, i) in group02" :key="i" :class="{lock:e.lock_type ==='01'}">
-                  <div class="yard_group_p" @click="getInfo1(e)">
-                    <p class="fontselect">{{e.point_name}}</p>
-                    <div v-if="e.struct_url == '2'" class="machine_2"></div>
-                    <div class="ingbox" :style="{height:(Number(e.show_struct_qty)/1000*60+'px')}"></div>
-                  </div>
-                  <div v-show="code1 === e.point_code" class="locate-wrap clearfix" :class="e.mgl">
-                    <div :class="e.aline">
-                      <div class="foldcricle0 foldcricle1"></div>
-                      <div class="foldline0 foldline1"></div>
-                    </div>
-                    <div :class="e.bline">
-                      <div class="foldline0 foldline2"></div>
-                      <div class="foldcricle0 foldcricle2"></div>
-                    </div>
-                    <div class="clearfix locate-content" :class="e.coordinate">
-                      <div class="tan_pline">
-                        <p class="tan_p">货位：{{e.point_name}}</p>
-                        <p class="tan_p">载具：{{e.vehicle_code}}</p>
-                        <p class="tan_p">物料：{{e.material_code}}</p>
-                        <p class="tan_p">库存(块)：{{e.ivt_qty}}</p>
-                        <p class="tan_p">入库时间：{{e.instorage_time}}</p>
-                      </div>
-                      <div class="iconfont icon-guanbi close_btn" @click="closebtn"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tag_block">
-            <div class="tag_type">
-              <div class="type_color green"></div>
-              <div class="tag_text">静置中</div>
-            </div>
-            <div class="tag_type">
-              <div class="type_color blue"></div>
-              <div class="tag_text">空盅</div>
-            </div>
-            <div class="tag_type">
-              <div class="type_color yellow"></div>
-              <div class="tag_text">静置完成</div>
-            </div>
-            <div class="tag_type">
-              <div class="type_color red"></div>
-              <div class="tag_text">强制完成</div>
-            </div>
-          </div>
-        </div>
-        <div class="bottom_wrapper">
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>困料库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>重量(kg)</span><span>已静置(h) </span><span>状态</span>
-            </div>
-            <vue-seamless-scroll :data="array1" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array1" :key="i">
-                  <span>{{e.point_name}}</span><span>{{e.material_code}}</span><span>{{e.ivt_weight}}</span><span>{{e.standing_time}}</span><span>{{e.standing_time}}</span><span>{{e.stand_status_name}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>成型库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array2" :key="i">
-                  <span>{{e.point_name}}</span><span>{{e.point_name}}</span><span>{{e.ivt_qty}}</span><span>{{e.is_full}}</span><span>{{e.vehicle_code}}</span><span>{{e.vehicle_code}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-          <div class="bottom_wrapper_l">
-            <div class="block_h2">
-              <h2>半成品库存</h2>
-            </div>
-            <div class="list_scroll_title">
-              <span>货位</span><span>物料编码</span><span>物料名称</span><span>库存数(块)</span><span>托盘号</span><span>入库时间</span>
-            </div>
-            <vue-seamless-scroll :data="array2" :class-option="classOption" class="content-block-scroll">
-              <ul class="content-block-scroll-ul">
-                <li v-for="(e, i) in array2" :key="i">
-                  <span>{{e.point_name}}</span><span>{{e.point_name}}</span><span>{{e.ivt_qty}}</span><span>{{e.is_full}}</span><span>{{e.vehicle_code}}</span><span>{{e.vehicle_code}}</span>
-                </li>
-              </ul>
-            </vue-seamless-scroll>
-          </div>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-</template>
-
-<script>
-import THeader from '@components/header.vue'
-import { storageMonitor } from '@js/getData11'
-export default {
-  name: 'StorageMonitor',
-  components: {
-    THeader
-  },
-  data () {
-    return {
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      materArr1: [],
-      materArr2: [],
-      structArr: [],
-      array1: [],
-      array2: [],
-      group01: [],
-      group02: [],
-      group03: [],
-      code1: ''
-    }
-  },
-  computed: {
-    // classOption () {
-    //   return {
-    //     step: 0.4,
-    //     limitMoveNum: 6
-    //   }
-    // }
-    classOption () {
-      return {
-        step: 0.6, // 数值越大速度滚动越快
-        limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    // lock_type 00空闲，01锁定
-    // stand_status 0为空，2为静置中，3为静置完成，4为强制静置完成，5为静置超时
-    // 编号排布
-    // 12排
-    // let pai1 = []
-    // let pai2 = []
-    // let pai12 = []
-    // for (let i = 1; i <= 20; i++) {
-    //   if (i <= 10) {
-    //     pai1.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //     pai2.push({sequence_number: i * 2, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //   } else {
-    //     pai1.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //     pai2.push({sequence_number: i * 2, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //   }
-    // }
-    // pai12 = pai1.concat(pai2)
-    // this.group01 = pai12
-    // // 34排
-    // let pai3 = []
-    // let pai4 = []
-    // let pai34 = []
-    // for (let i = 21; i <= 38; i++) {
-    //   if (i <= 30) {
-    //     pai3.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-    //     pai4.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   } else {
-    //     pai3.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-    //     pai4.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   }
-    // }
-    // pai34 = pai3.concat(pai4)
-    // this.group02 = pai34
-    // // 56排
-    // let pai5 = []
-    // let pai6 = []
-    // let pai56 = []
-    // for (let i = 39; i <= 46; i++) {
-    //   if (i <= 4) {
-    //     pai5.push({sequence_number: i * 2 - 1, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //     pai6.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   } else {
-    //     pai5.push({sequence_number: i * 2 - 1, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //     pai6.push({sequence_number: i * 2, coordinate: 'coordinate3', aline: 'aline3', bline: 'bline3', show: 0})
-    //   }
-    // }
-    // pai56 = pai5.concat(pai6)
-    // this.group03 = pai56
-    // end
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        // this.code1 = ''
-        this.initData()
-      }, this.interTime)
-    },
-    async initData () {
-      let res = await storageMonitor()
-      this.array1 = res.result.materialList
-      this.array2 = res.result.productionList
-      this.group01 = [...res.result.materialTask]
-      this.group02 = [...res.result.productionTask]
-      this.group03 = [...res.result.materialYJTask]
-      for (let i = 0; i < this.group01.length; i++) {
-        this.group01[i] = Object.assign(this.group01[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      }
-      for (let i = 0; i < this.group03.length; i++) {
-        this.group03[i] = Object.assign(this.group03[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      }
-      for (let i = 0; i < this.group02.length; i++) {
-        if (i === 21 || i === 22 || i === 23 || i === 24 || i === 25 || i === 47 || i === 48 || i === 49 || i === 50 || i === 51) {
-          this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-        } else {
-          this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-        }
-      }
-      // for (let i = 1; i <= 20; i++) {
-      //   if (i <= 10) {
-      //     group01.push({sequence_number: i * 2 - 1, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      //     group01.push({sequence_number: i * 2, coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
-      //   } else {
-      //     group01.push({sequence_number: i * 2 - 1, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      //     group01.push({sequence_number: i * 2, coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0})
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group01.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group01[j].sequence_number + '') {
-      //       this.group01[j] = Object.assign(this.group01[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group02.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group02[j].sequence_number + '') {
-      //       this.group02[j] = Object.assign(this.group02[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-      // for (let i = 0; i < this.structArr.length; i++) {
-      //   for (let j = 0; j < this.group03.length; j++) {
-      //     if (this.structArr[i].sequence_number === this.group03[j].sequence_number + '') {
-      //       this.group03[j] = Object.assign(this.group03[j], this.structArr[i])
-      //     }
-      //   }
-      // }
-    },
-    // getdata(e) {
-    //   // getdata(21),22,23
-    //   // this.code1 = this.code1 === id ? '' : id
-
-    //   // list：【
-    //     id:xxx,
-    //     show: false
-    //   】
-    //   e.show = true
-    //   {show: true}
-    //   show:false
-    // },
-    getInfo1 (e) {
-      this.code1 = this.code1 === e.point_code ? '' : e.point_code
-    },
-    closebtn () {
-      this.code1 = ''
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.cgreen
-  color #30EBC9 !important
-.cyellow
-  color #E2BB0E !important
-.cred
-  color #FF0000 !important
-.status1
-  color #32C5FF
-.status2
-  color #F7B502
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding 0rem .2509rem 0
-  overflow hidden
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-  position fixed
-  bottom 0
-.top_wrapper
-  position relative
-  height 60%
-.tag_block
-  position absolute
-  // bottom .1rem
-  top -5px
-  right .3rem
-  _fj(row)
-.tag_type
-  _fj(row)
-  padding-left .3rem
-.type_color
-  width .1rem
-  height .1rem
-  border-radius 50%
-  margin-right 10px
-.tag_text
-  font-size .12rem
-  line-height .2rem
-.blue
-  background #32C5FF !important
-.green
-  background #30EBC9 !important
-.gray
-  background #516282 !important
-.yellow
-  background #E2BB0E !important
-.orange
-  background #F96700 !important
-.red
-  background #FF0000 !important
-.cblue
-  color #32C5FF !important
-.cgreen
-  color #30EBC9 !important
-.cgray
-  color #516282 !important
-.cyellow
-  color #E2BB0E !important
-.corange
-  color #F96700 !important
-.cred
-  color #FF0000 !important
-.lock
-  border .02rem solid #f00 !important
-.yard-wrap
-  // height 6.95rem
-  height 100%
-  width 100%
-  // padding .1rem 0
-  float left
-.yard_group
-  width 100%
-  height calc(50% - 46px)
-  clear both
-  &:nth-child(1)
-    margin-bottom 20px
-.yard_group_ul
-  float left
-  display grid
-  grid-gap 0
-  justify-items center
-  align-items center
-  margin-top -.01rem
-.yard_group_ul_1
-  width 100%
-  position absolute
-  grid-template-columns repeat(20, 83.4% / 20)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_2
-  width 100%
-  position absolute
-  grid-template-columns repeat(26, 100% / 26)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_ul_3
-  width 12.5%
-  grid-template-columns repeat(3, 100% / 3)
-  // grid-template-rows repeat(2, 1.8rem / 2)
-  grid-template-rows repeat(2, 110px)
-.yard_group_cell
-  position relative
-  display inline-block
-  width 100%
-  // height calc(1.8rem / 2)
-  height 100%
-  box-sizing border-box
-  border 1px solid #32C5FF
-  background #000F2B
-  border-radius 8px
-.yard_group_p
-// height calc(1.8rem / 2)
-height 90px
-  p
-    font-size 12px
-    // line-height 0.28rem
-    line-height 28px
-    height 28px
-    -webkit-text-size-adjust none
-    text-align center
-    white-space nowrap
-  img
-    display block
-    width 60%
-    // height 0.6rem
-    height 60px
-    margin 0 auto
-.machine_1
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/zhong.png) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.machine_2
-  position absolute
-  width 60%
-  width 100%
-  height 78px
-  overflow hidden
-  background center center / 100% 100% url(../../assets/images/screen1/cp1.jpg) no-repeat
-  margin 0 auto
-  z-index 98
-  // left 50%
-  // margin-left -30%
-  opacity 0.5
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-.ingbox
-  position absolute
-  bottom 0
-  width 100%
-  z-index 97 //
-.corridor_2
-  _wh(100%,22px)
-  _font(16px, 22px, #fff,,left)
-  margin 22px 12px 30px 0
-.locate-wrap
-  position absolute
-  width 100%
-  bottom -40%
-.locate-content
-  position absolute
-  width 2.9rem
-  height 2.74rem
-  z-index 99
-  background center center / 100% 100% url(../../assets/images/screen1/popover_1.png) no-repeat
-  padding .36rem .15rem
-.tan_pline
-  width 100%
-  margin 0 auto
-.tan_p
-  font-size .12rem
-  line-height .36rem
-  height .36rem
-  overflow hidden
-  color #fff
-  span
-    padding-right .4rem
-    float right
-.close_btn
-  position absolute
-  top 3%
-  right 10%
-  margin-right -.25rem
-  font-size .14rem
-  line-height .34rem
-  padding 0 .16rem
-  border-radius 5px
-  cursor pointer
-.bottom_wrapper
-  display flex
-  width 100%
-  height 40%
-  // padding-top 120px
-  padding-bottom 10px
-  _fj(row)
-.bottom_wrapper_l
-  // _wh(calc(33%), 100%)
-  width 100%
-  height 100%
-  position relative
-#echarts1
-  // margin-left 2rem
-  position absolute
-  top 0
-  left 0
-  z-index 9
-#echarts3
-  // margin-left 2rem
-  position absolute
-  top -30px
-  // left 60px
-  left .60rem
-  z-index 10
-.title
-  position absolute
-  top .15rem
-  left .25rem
-// .block_h2
-//   _wh(100%, 22px)
-//   margin 12px
-//   h2
-//     font-size 16px
-//     line-height 22px
-.block_h2
-    _wh(calc(100% - 12px), 32px)
-    margin 17px 0 10px 0
-    padding-left 0.55rem
-    background center center / 100% 100% url(../../assets/images/screen1/title_bg_d1.png) no-repeat
-    h2
-      _font(16px, 32px, #fff,,left)
-.list_scroll_title
-  width calc(100% - 12px)
-  // width calc(100% - 30px)
-  // margin 0 15px
-  background #262F52
-  span
-    display inline-block
-    width 16%
-    text-align center
-    line-height 32px
-    font-size 12px
-    color rgba(255,255,255,0.60)
-    // float left
-    &:nth-child(2)
-      width 20%
-.content-block-scroll
-  // width calc(100% - 30px)
-  // margin 0 15px 4px 15px
-  width calc(100% - 12px)
-  margin 0 0px 4px 0px
-  height calc(100% - 82px)
-  overflow hidden
-.content-block-scroll-ul
-  width 100%
-  li
-    width 100%
-    height 38px
-    _fj(row, center)
-    &:nth-child(2n)
-      background rgba(38,47,82,0.50)
-    span
-      display inline-block
-      width 18%
-      padding 0 2px
-      font-size 12px
-      text-align center
-      line-height 38px
-      box-sizing border-box
-      // float left
-      &:nth-child(2)
-        width 28%
-.foldcricle0
-  position absolute
-  z-index 102
-  width .24rem
-  height .24rem
-  background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-.foldcricle2
-  top .50rem
-  left .6rem
-.foldcricle1
-  top 0
-  left -0.1rem
-.foldline0
-  position absolute
-  z-index 102
-  border 1px dashed #32C5FF
-  height 1px
-.foldline1
-  width .33rem
-  top .12rem
-  left .09rem
-.foldline2
-  width .60rem
-  top .39rem
-  left .27rem
-  transform rotate(60deg)
-.coordinate1
-  left .9rem
-  top -.14rem
-.coordinate2
-  right .86rem
-  top -.14rem
-.coordinate3
-  left .9rem
-  bottom .86rem
-.aline1
-  position absolute
-  z-index 102
-  top -.70rem
-  left .88rem
-.bline1
-  position absolute
-  top -.70rem
-  left .93rem
-.aline2
-  position absolute
-  z-index 102
-  transform rotate(180deg)
-  top -.50rem
-  left 0px
-.bline2
-  position absolute
-  z-index 102
-  transform rotate(60deg)
-  top -1.05rem
-  right 1.28rem
-.aline3
-  position absolute
-  z-index 102
-  transform rotate(0deg)
-  bottom .7rem
-  left .88rem
-.bline3
-  position absolute
-  z-index 102
-  transform rotate(-120deg)
-  bottom .2rem
-  left 1.38rem
-// .foldcricle0
-//   position absolute
-//   z-index 102
-//   width 24px
-//   height 24px
-//   background center center / 100% 100% url(../../assets/images/screen1/dot.png) no-repeat
-// .foldcricle2
-//   top 50px
-//   left 55px
-// .foldcricle1
-//   top 0
-//   left -0.1rem
-// .foldline0
-//   position absolute
-//   z-index 102
-//   border 1px dashed #32C5FF
-//   height 1px
-// .foldline1
-//   width 30px
-//   top 12px
-//   left 9px
-// .foldline2
-//   width 60px
-//   top 38px
-//   left 24px
-//   transform rotate(60deg)
-// .coordinate1
-//   left 38px
-//   top -14px
-// .coordinate2
-//   right 53px
-//   top -14px
-// .coordinate3
-//   left 38px
-//   bottom 66px
-// .aline1
-//   position absolute
-//   z-index 102
-//   top -70px
-//   left 88px
-// .bline1
-//   position absolute
-//   top -70px
-//   left 88px
-// .aline2
-//   position absolute
-//   z-index 102
-//   transform rotate(180deg)
-//   top -50px
-//   left 0px
-// .bline2
-//   position absolute
-//   z-index 102
-//   transform rotate(60deg)
-//   top -100px
-//   right 138px
-// .aline3
-//   position absolute
-//   z-index 102
-//   transform rotate(0deg)
-//   bottom 50px
-//   left 88px
-// .bline3
-//   position absolute
-//   z-index 102
-//   transform rotate(-120deg)
-//   bottom -2px
-//   left 138px
-.yard_group_p
-  _wh(100%, 100%)
-.fontselect
-  _font(12px, 30px, #fff,,)
-  // transform scale(0.8)
-  white-space:nowrap
-.mgl1
-  margin-left -22px
-.mgl2
-  margin-left 0px
-.yard-right
-  width 10%
-  height 200px
-  background pink
-  float right
-</style>
diff --git a/src/pages/shunhe/Testkb.vue b/src/pages/shunhe/Testkb.vue
deleted file mode 100644
index 1ba1ae5..0000000
--- a/src/pages/shunhe/Testkb.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<template>
-    <section class="bg">
-      <!-- <t-header title="顺安大屏监控-生产统计">
-      </t-header> -->
-      <t-header title="分拣作业监控">
-      </t-header>
-      <div class="container">
-        <div class="con4">
-          <div class="block_h2">
-            <div class="title"><span class="dotIncon"></span><span class="tltxt">剩余工单列表</span></div>
-          </div>
-          <div class="list_scroll_title">
-            <span>工单号</span><span>物料</span><span>规格</span><span>数量（块）</span><span>重量（t）</span><span>订单号</span><span>客户</span><span>生产量</span><span>生产状态</span><span>计划开始时间</span><span>开始时间</span><span>结束时间</span>
-          </div>
-          <vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
-            <ul class="content-block-scroll-ul">
-              <li v-for="(e, i) in workOrder" :key="i">
-                <span>{{e.workOrderCode}}</span><span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialCode}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.planStartTime}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
-                <!-- <span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.device_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.material_code}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.plan_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.real_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.qualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.unqualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.order_status_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproducestart_date}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproduceend_date}}</span> -->
-              </li>
-            </ul>
-          </vue-seamless-scroll>
-        </div>
-      </div>
-      <section class="bottom"></section>
-    </section>
-</template>
-
-<script>
-import THeader from '@components/header.vue'
-import { productionStatistics } from '@js/getData1'
-export default {
-  name: 'ProdCount',
-  components: {
-    THeader
-  },
-  data () {
-    return {
-      interTime: this.$store.getters.setTime,
-      timer: null,
-      materData: [],
-      deviceData: [],
-      resData: {},
-      workOrder: []
-    }
-  },
-  computed: {
-    classOption () {
-      // return {
-      //   step: 0.4,
-      //   limitMoveNum: 6
-      // }
-      return {
-        step: 0.4, // 数值越大速度滚动越快
-        limitMoveNum: 8, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    }
-  },
-  mounted () {
-    this.initData()
-    this.refresh()
-  },
-  beforeDestroy () {
-    clearInterval(this.timer)
-    clearInterval(this.timeOut)
-  },
-  methods: {
-    refresh () {
-      this.timer = setInterval(() => {
-        this.initData()
-      }, this.interTime)
-    },
-    async initData () {
-      let res = await productionStatistics()
-      clearInterval(this.timeOut)
-      this.resData = res
-      this.showNum1 = (res.total.pressWeight + '').split('')
-      this.showNum2 = (res.total.dryWeight + '').split('')
-      this.showNum3 = (res.total.sortWeight + '').split('')
-      this.showNum4 = res.pressProduction.dailyProductionQty
-      this.showNum5 = res.pressProduction.dailyProductionWeight
-      this.workOrder = [...res.workOrder]
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '~@css/mixin'
-.pages
-  position absolute
-  left .2509rem
-  top 11%
-  _wh(20%, .4rem)
-  _fj(flex-start)
-  a
-    cursor pointer
-    font-family "SourceHanSansCN"
-    _font(.18rem, .30rem, #fff, 700,)
-    letter-spacing .01rem
-    padding .05rem .2rem
-    border-radius .05rem
-    background: radial-gradient(circle at 7.2% 13.6%, rgb(37, 249, 245) 0%, #004c92 90%)
-    +a
-      margin-left .2rem
-.bg
-  _wh(100%, 100%)
-  overflow hidden
-.container
-  _wh(100%, calc(100% - 1.38rem))
-  padding .3rem .2509rem 0
-  overflow hidden
-  clear both
-.bottom
-  _wh(100%, .38rem)
-  background center bottom / 19.06rem 100% url(../../assets/images/screen1/bottom.png) no-repeat
-.blue
-  color #32C5FF !important
-.green
-  color #30EBC9 !important
-.gray
-  color #516282 !important
-.yellow
-  color #E2BB0E !important
-.orange
-  color #F96700 !important
-.red
-  color #FF0000 !important
-.center_wrapper
-  _wh(100%, calc(50% - 69px))
-  _fj(row)
-.tltxt
-  position relative
-  top -3px
-.dotIncon
-  display inline-block
-  width 26px
-  height 26px
-  position relative
-  top 3px
-  left -6px
-  background center center / 100% 100% url(../../assets/images/screen1/bg_title_tip.png) no-repeat
-  .desc
-    _wh(100%, 32px)
-    _fj(row, center)
-    div
-      _font(16px, 32px, #fff,,)
-      span
-        font-size 16px
-        color #F7B502
-        margin 0 30px
-  .item_content_0
-    position relative
-    _wh(calc(100% - 44px), calc(100% - 112px))
-    // margin 17px auto
-.con4
-  _wh(100%, calc(50% - 85px))
-  margin-top 16px
-  overflow hidden
-  position relative
-  .block_h2
-    _wh(calc(100% - 0px), 32px)
-    margin 17px 0 10px 0
-    padding-left 0.18rem
-    background center center / 100% 100% url(../../assets/images/screen1/bg_title_j.png) no-repeat
-    h2
-      _font(16px, 32px, #fff,,left)
-  .list_scroll_title
-    _wh(calc(100% - 0px), 32px)
-    margin 0 auto
-    background #262F52
-    line-height 32px
-    span
-      display inline-block
-      width 8%
-      text-align center
-      line-height 32px
-      // float left
-      font-size 14px
-      &:nth-child(1)
-        width 8%
-      &:nth-child(2)
-        width 12%
-  .content-block-scroll
-    _wh(calc(100% - 0px), calc(100% - 113px))
-    margin 0 auto 25px auto
-    overflow hidden
-  .content-block-scroll-ul
-    width 100%
-    li
-      width 100%
-      height 38px
-      _fj(row, center)
-      &:nth-child(2n)
-        background rgba(38,47,82,0.50)
-      span
-        display inline-block
-        width 8%
-        font-size 12px
-        // padding 0 .1rem
-        text-align center
-        line-height 38px
-        box-sizing border-box
-        // float left
-        &:nth-child(1)
-          width 8%
-        &:nth-child(2)
-          width 12%
-</style>
diff --git a/src/router/index.js b/src/router/index.js
index de39d9e..13e6b18 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,9 +7,7 @@ const DeviceScreen = r => require.ensure([], () => r(require('@page/DeviceScreen
 const WorkshopScreen = r => require.ensure([], () => r(require('@page/WorkshopScreen')), 'WorkshopScreen')
 const HomeScreen = r => require.ensure([], () => r(require('@page/HomeScreen')), '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 ProdCount = r => require.ensure([], () => r(require('@page/proj/ProdCount')), 'ProdCount')
 
 Vue.use(Router)
 
@@ -43,14 +41,6 @@ export default new Router({
     {
       path: '/ProdCount',
       component: ProdCount
-    },
-    {
-      path: '/StorageMonitor',
-      component: StorageMonitor
-    },
-    {
-      path: '/LogisticsProcess',
-      component: LogisticsProcess
     }
   ]
 })