|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |    <view style="font-size: 13px;"> | 
 |  |  |       <view class="station station-wrk" v-if="station"> | 
 |  |  |          <view class="mt-flex"> | 
 |  |  |             <view class="station-title" style="flex: 4;">{{station.threeCode}}</view> | 
 |  |  | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <!-- 垫高 --> | 
 |  |  |       <view style="height: 360rpx;text-align: center;color: #b9b9b9;"> | 
 |  |  |       </view> | 
 |  |  |       <!-- <view style="height: 330rpx;text-align: center;color: #b9b9b9;"> | 
 |  |  |       </view> --> | 
 |  |  |       <view class="list list-font-color" :class="orderDetl.color" v-for="(orderDetl,index) in dataList" :key="index"> | 
 |  |  |          <view class="list-left" style="display: flex;flex-direction: column;"> | 
 |  |  |             <!-- 上 --> | 
 |  |  | 
 |  |  |          </view> | 
 |  |  |          <view class="list-right" @click="checkboxChange(orderDetl)"> | 
 |  |  |             <label > | 
 |  |  |                <checkbox :value="orderDetl.orderNo" :checked="orderDetl.checked" style="transform:scale(0.7)" /><text></text> | 
 |  |  |                <checkbox :value="orderDetl.orderNo" :checked="orderDetl.checked" v-show="orderDetl.locSts == 'F'" style="transform:scale(0.7)" /><text></text> | 
 |  |  |             </label> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  | 
 |  |  |       <view style="height: 160rpx;text-align: center;color: #b9b9b9;"> | 
 |  |  |          - 已经到底了 - | 
 |  |  |       </view> | 
 |  |  |       <!-- 选择楼层弹窗 --> | 
 |  |  |       <view> | 
 |  |  |          <uni-popup ref="filter" type="dialog"> | 
 |  |  |             <view class="filter-popup"> | 
 |  |  |                <!-- 标题 --> | 
 |  |  |                <view class="title">调拨楼层</view> | 
 |  |  |                <view class="popup-item" style="width: 100%;display: flex;justify-content: center;"> | 
 |  |  |                   <view style="margin-top: 50rpx;width: 60%;"> | 
 |  |  |                      <uni-combox :candidates="floorList" placeholder="请选择目标楼层" v-model="floor"></uni-combox> | 
 |  |  |                   </view> | 
 |  |  |                </view> | 
 |  |  |                <view class="btn filter-btn"> | 
 |  |  |                   <button class="btn-right" @click="filterConfirm()" :disabled="isAutoDis">开始调拨</button> | 
 |  |  |                </view> | 
 |  |  |             </view> | 
 |  |  |          </uni-popup> | 
 |  |  |       </view> | 
 |  |  |       <!-- 底部操作按钮 --> | 
 |  |  |       <view class="buttom"> | 
 |  |  |          <button size="mini" @click="unAuto('warn')">手动</button> | 
 |  |  |          <button size="mini" type="primary" @click="auto('warn')">自动</button> | 
 |  |  |          <button size="mini" @click="isAuto('unAuto')">手动</button> | 
 |  |  |          <button size="mini" type="primary" @click="isAuto('auto')" >自动</button> | 
 |  |  |       </view> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  | 
 |  |  |             baseUrl: '', | 
 |  |  |             token: '', | 
 |  |  |             dataList: [], | 
 |  |  |             dbList: [], | 
 |  |  |             count: 0, | 
 |  |  |             containerType: '', | 
 |  |  |             isOpen: true, | 
 |  |  | 
 |  |  |             orderId: '', | 
 |  |  |             station: '', | 
 |  |  |             allCheck: false, | 
 |  |  |             allCheckBtnTitle: '全选' | 
 |  |  |             allCheckBtnTitle: '全选', | 
 |  |  |             floorList: ['2楼','3楼'], | 
 |  |  |             floor: '', | 
 |  |  |             moveType: '', | 
 |  |  |             isAutoDis: false, | 
 |  |  |             orderNo: '' | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  | 
 |  |  |             data.item['count'] = 0 | 
 |  |  |             _this.station = data.item | 
 |  |  |             _this.orderId = data.item.id | 
 |  |  |             _this.orderNo = data.item.orderNo | 
 |  |  |             _this.getLocDetl(data.item.orderNo,data.item.threeCode,data.item.matnr,data.item.id) | 
 |  |  |          }) | 
 |  |  |       }, | 
 |  |  | 
 |  |  |                data: { | 
 |  |  |                   orderNo: orderNo, | 
 |  |  |                   threeCode: threeCode , | 
 |  |  |                   matnr: matnr | 
 |  |  |                   matnr: matnr, | 
 |  |  |                   floor: "F1" | 
 |  |  |                }, | 
 |  |  |                method: 'POST', | 
 |  |  |                success(res) { | 
 |  |  | 
 |  |  |             if (e.checked) { | 
 |  |  |                this.$set(e,'checked',false) | 
 |  |  |             } else { | 
 |  |  |                this.$set(e,'checked',true) | 
 |  |  |                if (e.locSts != "F") { | 
 |  |  |                   this.$set(e,'checked',false) | 
 |  |  |                } else { | 
 |  |  |                   this.$set(e,'checked',true) | 
 |  |  |                } | 
 |  |  |             } | 
 |  |  |             let num = 0 | 
 |  |  |             for (let k of items) { | 
 |  |  | 
 |  |  |             } | 
 |  |  |             for (let item of this.dataList) { | 
 |  |  |                if (this.allCheck) { | 
 |  |  |                   if (item.anfme == item.qty) { | 
 |  |  |                   // if (item.locSts == "F") | 
 |  |  |                   if (item.locSts != "F") { | 
 |  |  |                      this.$set(item,'checked',false) | 
 |  |  |                   } else { | 
 |  |  |                      this.$set(item,'checked',true) | 
 |  |  | 
 |  |  |             } | 
 |  |  |             this.upDateCount() | 
 |  |  |          }, | 
 |  |  |          isAuto(type) { | 
 |  |  |             this.dbList = [] | 
 |  |  |             for (let k of this.dataList) { | 
 |  |  |                if (k.checked) { | 
 |  |  |                   this.dbList.push(k) | 
 |  |  |                } | 
 |  |  |             } | 
 |  |  |             if (this.dbList.length == 0) { | 
 |  |  |                uni.showToast({ title: '请选择调拨库位', icon: "error", position: 'top' }) | 
 |  |  |                return | 
 |  |  |             } | 
 |  |  |             this.moveType = type | 
 |  |  |             this.$refs.filter.open('bottom') | 
 |  |  |          }, | 
 |  |  |          filterConfirm() { | 
 |  |  |             this.isAutoDis = true | 
 |  |  |             if (this.floor == '') { | 
 |  |  |                uni.showToast({ title: '请选择调拨楼层', icon: "error", position: 'top' }) | 
 |  |  |                return | 
 |  |  |             } | 
 |  |  |             let _this = this | 
 |  |  |             let param = {floor: this.floor,orderNo:this.orderNo,dbList: this.dbList,moveType: this.moveType} | 
 |  |  |             uni.request({ | 
 |  |  |                url: `${_this.baseUrl}/agvMobile/agv/v2/locMove`, | 
 |  |  |                header: {'token': uni.getStorageSync('token'),}, | 
 |  |  |                data: param, | 
 |  |  |                method: 'POST', | 
 |  |  |                success(res) { | 
 |  |  |                   _this.isAutoDis = false | 
 |  |  |                   console.log(res); | 
 |  |  |                   res = res.data | 
 |  |  |                   if (res.code === 200) { | 
 |  |  |                      uni.navigateBack({ | 
 |  |  |                         delta: 1 | 
 |  |  |                      }); | 
 |  |  |                   } else if (res.code == 403) { | 
 |  |  |                      uni.showToast({ title: res.msg, icon: "error", position: 'top' }) | 
 |  |  |                      setTimeout(() => { uni.reLaunch({ url: '../../login/login' }); }, 1000); | 
 |  |  |                   } else { | 
 |  |  |                      uni.showToast({ title: res.msg, icon: "error", position: 'top' }) | 
 |  |  |                   }  | 
 |  |  |                }, | 
 |  |  |                fail(res) { | 
 |  |  |                   _this.isAutoDis = false | 
 |  |  |                } | 
 |  |  |             }) | 
 |  |  |             this.$refs.filter.close('bottom') | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  | </script> | 
 |  |  | 
 |  |  |    @import url('../../../static/css/common/order.css'); | 
 |  |  |     | 
 |  |  |    .station { | 
 |  |  |       position: fixed; | 
 |  |  |       top: 85rpx; | 
 |  |  |       left: 0; | 
 |  |  |       right: 0; | 
 |  |  |       /* position: fixed; */ | 
 |  |  |       font-size: 18px; | 
 |  |  |       width: 96%; | 
 |  |  |       padding: 24rpx; | 
 |  |  |       z-index: 999; | 
 |  |  |       font-size: 14px; | 
 |  |  |    } | 
 |  |  |    .station-title { | 
 |  |  |       font-size: 32px; | 
 |  |  | 
 |  |  |    } | 
 |  |  |    .popup-item { | 
 |  |  |       position: relative; | 
 |  |  |       height: 80rpx; | 
 |  |  |       line-height: 80rpx; | 
 |  |  |       display: flex; | 
 |  |  |       align-items: center; | 
 |  |  |       font-size: 14px; | 
 |  |  | 
 |  |  |       font-size: 22px; | 
 |  |  |       color: #3a3a3a; | 
 |  |  |    } | 
 |  |  |    .filter-popup { | 
 |  |  |       width: 100%; | 
 |  |  |       height: 40vh; | 
 |  |  |       background-color: #FFF; | 
 |  |  |       position: relative; | 
 |  |  |       border-radius: 30rpx 30rpx 0rpx 0rpx; | 
 |  |  |    } | 
 |  |  |    .filter-popup-item { | 
 |  |  |       height: 100%; | 
 |  |  |       width: 100%; | 
 |  |  |       background-color: #c9cdd5; | 
 |  |  |    } | 
 |  |  |    .filter-popup-item-left { | 
 |  |  |       width: 30%; | 
 |  |  |       height: 100%; | 
 |  |  |       background-color: #DCDFE6; | 
 |  |  | 		 | 
 |  |  |    } | 
 |  |  |    .filter-btn { | 
 |  |  |       position: absolute; | 
 |  |  |       left: 0; | 
 |  |  |       bottom: 0; | 
 |  |  |       width: 100%; | 
 |  |  |       background-color: #FFF; | 
 |  |  |    } | 
 |  |  | 	 | 
 |  |  |     | 
 |  |  | </style> |