|  |  | 
 |  |  |    <view> | 
 |  |  |       <view class="code"> | 
 |  |  |          <view class="item"> | 
 |  |  |             <view class="code-decs">库位号:</view> | 
 |  |  |             <input type="text" placeholder=" 扫码 / 输入" v-model="barcode" :focus="barcodeFocus" | 
 |  |  |                @input="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> | 
 |  |  |             </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-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 class="keyboard" :class="hidebg" mode="aspectFit" @click="hideKeyboard"> | 
 |  |  |          <image src="@/static/img/keyboard1.png" style="height: 70%;width: 70%;"></image> | 
 |  |  |       </view> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |             messageText: '', | 
 |  |  |             title: '', | 
 |  |  |             content: '', | 
 |  |  |             barcodeFocus: true, | 
 |  |  |             matFocus: false, | 
 |  |  |             barcodeFocus: false, | 
 |  |  |             matFocus: true, | 
 |  |  |             matData: '', | 
 |  |  |             removeNum: 0 | 
 |  |  |             removeNum: 0, | 
 |  |  |             type: 'center', | 
 |  |  |             recommendLocs: [], | 
 |  |  |             hide: true, | 
 |  |  |             hidebg: 'kb-bgtr' | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onLoad() { | 
 |  |  |          // #ifdef APP | 
 |  |  |          setInterval(()=>{ | 
 |  |  |             if (this.hide) { | 
 |  |  |                uni.hideKeyboard() | 
 |  |  |             } else { | 
 |  |  | 					 | 
 |  |  |             } | 
 |  |  |          },20) | 
 |  |  |          // #endif | 
 |  |  |       }, | 
 |  |  |       onBackPress() { | 
 |  |  |          this.hide = false | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  |          this.baseUrl = uni.getStorageSync('baseUrl'); | 
 |  |  |          this.token = uni.getStorageSync('token'); | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          hideKeyboard() { | 
 |  |  |             this.hide = this.hide ? false : true | 
 |  |  |             if (this.hide) { | 
 |  |  |                this.hidebg = 'kb-bgtr' | 
 |  |  |             } else { | 
 |  |  |                this.hidebg = 'kb-bgfa' | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          messageToggle(type) { | 
 |  |  |             this.msgType1 = type | 
 |  |  |             this.$refs.message.open() | 
 |  |  | 
 |  |  |                         // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 | 
 |  |  |                         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 | 
 |  |  | 
 |  |  |       box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); | 
 |  |  |    } | 
 |  |  |    .list:first-child { | 
 |  |  |       margin-top: 410rpx; | 
 |  |  |       margin-top: 280rpx; | 
 |  |  |    } | 
 |  |  |    .list:last-child { | 
 |  |  |       margin-bottom: 120rpx; | 
 |  |  | 
 |  |  |    .item { | 
 |  |  |       display: flex; | 
 |  |  |       align-items: center; | 
 |  |  |       height: 100rpx; | 
 |  |  |       height: 70rpx; | 
 |  |  |       margin-left: 20rpx; | 
 |  |  |       border-bottom: 1px solid #DCDFE6; | 
 |  |  |    } | 
 |  |  | 
 |  |  |       width: 100%; | 
 |  |  |       background-color: white; | 
 |  |  |       position: fixed; | 
 |  |  |       margin-top: 200rpx; | 
 |  |  |       margin-top: 140rpx; | 
 |  |  |       z-index: 9; | 
 |  |  |       /* border-top: 1px solid #DCDFE6; */ | 
 |  |  |       text-align: center; |