#

whycq

2022-03-04 3af3fe4338e97d52e7811bad2689c71c7a4acdc4

 pages/basics/stockQuery.vue

@@ -2,16 +2,38 @@
   <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 style="height: 200rpx;">
          <!-- 空白层 -->
      </view>
      <view class="cu-bar foot justify-center input">
         <view class="reset flex solid-bottom padding justify-center" >
            <button class="cu-btn bg-grey lg margin-xs" style="width: 400rpx;" @click="reset">重 置</button>
         </view>
      </view>
		
   </view>
</template>

@@ -21,19 +43,85 @@
         return {
            locNo:'',
            matNo:'',
            locDetlData:[],
            basePORT:'',
         }
      },
      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 = [];
         },
         // 根据库位号查找库存明细
         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) {
                  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>