# 上架货位 多选

whycq0520

2022-03-26 3693de3a743f774c81727a35f4b5ee9d28013a16

 pages/basics/stockQuery.vue

@@ -2,16 +2,41 @@
   <view>
      <view class="cu-form-group margin-top">
         <view class="title">库位</view>
         <input v-model="locNo" placeholder="库位编号" name="input" ></input>
         <input v-model="locNo" placeholder="库位编号" name="input" @input="findByLocNo()" focus></input>
      </view>
      <view class="cu-form-group margin-top">
         <view class="title">产品</view>
         <input v-model="matNo" placeholder="产品信息" name="input"></input>
         <input v-model="matNo" placeholder="产品" name="input" @input="findByMatNo()"></input>
      </view>
      <view>
         <button class='cu-btn bg-yellow pda-btn'>搜索</button>
         <button class="cu-btn bg-grey pda-btn" @click="reset">重置</button>
		
      <view class="margin-top">
         <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
               <uni-th align="center" width="90">产品ID</uni-th>
               <uni-th align="center" width="90">产品名称</uni-th>
               <uni-th align="center" width="90">产品代号</uni-th>
               <uni-th align="center" width="90">库位</uni-th>
               <uni-th align="center" width="70">数量</uni-th>
            </uni-tr>
            <uni-tr v-for="(item, index) in locDetlData" :key="index" @input="tabRender()">
               <uni-td align="center">{{item.matNo}}</uni-td>
               <uni-td align="center">{{item.matName}}</uni-td>
               <uni-td align="center">{{item.size}}</uni-td>
               <uni-td align="center">{{item.locNo}}</uni-td>
               <uni-td align="center">{{item.count}}</uni-td>
            </uni-tr>
         </uni-table>
			
      </view>
      <view style="height: 200rpx;">
          <!-- 空白层 -->
      </view>
      <view class="cu-bar foot justify-center input" style="height: 130rpx;">
         <view class="reset flex solid-bottom padding justify-center" >
            <button class="cu-btn bg-grey main-btn margin-xs" style="width: 400rpx;" @click="reset">重 置</button>
         </view>
      </view>
		
   </view>
</template>

@@ -21,19 +46,101 @@
         return {
            locNo:'',
            matNo:'',
            locDetlData:[],
            basePORT:'',
            msgType: '',
            messageText: '',
         }
      },
      mounted(){
         const UIP = uni.getStorageSync('UIP');
         this.baseIP = UIP;
         const UPORT = uni.getStorageSync('UPORT');
         this.basePORT = UPORT;
      },
      methods: {
         reset:function() {
            let that =this;
            let that = this;
            that.locNo = '';
            that.matNo = '';
            console.log(1)
            that.locDetlData = [];
         },
         messageToggle(type) {
            this.msgType = type
            this.messageText = '提取失败'
            this.$refs.message.open()
         },
         // 根据库位号查找库存明细
         findByLocNo(){
            if(this.locNo.length === 0){
               return;
            }
            this.matNo = ''
            this.find(this.locNo,this.matNo)
         },
         // 根据产品号查找库存明细
         findByMatNo(){
            if(this.matNo.length === 0){
               return;
            }
            this.locNo = '',
            this.find(this.locNo,this.matNo)
         },
         // find
         find(){
            let that = this
            uni.request({
               url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/mobile/locDetl/stockQuery",
               header:{
                  'content-type':'application/x-www-form-urlencoded',
                  'token':uni.getStorageSync('token')
               },
               data:{
                  locNo: that.locNo,
                  matNo: that.matNo,
               },
               method: 'POST',
               success(res) {
                  console.log(res)
                  if(res.data.code === 200) {
                     if(res.data.data != null) {
                        that.locDetlData = res.data.data
                     };
                  } else if (res.data.code ===403) {
                     uni.navigateBack({
                         delta: 1
                     })
                  } else {
                     console.log(1)
                     uni.showToast({
                        title: res.data.msg,
                        icon: 'error',
                        duration:  1500
                     });
							
                  }
               }
            })
         },
			
      }
   }
</script>

<style>

   /* .reset {
		
      position: absolute;
      width: 750upx;
      bottom: 280upx;
   } */
   .pda-btn1 {
      margin-left:260rpx;
      margin-right: auto;
      margin-top: 150rpx;
      width: 200rpx;
      height: 80rpx;
      font-size: 30upx;
      font-weight: bold;
   }
</style>