|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <view class="code"> | 
 |  |  |          <!-- <view class="item"> | 
 |  |  |             <view class="code-decs">订单号:</view> | 
 |  |  |             <input type="text" placeholder=" 扫码 / 输入" v-model="order" :focus="orderFocus" | 
 |  |  |                @input="orderInput()" disabled> | 
 |  |  |          </view> --> | 
 |  |  |          <view class="item"> | 
 |  |  |             <view class="code-decs">库位号:</view> | 
 |  |  |             <input type="text" placeholder=" 扫码 / 输入" v-model="barcode" :focus="barcodeFocus" | 
 |  |  |                @confirm="barcodeInput()"> | 
 |  |  |          </view> | 
 |  |  |          <view class="item"> | 
 |  |  |             <view class="code-decs">物料号:</view> | 
 |  |  |             <input type="text" placeholder=" 扫码 / 输入" v-model="matnr" :focus="matFocus" @input="findMat()"> | 
 |  |  |             <view class="item-right"> | 
 |  |  |                <button></button> | 
 |  |  |                <!-- <text style="text-align: right;color: #409EFF;" @click="selectMat()">提取+</text> --> | 
 |  |  |                <!-- <uni-icons type="right" color="#c1c1c1"></uni-icons> --> | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |          <view class="item"> | 
 |  |  |             <view class="code-decs">库位号:</view> | 
 |  |  |             <input type="text" placeholder=" 扫码 / 输入" v-model="barcode" :focus="barcodeFocus"> | 
 |  |  |                <button v-show="recommendLocs.length" size="mini" type="primary" @click="toggle('right')">推荐</button> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <view class="mat-list-title"> | 
 |  |  | 
 |  |  |                      <uni-tag :text="item.batch" type="warning"></uni-tag> | 
 |  |  |                   </view> | 
 |  |  |                </view> | 
 |  |  |                <!-- <view class="list-left-item"> | 
 |  |  |                   <view class="desc">重量:</view> | 
 |  |  |                   <view class="left-item"> | 
 |  |  |                      <uni-tag :text="item.weight" type="warning"></uni-tag> | 
 |  |  |                   </view> | 
 |  |  |                </view> --> | 
 |  |  |                <view class="list-left-item"> | 
 |  |  |                   <view class="desc">数量:</view> | 
 |  |  |                   <view class="left-item">{{item.anfme}}</view> | 
 |  |  | 
 |  |  |                         style="background-color: #f7f7f7;padding: 0;color: #d5d5d5;"> | 
 |  |  |                   </view> | 
 |  |  |                </view> | 
 |  |  |                <view class="popup-item"> | 
 |  |  |                <!-- <view class="popup-item"> | 
 |  |  |                   <view class="popup-item-left">批号:</view> | 
 |  |  |                   <view class="popup-item-right"><input type="text" v-model="batch"></view> | 
 |  |  |                </view> | 
 |  |  |                </view> --> | 
 |  |  |                <!-- <view class="popup-item"> | 
 |  |  |                   <view class="popup-item-left">重量:</view> | 
 |  |  |                   <view class="popup-item-right"><input type="text" v-model="weight"></view> | 
 |  |  |                </view> --> | 
 |  |  |                <view class="popup-item"> | 
 |  |  |                   <view class="popup-item-left">数量:</view> | 
 |  |  |                   <view class="popup-item-right" style="border: none;justify-content: center;"> | 
 |  |  |                      <uni-number-box :value="count" :max="9999999" color="#747474" @change="changeValue" /> | 
 |  |  |                      <uni-number-box :value="count" :step='0.01' :max="9999999" color="#747474" @change="changeValue" /> | 
 |  |  |                   </view> | 
 |  |  |                </view> | 
 |  |  |                <view class="btn"> | 
 |  |  | 
 |  |  |             <uni-popup-message :type="msgType1" :message="messageText" :duration="2000"></uni-popup-message> | 
 |  |  |          </uni-popup> | 
 |  |  |       </view> | 
 |  |  |       <view> | 
 |  |  |          <!-- 普通弹窗 --> | 
 |  |  |          <uni-popup ref="popup" background-color="#fff"> | 
 |  |  |             <scroll-view scroll-y="true" class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"> | 
 |  |  |                <view class="recommend" v-for="item in recommendLocs" @click="chose(item)"> {{ item }}</view> | 
 |  |  |             </scroll-view> | 
 |  |  |          </uni-popup> | 
 |  |  |       </view> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |             baseUrl: '', | 
 |  |  |             token: '', | 
 |  |  |             order: '', | 
 |  |  |             orderFocus: true, | 
 |  |  |             barcode: '', | 
 |  |  |             barcodeFocus: '', | 
 |  |  |             dataList: [], | 
 |  |  | 
 |  |  |             matnr: '', | 
 |  |  |             matnr1: '', | 
 |  |  |             batch: '', | 
 |  |  |             weight: '', | 
 |  |  |             msgType1: 'success', | 
 |  |  |             msgType: 'success', | 
 |  |  |             messageText: '', | 
 |  |  |             title: '', | 
 |  |  |             content: '', | 
 |  |  |             barcodeFocus: false, | 
 |  |  |             matFocus: false, | 
 |  |  |             matData: '' | 
 |  |  |             matFocus: true, | 
 |  |  |             matData: '', | 
 |  |  |             removeNum: 0, | 
 |  |  |             type: 'center', | 
 |  |  |             recommendLocs: [] | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  | 
 |  |  |          messageToggle(type) { | 
 |  |  |             this.msgType1 = type | 
 |  |  |             this.$refs.message.open() | 
 |  |  |          }, | 
 |  |  |          // barcode input 事件 | 
 |  |  |          barcodeInput() { | 
 |  |  |             // 不设置定时器 会出现扫入的字符串不全 | 
 |  |  |             setTimeout(() => { | 
 |  |  |                var len = this.barcode.length | 
 |  |  |                this.focuss() | 
 |  |  |             }, 200) | 
 |  |  |          }, | 
 |  |  |          // 托盘码有误重置 | 
 |  |  |          barcodeFocuss() { | 
 |  |  |             let that = this; | 
 |  |  |             that.barcodeFocus = false; | 
 |  |  |             setTimeout(() => { | 
 |  |  |                that.barcode = ''; | 
 |  |  |                that.barcodeFocus = true; | 
 |  |  |             }, 100); | 
 |  |  |          }, | 
 |  |  |          // 商品光标清空重置 | 
 |  |  |          focuss() { | 
 |  |  |             setTimeout(() => { | 
 |  |  |                this.matnr = ''; | 
 |  |  |                this.matFocus = true; | 
 |  |  |             }, 100); | 
 |  |  |          }, | 
 |  |  |          // 搜索物料 | 
 |  |  |          findMat() { | 
 |  |  | 
 |  |  |                         // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 | 
 |  |  |                         events: { | 
 |  |  |                            matList: function(data) { | 
 |  |  |                               that.recommendLoc() | 
 |  |  |                               that.checkMat(data.data) | 
 |  |  |                               that.focuss() | 
 |  |  |                            }, | 
 |  |  |                         }, | 
 |  |  |                      }); | 
 |  |  | 
 |  |  |                } | 
 |  |  |             }); | 
 |  |  |           | 
 |  |  |          }, | 
 |  |  |          // 推荐库位 | 
 |  |  |          recommendLoc() { | 
 |  |  |             let that = this | 
 |  |  |             that.recommendLocs = [] | 
 |  |  |             uni.request({ | 
 |  |  |                url: that.baseUrl + '/node/recommendLoc', | 
 |  |  |                data: {matnr: that.matnr}, | 
 |  |  |                header: {'token': uni.getStorageSync('token')}, | 
 |  |  |                success(res) { | 
 |  |  |                   res = res.data | 
 |  |  |                   if (res.code == 200 && res.data) { | 
 |  |  |                      that.recommendLocs = res.data | 
 |  |  |                   }  | 
 |  |  |                } | 
 |  |  | 					 | 
 |  |  |             }) | 
 |  |  |          }, | 
 |  |  |          checkMat(mat) { | 
 |  |  |             mat['orderNo'] = this.order | 
 |  |  | 
 |  |  |             this.matnr1 = this.dataList[i].matnr | 
 |  |  |             this.count = this.dataList[i].anfme | 
 |  |  |             this.batch = this.dataList[i].batch | 
 |  |  |             this.weight = this.dataList[i].weight | 
 |  |  |             this.rowNum = i | 
 |  |  |             this.eject() | 
 |  |  |          }, | 
 |  |  | 
 |  |  |          }, | 
 |  |  |          // 列表移除按钮 | 
 |  |  |          remove(item, i, type) { | 
 |  |  |             this.removeNum  = i | 
 |  |  |             this.msgType = type | 
 |  |  |             this.title = '警告' | 
 |  |  |             this.content = '是否移除当前商品!' | 
 |  |  | 
 |  |  |          removeConfirm(i) { | 
 |  |  |             this.messageText = "移除成功" | 
 |  |  |             this.messageToggle('success') | 
 |  |  |             this.dataList.splice(i, 1) | 
 |  |  |             this.dataList.splice(this.removeNum, 1) | 
 |  |  |          }, | 
 |  |  |          reviseConfirm() { | 
 |  |  |             this.dataList[this.rowNum].anfme = this.count | 
 |  |  |             this.dataList[this.rowNum].batch = this.batch | 
 |  |  |             this.dataList[this.rowNum].weight = this.weight | 
 |  |  |             this.messageText = "修改成功" | 
 |  |  |             this.messageToggle('success') | 
 |  |  |             this.$refs.revise.close() | 
 |  |  | 
 |  |  |             this.barcode = '' | 
 |  |  |             this.barcodeFocuss() | 
 |  |  |          }, | 
 |  |  |          combClose() { | 
 |  |  |             this.$refs.combConfirm.close() | 
 |  |  |          }, | 
 |  |  |          // 取消移除 | 
 |  |  |          removeClose() { | 
 |  |  |             this.$refs.alertDialog.close() | 
 |  |  |          }, | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  | </script> |