# agv出库信息 盘点按钮显示

whycq

2023-11-09 61c1945d810e4e14a1c7b61b2761acf181104f42

 Monitor-APP/pages/home/home.vue

@@ -2,32 +2,34 @@
   <view class="container">
      <uni-transition :duration="duration" :mode-class="homeMode" :show="homeViewShow">
         <view class="home-view">
            <view class="head">
            <!-- <view class="head">
               <text>自动仓库监控平台</text>
            </view>
            </view> -->
            <!-- 日历 -->
            <view class="time-tools">{{calendar}}</view>
            <!-- <view class="time-tools">{{calendar}}</view>
            <view class="button-left" @click="ejected()"></view>
            <view class="button-right" @click="ejected()"></view>
				
            <view class="main">
            <view class="button-right" @click="ejected()"></view> -->
            <view v-if="locs.length==0"><button size="mini" @click="ejected()" >配置</button></view>
            <view class="main" v-if="locs" >
               <view class="main-b" v-for="item in locs" :class="item.color">
                  <view class="flex-col" style="width: 100%;">
                  <view class="flex-col" style="width: 100%;font-size: 5rpx;">
                     <view class="flex-row">
                        <view style="flex: 1;">{{item.devNo}}</view>
                        <view style="flex: 1;" @click="ejected()">{{item.devNo}}</view>
                        <view style="flex: 1;">{{item.locSts$}}</view>
                        <!-- <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.wrkNo}}</view> -->
                        <view style="flex: 1;"></view>
                     </view>
                     <view class="flex-row">
                        <view style="flex: 1;" v-if="item.agvWrkMast">工作号：{{item.agvWrkMast.wrkNo}}</view>
                        <view style="flex: 1;" v-if="item.agvWrkMast" >{{item.agvWrkMast.wrkSts$}}</view>
                        <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.ioType$}}</view>
                        <view style="flex: 1;" v-if="!item.agvWrkMast"></view>
                     </view>
                     <view class="flex-row">
                        <view style="flex: 1;" v-if="item.agvWaitPakin">料箱码: {{item.agvWaitPakin.suppCode}}</view>
                        <view style="flex: 1;" v-if="item.agvWrkDetl">料箱码：{{item.agvWrkDetl.suppCode}}</view>
                        <view style="flex: 1;" v-if="!item.agvWaitPakin && !item.agvWrkDetl"></view>
								
                        <view style="flex: 1;" v-if="item.agvWrkMast">{{item.agvWrkMast.ioType$}}</view>
                        <view style="flex: 1;" v-if="!item.agvWrkMast"></view>
                     </view>
                     <view class="flex-row">
                        <view style="flex: 1;" ></view>
                        <view style="flex: 1;" ></view>
                     </view>
@@ -35,46 +37,45 @@
                  
                  <view class="flex-col" style="width: 100%;"  v-if="item.agvWaitPakin">
                     <view class="flex-row" style="background-color: #007aff;">
                        <view style="flex: 2;">订单号</view>
                        <view style="flex: 2;">物料号</view>
                        <view style="flex: 1;">批号</view>
                        <view style="flex: 3;">订单号</view>
                        <view style="flex: 3;">物料号</view>
                        <view style="flex: 1;">数量</view>
                        <view style="flex: 1;">总数量</view>
                        <view style="flex: 1;">结余</view>
                     </view>
                     <view class="flex-row" v-for="k in item.agvWaitPakin.orderNo">
                        <view style="flex: 2;">{{k.orderNo}}</view>
                        <view style="flex: 2;">{{item.agvWaitPakin.matnr}}</view>
                        <view style="flex: 1;">{{item.agvWaitPakin.batch ? item.agvWaitPakin.batch : '--'}}</view>
                        <view style="flex: 3;">{{k.orderNo}}</view>
                        <view style="flex: 3;">{{item.agvWaitPakin.matnr}}</view>
                        <view style="flex: 1;">{{k.anfme}}</view>
                        <view style="flex: 1;">{{item.agvWaitPakin.anfme + item.agvWaitPakin.volume}}</view>
                        <view style="flex: 1;">{{item.agvWaitPakin.volume}}</view>
                     </view>
                  </view>
                  
                  <view class="flex-col" style="width: 100%;"  v-if="item.agvWrkDetl">
                     <view class="flex-row" style="background-color: #007aff;">
                        <view style="flex: 2;">订单号</view>
                        <view style="flex: 2;">物料号</view>
                        <view style="flex: 1;">批号</view>
                        <view style="flex: 3;">订单号</view>
                        <view style="flex: 3;">物料号</view>
                        <view style="flex: 1;">数量</view>
                        <view style="flex: 1;">库存数量</view>
                        <view style="flex: 1;">结余</view>
                     </view>
                     <view class="flex-row" v-for="k in item.agvWrkDetl.orderNo">
                        <view style="flex: 2;">{{k.orderNo}}</view>
                        <view style="flex: 2;">{{item.agvWrkDetl.matnr}}</view>
                        <view style="flex: 1;">{{item.agvWrkDetl.batch ? item.agvWrkDetl.batch : '--'}}</view>
                        <view style="flex: 3;">{{k.orderNo}}</view>
                        <view style="flex: 3;">{{item.agvWrkDetl.matnr}}</view>
                        <view style="flex: 1;">{{k.anfme}}</view>
                        <view style="flex: 1;">{{item.agvWrkDetl.anfme + item.agvWrkDetl.volume}}</view>
                        <view style="flex: 1;">{{item.agvWrkDetl.volume}}</view>
                     </view>
                  </view>
                  <view style="position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 103 && item.agvWrkDetl">
                     <!-- <button type="primary" size="mini">拣料回库</button> -->
                     <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 30rpx;
                  <view style="align-self: center;margin-top: auto;width: 100%;display: flex;align-items: center;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 103 && item.agvWrkDetl">
                     <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 10rpx;
                        border-radius: 8rpx;" @click="pickIn(item.devNo)">拣料回库</view>
                  </view>
                  
                  <view style="position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 101 && item.agvWrkDetl">
                     <!-- <button type="primary" size="mini">容器离场</button> -->
                     <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 30rpx;
                  <view style="align-self: center;margin-top: auto;width: 100%;display: flex;align-items: center;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 107 && item.agvWrkDetl">
                     <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 10rpx;
                        border-radius: 8rpx;" @click="pickIn(item.devNo)">盘点回库</view>
                  </view>
						
                  <view style="align-self: center;margin-top: auto;width: 100%;display: flex;align-items: center;justify-content: center;" v-if="item.agvWrkMast && item.agvWrkMast.ioType == 101 && item.agvWrkDetl">
                     <view style="width: 60%;background-color: #007aff;height: 3vh;display: flex;align-items: center;justify-content: center;font-size: 10rpx;
                        border-radius: 8rpx;" @click="containerMoveOut(item.devNo)">容器离场</view>
                  </view>
                  
@@ -324,11 +325,14 @@
         // 容器离场
         containerMoveOut(e) {
            let _this = this
            let devNo = {devNo:[e]}
            // console.log(JSON.stringify(devNo));
            uni.request({
               url: `${_this.commonUrl}/agv/basDevp/visualized/container/moveOut`,
               data: {devNo: e},
               data: JSON.stringify(devNo),
               method: 'POST',
               success(res) {
						
               }
            })
         },
@@ -485,12 +489,12 @@
   }
   
   .main-b {
      font-size: 22rpx;
      font-size: 10rpx;
      background-color: rgba(255, 255, 255, .05);
      /* background-color: rgba(0, 189, 47, 0.3); */
      width:19vw; 
      height: 28vh;
      margin-top: 4px;
      width:19.8vw; 
      height: 33vh;
      /* margin-top: 4px; */
      backdrop-filter: blur(3px);
      display: flex;
      flex-direction: column;
@@ -537,7 +541,7 @@
   .home-view {
      width: 100vw;
      min-height: 100vh;
      background-image: url(../../static/background.png);
      /* background-image: url(../../static/background.png); */
      background-size: 100vw 100vh;
   }
   .home-right {
@@ -649,11 +653,11 @@
   
   /* 共用 */
   .main {
      height: 88vh;
      margin: 16rpx;
      height: 100vh;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      position: relative;
   }
   .mian-item {
      width: 50%;