##

whycq

2022-02-15 8cb9e1850ae28a4a9a1041238dbed5461d418b46

 pages/basics/stockQuery.vue

@@ -2,14 +2,30 @@
   <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 class="margin-top">
         <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
               <uni-th width="90">产品ID</uni-th>
               <uni-th width="90">产品名称</uni-th>
               <uni-th width="90">库位</uni-th>
               <uni-th width="70">数量</uni-th>
            </uni-tr>
            <uni-tr v-for="(item, index) in locDetlData" :key="index" @input="tabRender()">
               <uni-td>{{item.matNo}}</uni-td>
               <uni-td>{{item.matName}}</uni-td>
               <uni-td>{{item.locNo}}</uni-td>
               <uni-td>{{item.count}}</uni-td>
            </uni-tr>
         </uni-table>
			
      </view>
      <view>
         <button class='cu-btn bg-yellow pda-btn'>搜索</button>
         <button class="cu-btn bg-grey pda-btn" @click="reset">重置</button>
      </view>
   </view>
@@ -21,15 +37,59 @@
         return {
            locNo:'',
            matNo:'',
            locDetlData:[],
         }
      },
      methods: {
         reset:function() {
            let that =this;
            let that = this;
            that.locNo = '';
            that.matNo = '';
            console.log(1)
         },
         // 根据库位号查找库存明细
         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.baseUrl + "/mobile/locDetl/stockQuery",
               header:{
                  'content-type':'application/x-www-form-urlencoded',
                  'token': localStorage.getItem('token')
               },
               data:{
                  locNo: that.locNo,
                  matNo: that.matNo,
               },
               method: 'POST',
               success(res) {
                  if(res.data.code === 200){
                     if(res.data.data != null){
                        that.locDetlData = res.data.data
                     } else if (res.data.code ===403){
								
                     } else {
								
                     }
                  }
               }
            })
         },
			
      }
   }
</script>