完善视频显示

zwl

3 天以前 b0ea24bd2656abdab213afbdc895268bcc3679da

 Monitor-APP/pages/home/home.vue

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

                           </y-box>
                        </view>
                        <view style="height: 2%;"></view>
                        <view style="height: 18%">
									
									
                        <!-- <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="float:right; 100%;margin-top: -5%;margin-right: 5%;"
                              <image style="height: 100%;"
                                 src="../../static/zy_logo.png" mode="aspectFit"></image>

                        </view>
                        </view> -->
                     </view>
                  </view>
               </view>
@@ -235,62 +232,60 @@
         </view>
      </uni-transition>
      <!-- 全板/拣料信息 -->
      <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
         <view class="home-view">
            <view class="head">
               <text>{{infoText.title}}</text>
            </view>
            <!-- 日历 -->
            <view class="time-tools">{{calendar}}</view>
            <view class="button-left" @click="ejected()"></view>
            <view class="button-right" @click="ejected()"></view>
            <!-- 主体 -->
            <view class="info-main">
               <view class="info-box">
                  <y-box>
                     <!-- 文本容器 -->
                     <view class="text-content" v-for="item in swiperList">
                        <view>目标站：{{infoText.staNo}}</view>
                        <view>商品编码：{{item.matnr}}</view>
                        <view>商品名称：{{item.maknx}}</view>
                        <view>规格：{{item.specs}}</view>
                        <view>图号：{{item.model ? item.model :''}}</view>
                        <view>数量：{{item.count}} / {{item.total ? item.total : '--'}}</view>



                        <!-- head -->
                        <!-- <view class="swiper-head">
                           <view style="width: 20%;">目标站：{{infoText.staNo}}</view>
                           <view style="width: 30%;">商品编号</view>
                           <view style="width: 20%;">商品名称</view>
                           <view style="width: 20%;">规格</view>
                           <view style="width: 10%;">数量</view>
                        </view> -->
                        <!-- body -->
                        <!-- <view class="swiper-body"> -->
                        <!-- swiper 一些说明
                           circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                           vertical 滑动方向是否为纵向 
                           display-multiple-items 同时显示的滑块数量 -->
                        <!-- <swiper class="swiper-body-main" vertical="true" 
                           display-multiple-items="8"
                           circular="true" :autoplay="true" :interval="3000" :duration="1000">
                              <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                 <view style="width: 20%;">No:{{i+1}}</view>
                                 <view style="width: 30%;">{{item.matNo}}</view>
                                 <view style="width: 20%;">{{item.maknx}}</view>
                                 <view style="width: 20%;">{{item.specs}}</view>
                                 <view style="width: 10%;">{{item.count}}</view>
                              </swiper-item>
                           </swiper>
                        </view> -->
                     </view>
                  </y-box>
               </view>
            </view>
         </view>
      </uni-transition>
    <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
      <view class="home-view">
        <view class="head">
          <text>{{infoText.title}}</text>
        </view>
        <!-- 日历 -->
        <view class="time-tools">{{calendar}}</view>
        <view class="button-left" @click="ejected()"></view>
        <view class="button-right" @click="ejected()"></view>
        <!-- 主体 -->
        <view class="info-main">
          <view class="info-box">
            <y-box>
              <!-- 文本容器 -->
              <view class="text-content">
                <!-- head -->
                <!-- <view class="swiper-head">
                  <view style="flex: 1;">作业数量：{{infoText.barcode}}</view>
                  <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>
                <!-- body -->
                <view class="swiper-body">
                  <!-- swiper 一些说明
                  circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                  vertical 滑动方向是否为纵向
                  display-multiple-items 同时显示的滑块数量 -->
                  <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;">{{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.count}}/{{item.total}}</view>
                    </swiper-item>
                  </swiper>
                </view>
              </view>
            </y-box>
          </view>
        </view>
      </view>
    </uni-transition>
      <!-- 异常信息 -->
      <uni-transition :duration="duration" :mode-class="errorInfoMode" :show="errorInfoViewShow">
         <view class="error-info-view">
@@ -360,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>
@@ -369,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}]} -->
@@ -429,6 +424,7 @@
            infoType: 0,
            text: '',
            infoText: {
               workNo: '',
               title: '',
               staNo: "",
               matnr: "",
@@ -501,8 +497,8 @@
            this.getError()
            // this.getInfo2()
            // this.getError2()
            this.controller()
            this.getCarInfo()
            // this.controller()
            // this.getCarInfo()
         }, 1000)

         setInterval(() => {
@@ -620,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()
                  }
               }
            })
@@ -644,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) {
@@ -665,7 +662,16 @@
               }

               that.infoText.staNo = res.data[0].staNo
               that.swiperList = res.data[0].matDtos
               that.infoText.workNo = res.data[0].workNo
               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
@@ -675,6 +681,7 @@
                  return;
               }
               that.infoType = 0
               that.controller()
            }
         },
         // 控制器
@@ -1317,4 +1324,4 @@
      justify-content: space-around;
      font-size: 2rem;
   }
</style>
</style>