|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <view style="display: flex;"> | 
 |  |  |          <view class="dropdown"> | 
 |  |  |             <input type="text" style="flex: 1;" v-model="row1"  placeholder="请输入排" @confirm="getLocMastList"> | 
 |  |  |             <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('row1')"></uni-icons> | 
 |  |  |          </view> | 
 |  |  |          <view class="dropdown"> | 
 |  |  |             <input type="text" style="flex: 1;" v-model="bay1"   placeholder="请输入列"  @confirm="getLocMastList"> | 
 |  |  |             <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('bay1')"></uni-icons> | 
 |  |  |          </view> | 
 |  |  |          <view class="dropdown"> | 
 |  |  |             <input type="text" style="flex: 1;" v-model="lev1"  placeholder="请输入层" @confirm="getLocMastList"> | 
 |  |  |             <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('lev1')"></uni-icons> | 
 |  |  |       <view class="code"> | 
 |  |  |          <!-- <uni-search-bar  v-model="searchValue1"  | 
 |  |  |             maxlength="500" ancel="cancel" @confirm="searchValueInput1()" @clear="clearVal" placeholder="输入 / 扫描 货架码"> | 
 |  |  |          </uni-search-bar> --> | 
 |  |  |          <view style="display: flex;padding: 10rpx 20rpx;"> | 
 |  |  |             <view class="dropdown"> | 
 |  |  |                <input type="text" style="flex: 1;" v-model="row1"  placeholder="请输入排" @confirm="getLocMastList('')"> | 
 |  |  |                <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('row1')"></uni-icons> | 
 |  |  |             </view> | 
 |  |  |             <view class="dropdown"> | 
 |  |  |                <input type="text" style="flex: 1;" v-model="bay1"   placeholder="请输入列"  @confirm="getLocMastList('')"> | 
 |  |  |                <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('bay1')"></uni-icons> | 
 |  |  |             </view> | 
 |  |  |             <view class="dropdown"> | 
 |  |  |                <input type="text" style="flex: 1;" v-model="lev1"  placeholder="请输入层" @confirm="getLocMastList('')"> | 
 |  |  |                <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('lev1')"></uni-icons> | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  | 		 | 
 |  |  |        | 
 |  |  |       <view class="list list-font-color" :class="locMast.color" v-for="(locMast,index) in dataList" :key="index"> | 
 |  |  |          <view class="list-left"> | 
 |  |  | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             searchValue1: '', | 
 |  |  |             baseUrl: '', | 
 |  |  |             token: '', | 
 |  |  |             barcode: '', | 
 |  |  | 
 |  |  |       onShow() { | 
 |  |  |          this.baseUrl = uni.getStorageSync('baseUrl'); | 
 |  |  |          this.token = uni.getStorageSync('token'); | 
 |  |  |          if (uni.getStorageSync('lev1')) { | 
 |  |  |             // this.lev1 = uni.getStorageSync('lev1'); | 
 |  |  |          } else { | 
 |  |  |             this.lev1 = '' | 
 |  |  |          } | 
 |  |  | 			 | 
 |  |  |          this.getLocMastList() | 
 |  |  |          this.barcode = '' | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          clear(e) { | 
 |  |  | 
 |  |  |                case 'row1': | 
 |  |  |                   setTimeout(() => { | 
 |  |  |                      this.row1 = '' | 
 |  |  |                      this.getLocMastList() | 
 |  |  |                      this.getLocMastList('') | 
 |  |  |                   }, 100); | 
 |  |  |                   break; | 
 |  |  |                case 'bay1': | 
 |  |  |                   setTimeout(() => { | 
 |  |  |                      this.bay1 = '' | 
 |  |  |                      this.getLocMastList() | 
 |  |  |                      this.getLocMastList('') | 
 |  |  |                   }, 100); | 
 |  |  |                    | 
 |  |  |                   break; | 
 |  |  |                case 'lev1': | 
 |  |  |                   setTimeout(() => { | 
 |  |  |                      this.lev1 = '' | 
 |  |  |                      this.getLocMastList() | 
 |  |  |                      this.getLocMastList('') | 
 |  |  |                   }, 100); | 
 |  |  |                   break; | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          getLocMastList() { | 
 |  |  |             let _this = this  | 
 |  |  |          clearVal() { | 
 |  |  |             this.getLocMastList('') | 
 |  |  |          }, | 
 |  |  |          searchValueInput1() { | 
 |  |  |             setTimeout(() => { | 
 |  |  |                this.row1 = '' | 
 |  |  |                this.bay1 = '' | 
 |  |  |                this.lev1 = '' | 
 |  |  |                this.getLocMastList(this.searchValue1) | 
 |  |  |             }, 100); | 
 |  |  |          }, | 
 |  |  |          getLocMastList(barcode) { | 
 |  |  |             let _this = this | 
 |  |  |             // uni.setStorageSync('lev1', this.lev1); | 
 |  |  |             uni.request({ | 
 |  |  |                url: `${_this.baseUrl}/agv/locMast/list/auth`, | 
 |  |  |                header: {'token': uni.getStorageSync('token')}, | 
 |  |  | 
 |  |  |                   limit: 50, | 
 |  |  |                   row1: _this.row1, | 
 |  |  |                   bay1: _this.bay1, | 
 |  |  |                   lev1: _this.lev1, | 
 |  |  |                   floor: _this.lev1, | 
 |  |  |                   barcode: barcode | 
 |  |  |                }, | 
 |  |  |                method: 'GET', | 
 |  |  |                success(res) { | 
 |  |  |                   res = res.data | 
 |  |  |                   console.log(res); | 
 |  |  |                   if (res.code === 200) { | 
 |  |  |                      for (let k of res.data.records) { | 
 |  |  |                         if (k.locSts == 'F') { | 
 |  |  | 
 |  |  |                            k['color'] = 'locSts-X'  | 
 |  |  |                         } else if (k.locSts == 'Q') { | 
 |  |  |                            k['color'] = 'locSts-Q'  | 
 |  |  |                         } else if (k.locSts == 'P') { | 
 |  |  |                            k['color'] = 'locSts-P'  | 
 |  |  |                         } else if (k.locSts == 'X') { | 
 |  |  |                            k['color'] = 'locSts-X'  | 
 |  |  |                         } | 
 |  |  | 
 |  |  |    } | 
 |  |  |    .list-font-color { | 
 |  |  |       color: #fff; | 
 |  |  |       /* background-color: #33bb44; */ | 
 |  |  |       /* background-color: #2299ff; */ | 
 |  |  |    } | 
 |  |  |    .dropdown { | 
 |  |  |       border: 1px solid #a7a7a7; | 
 |  |  |       border-radius: 8rpx; | 
 |  |  |       margin: 2px; | 
 |  |  |       padding: 6px; | 
 |  |  |    } | 
 |  |  | 
 |  |  |    .locSts-P { | 
 |  |  |       background-color: #ffaa00; | 
 |  |  |    } | 
 |  |  |    .locSts-Q { | 
 |  |  |       background-color: #47a301; | 
 |  |  |    } | 
 |  |  |    .locSts-X { | 
 |  |  |       background-color: #767676; | 
 |  |  |    } |