|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <view class="code"> | 
 |  |  |          <view style="display: flex;align-items: center;"> | 
 |  |  |             <view style="flex: 1;"> | 
 |  |  |                <uni-search-bar  v-model="searchValue" | 
 |  |  |                   maxlength="500" ancel="cancel" @confirm="getOrderNoList(locNo)" @clear="clear" placeholder="输入 / 扫描"> | 
 |  |  |                </uni-search-bar> | 
 |  |  |             </view> | 
 |  |  | 				 | 
 |  |  |          </view> | 
 |  |  |          <view class="code-title"> | 
 |  |  |             <view></view> | 
 |  |  |             <view style="width: 100%;text-align: center;margin: 16rpx 0;">总数量:- {{menuList.length}} -</view> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <view class="card" v-for="item in menuList" @click="chose(item)">          | 
 |  |  |          <view class="item">库位号:{{item.locNo}}</view> | 
 |  |  |          <view class="item">物料编码:{{item.matnr}}</view> | 
 |  |  | 
 |  |  |          <!-- <view class="item">批  次:{{item.batch}}</view> --> | 
 |  |  |          <view class="item">明细数量:{{item.anfme}}</view> | 
 |  |  |       </view> | 
 |  |  |       <view style="height: 50rpx;"></view> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |             baseUrl: '', | 
 |  |  |             token: '', | 
 |  |  |             menuList: [], | 
 |  |  |             orderNo: '' | 
 |  |  |             orderNo: '', | 
 |  |  |             searchValue: '' | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onLoad() { | 
 |  |  | 
 |  |  |           | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          clear() { | 
 |  |  |             this.searchValue = '' | 
 |  |  |             this.getOrderNoList(this.locNo) | 
 |  |  |          }, | 
 |  |  |          getOrderNoList(locNo) { | 
 |  |  |             let that = this | 
 |  |  |             uni.request({ | 
 |  |  |                url: this.baseUrl + '/locDetl/forlocNo/auth/v1', | 
 |  |  |                data: { locNo: that.locNo }, | 
 |  |  |                data: { locNo: that.locNo, matnr: that.searchValue }, | 
 |  |  |                header: { 'token': uni.getStorageSync('token') },                | 
 |  |  |                success(res) { | 
 |  |  |                   res = res.data | 
 |  |  |                   that.menuList = res.data | 
 |  |  |                   that.menuList = [] | 
 |  |  |                   if (res.code == 200) { | 
 |  |  |                      that.menuList = res.data | 
 |  |  |                      // uni.showToast({ title: res.msg, icon: "success", position: 'top' }) | 
 |  |  |                   } 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' }) | 
 |  |  |                   } | 
 |  |  | 						 | 
 |  |  |                } | 
 |  |  |             }) | 
 |  |  |          }, | 
 |  |  | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style> | 
 |  |  |    .code { | 
 |  |  |       background-color: #d9d9d9; | 
 |  |  |       z-index: 99; | 
 |  |  |       position: sticky; | 
 |  |  |       top: 0rpx; | 
 |  |  |       left: 0; | 
 |  |  |    } | 
 |  |  |    .card { | 
 |  |  |       margin: 20rpx; | 
 |  |  |       padding: 30rpx; |