大屏适配修改

skyouc

2025-06-20 65fd6576b61848c95681356c680c63fc010a0d5e

 construction-data/src/components/datav/index.vue

@@ -75,14 +75,14 @@
              </el-row>
              <el-row type="flex" align="center" id="datav">
                <dv-border-box-11  title="播种墙" class="pick-wall" >
                  <el-row type="flex" align="center" justify="center" class="pick-wall-circle" >
                    <el-col :span="1">
                      <p class="pick-wall-tip"></p>
                    </el-col>
                    <el-col :span="22">
                      <p>绿色：任务已完成  黄色：等待中  红色：播种中</p>
                    </el-col>
                  </el-row>
<!--                  <el-row type="flex" align="center" justify="center" class="pick-wall-circle" >-->
<!--                    <el-col :span="1">-->
<!--                      <p class="pick-wall-tip"></p>-->
<!--                    </el-col>-->
<!--                    <el-col :span="22">-->
<!--                      <p>绿色：任务已完成  黄色：等待中  红色：播种中</p>-->
<!--                    </el-col>-->
<!--                  </el-row>-->
                  <div class="pick-wall-box">
                    <el-col :span="6" v-for="(item, index) in seedBracket" :key="index" @click.native="lightClick(item)">
                      <div class="seed-bracket" :style="getLightStatus(item)" />
@@ -189,13 +189,12 @@
    }
  },
  created () {
    //获取当前执行任务
    this.getWaves()
    //获取当前播种墙库位信息
    this.getSeedLoc()
    //获取所有发货暂存区
    this.getAllPlatforms()
    let that = this
    setInterval(() => {
        that.fetch()
    }, 10000)
  },

  computed: {
    getLightStatus() {
      return (item)=> {
@@ -208,6 +207,14 @@
    }
  },
  methods: {
    fetch() {
      //获取当前执行任务
      this.getWaves()
      //获取当前播种墙库位信息
      this.getSeedLoc()
      //获取所有发货暂存区
      this.getAllPlatforms()
    },
    printPage() {
      // let element = document.querySelector('#datav');
      // let el = this.$refs.datav
@@ -228,6 +235,10 @@
    },
    //拍灯容器流动
    lightClick(item) {
      if (item.platformId == null || item.platformId == undefined || item.platformId == '') {
        this.$message.error('请打印订单明细，并选择目标集货区！！')
        return
      }
      this.slapLight(item)
    },
    //订单入库集货区,并打印单据
@@ -242,6 +253,7 @@
      // eslint-disable-next-line no-undef
      $ajax.post('/api/bind/shipping/platform', {orderId: order.id, waveId: order.waveId, platformId: plat.id}).then(response => {
        if (response.code === 200) {
          that.fetch()
          //隐藏发货区,执行打印
        } else {
          this.$message.error(response.msg)
@@ -408,8 +420,6 @@
</script>

<style lang="less">


  @media screen and (max-width: 1920px){
    #data-view {
      width: 100%;
@@ -429,14 +439,10 @@
        margin: 5px 0;
      }



      .pick-order-detl {
        padding: 0 15px;

        .detl-box-border {
          height: 59vh;

          height: 55vh;
          .detl-box-padding {
            height: 65px
          }
@@ -447,10 +453,8 @@
        text-align: center;
        color: white;
        margin: 20vh;

        .container {
          padding: 45px 60px;

          .btn {
            width: 30vh;height: 7vh;font-size: 23px;
          }
@@ -480,7 +484,7 @@

      .pick-wall {
        padding: 60px 10px 10px 10px;
        height: 68vh;
        height: 47vh;

        .pick-wall-box {
          .seed-bracket {
@@ -500,6 +504,10 @@
            width: 1px;
            background: #03d3ec;
            border-left: 5px solid #50bfff
          }

          span {
            margin: 2px;
          }
        }
      }
@@ -543,7 +551,7 @@

      .order-box-row {
        width: 84vh;
        height: 38vh;
        height: 33vh;

        .order-box {
          padding:0px 30px;
@@ -567,16 +575,16 @@
              }
            }




            .ship-order-list {
              font-size: 18px; color: white;
            }
          }
        }
        .empty-padding {
          padding-top: 65px;
          padding-top: 105px;
          .el-empty__image {
            height: 100px;
          }
        }
      }
      .order-detl-list {