完善视频显示

zwl

2026-01-03 b0ea24bd2656abdab213afbdc895268bcc3679da

 Monitor-APP/pages/home/home.vue

@@ -217,13 +217,13 @@

                           </y-box>
                        </view>
                        <view style="height: 2%;"></view>
                        <!-- <view style="height: 2%;"></view>
                        <view style="height: 18%"  class="flex-row">
                              <image style="height: 100%;"
                                 src="../../static/barcode.png" mode="aspectFit"></image>
                              <image style="height: 100%;"
                                 src="../../static/zy_logo.png" mode="aspectFit"></image>
                        </view>
                        </view> -->
                     </view>
                  </view>
               </view>
@@ -253,12 +253,12 @@
                  <view style="flex: 1;">剩余数量</view>
                </view> -->
                <view class="swiper-head" v-show="swiperList.length > 0">
                           <view style="flex: 2;">任务号</view>
                  <view style="flex: 3;">商品编号</view>
                  <view style="flex: 2;">商品名称</view>
                  <view style="flex: 2;">规格</view>
                           <view style="flex: 2;">工序</view>
                  <view style="flex: 2;">数量</view>
               <view style="flex: 2;">托盘码</view>
               <view style="flex: 3;">商品编号</view>
               <view style="flex: 2;">商品名称</view>
               <view style="flex: 2;">规格</view>
               <!-- <view style="flex: 2;">工序</view> -->
               <view style="flex: 2;">数量</view>
                  
                </view>
                <!-- body -->
@@ -267,15 +267,15 @@
                  circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                  vertical 滑动方向是否为纵向
                  display-multiple-items 同时显示的滑块数量 -->
                  <swiper class="swiper-body-main" vertical="true" display-multiple-items="15"
                  <swiper class="swiper-body-main" vertical="true" display-multiple-items="5"
                          circular="true" :autoplay="true" :interval="3000" :duration="1000">
                    <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"
                                 :style="item.color">
                                 <view style="flex: 2;">{{infoText.workNo}}</view>
               <view style="flex: 2;">{{item.barcode}}</view>
                      <view style="flex: 3;">{{item.matnr}}</view>
                      <view style="flex: 2;">{{item.maknx}}</view>
                      <view style="flex: 2;">{{item.specs}}</view>
                                 <view style="flex: 2;">{{item.sku}}</view>
               <!-- <view style="flex: 2;">{{item.sku}}</view> -->
                      <view style="flex: 2;">{{item.count}}/{{item.total}}</view>
                    </swiper-item>
                  </swiper>
@@ -355,7 +355,7 @@
         </view>
      </view>
      <!-- 小车异常 -->
      <view class="board">
      <!-- <view class="board">
         <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow">
            <view class="error-board">
               <text v-for="item in carInfo">{{item}}</text>
@@ -364,7 +364,7 @@
      </view>
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时: {{times}} s
      </view>
      </view> -->
   </view>
</template>
<!-- {"msg":"操作成功","code":200,"data":[{"title":"全板出库","workNo":7460,"staNo":110,"sourceStaNo":null,"locNo":null,"sourceLocNo":"0807102","matDtos":[{"matNo":"50460834","maknx":"200x60桌面","count":26.0}],"emptyMk":false,"ioType":101}]} -->
@@ -497,8 +497,8 @@
            this.getError()
            // this.getInfo2()
            // this.getError2()
            this.controller()
            this.getCarInfo()
            // this.controller()
            // this.getCarInfo()
         }, 1000)

         setInterval(() => {
@@ -616,17 +616,20 @@
                        that.infoText.title = "其他信息"
                        // that.infoText.title = "异常"
                        that.infoText.error = errorInfo
                        that.controller()
                        return
                     }
                     that.infoType = 2
                     that.infoText.title = "其他信息"
                     // that.infoText.title = "异常"
                     that.infoText.error = errorInfo
                     that.controller()
                  } else {
                     if (that.infoType == 1) {
                        return
                     }
                     that.infoType = 0
                     that.controller()
                  }
               }
            })
@@ -640,10 +643,8 @@
               }
               // infoType1:只有拣料等信息
               that.infoType = 1
               if (res.data[0].ioType === 101) {
                  that.infoText.title = '全板出库'
               } else if (res.data[0].ioType === 103) {
                  that.infoText.title = '拣料出库'
               if (res.data[0].ioType === 101||res.data[0].ioType === 103) {
                  that.infoText.title = '出库'
               } else if (res.data[0].ioType === 107) {
                  that.infoText.title = '盘点出库'
               } else if (res.data[0].ioType === 1) {
@@ -662,7 +663,15 @@

               that.infoText.staNo = res.data[0].staNo
               that.infoText.workNo = res.data[0].workNo
               that.swiperList = res.data[0].matDtos
               let list = []
               for (let i = 0; i < res.data.length; i++) {
                  let mats = res.data[i].matDtos || []
                  for (let j = 0; j < mats.length; j++) {
                     list.push(mats[j])
                  }
               }
               that.swiperList = list
               that.controller()
               // that.infoText.matnr = res.data[0].matDtos[0].matnr
               // that.infoText.specs = res.data[0].matDtos[0].specs
               // that.infoText.maknx = res.data[0].matDtos[0].maknx
@@ -672,6 +681,7 @@
                  return;
               }
               that.infoType = 0
               that.controller()
            }
         },
         // 控制器
@@ -1314,4 +1324,4 @@
      justify-content: space-around;
      font-size: 2rem;
   }
</style>
</style>