#

whycq

2022-02-26 5df158f54eb0c7e0e0ba79eb172aaba42735a221

 pages/basics/stockQuery.vue

@@ -2,15 +2,31 @@
   <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="产品ID" 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 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 class="reset">
         <button class="cu-btn bg-grey pda-btn1" @click="reset">重 置</button>
      </view>
   </view>
</template>
@@ -21,19 +37,82 @@
         return {
            locNo:'',
            matNo:'',
            locDetlData:[],
         }
      },
      mounted(){
         const UIP = uni.getStorageSync('UIP');
         this.baseIP = UIP
      },
      methods: {
         reset:function() {
            let that =this;
            let that = this;
            that.locNo = '';
            that.matNo = '';
            console.log(1)
            that.locDetlData = [];
         },
         // 根据库位号查找库存明细
         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.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) {
                  if(res.data.code === 200){
                     if(res.data.data != null){
                        that.locDetlData = res.data.data
                     } else if (res.data.code ===403){
								
                     } else {
								
                     }
                  }
               }
            })
         },
			
      }
   }
</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>