#

whycq

2022-06-21 9143091884149a5f74b2f26df99f37bb3ebb22d5

 pages/basics/stockQuery.vue

@@ -1,117 +1,59 @@
<template>
   <view>
      <view class="cu-form-group margin-top">
         <view class="title">库位</view>
         <input v-model="locNo" placeholder="库位编号" name="input" @input="findByLocNo()" focus></input>
      <!-- 搜索框 -->
      <view class="square-1">
         <view class="search-box">
            <view class="search-icon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view>
            <view class="search-area">
               <input type="text" placeholder=" 库位号 / 托盘码 / 商品编码 "></view>
            <view class="close-icon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view>
         </view>
      </view>
      <view class="cu-form-group margin-top">
         <view class="title">产品</view>
         <input v-model="matNo" placeholder="产品信息" name="input" @input="findByMatNo()"></input>
      <!-- 列表头 -->
      <view class="square-1">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>商品列表</text></view>
         </view>
      </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 class="reset">
         <button class="cu-btn bg-grey pda-btn1" @click="reset">重 置</button>
      <!-- 商品列表 -->
      <checkbox-group @change="checkbox">
         <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
            <view class="data-list-left">
               <view class="matnr"><text style="width: 400rpx;">编码：{{item.matnr}}</text></view>
               <view><text style="width: 400rpx;">品名：{{item.maktx}}</text></view>
               <view><text style="width: 400rpx;">批号：{{item.batch}}</text></view>
               <view>
                  <text style="width: 400rpx;">数量：{{item.anfme}}</text>
               </view>
            </view>
            <view class="data-list-right">
               <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label>
               <label><uni-icons type="trash" size="25" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label>
            </view>
         </view>
      </checkbox-group>
      <!-- 无数据显示 -->
      <view class="square-none"  v-show="matList.length === 0">
         <view class="v-show">暂无更多数据...</view>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
      data () {
         return {
            locNo:'',
            matNo:'',
            locDetlData:[],
            matList:[],
         }
      },
      mounted(){
         const UIP = uni.getStorageSync('UIP');
         this.baseIP = UIP
      },
      methods: {
         reset:function() {
            let that = this;
            that.locNo = '';
            that.matNo = '';
         checkbox: function () {
				
         },
         // 根据库位号查找库存明细
         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){
                        uni.navigateBack({
                            delta: 1
                        })
                     } else {
                        this.messageToggle('error')
                        this.messageText = res.data.msg
                     }
                  }
               }
            })
         },
			
      }
      },
   }
</script>

<style>
   .reset {
		
      position: absolute;
      width: 750upx;
      bottom: 80upx;
   }
   .pda-btn1 {
      display: flex;
      flex-direction:row;
      justify-content: center;
      width: 150upx;
   }
</style>
</style>