#

zjj

2024-08-21 54fce333aae7d6f596616a6eb5e65c27c28a9994

 pages/basics/piking.vue

@@ -1,7 +1,7 @@
<template>
   <view>
      <scroll-view scroll-y>
         <view class="pak-seach-box">
         <!-- <view class="pak-seach-box">
            <view class="box-top">
               <view class="color-block-blue"></view>
               <text class="title">选择站台</text>
@@ -12,7 +12,7 @@
                  <uni-combox @input="getCheckDetl" emptyTips="暂无数据" :candidates="staNoList" v-model="staNo" placeholder="请选择"></uni-combox>
               </view>
            </view>
         </view>
         </view> -->
         
         <view class="square-2">
            <view class="square-title">
@@ -21,7 +21,7 @@
            </view>
            <view class="square-content">
               <view class="content-input">
                  <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="8"placeholder-style="line-height:  85rpx;">
                  <input v-model="barcode" @input="search" type="text" placeholder="扫码 / 输入" maxlength="8"placeholder-style="line-height:  85rpx;">
                  <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode" ></uni-icons>
               </view>
            </view>
@@ -40,10 +40,13 @@
            <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.specs}}</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.cstmr}}</text></view>
                  <view>
                     <text style="width: 400rpx;">数量：{{item.anfme}}</text>
                     <text style="width: 400rpx;">备注：{{item.memo}}</text>
                     <text style="width: 400rpx;margin-left: 100rpx">数量：{{item.anfme}}</text>
                  </view>
               </view>
               <view class="data-list-right">
@@ -57,26 +60,28 @@
               <button class="cu-btn lg" @click="resst()">重置</button>
            </view>
            <view>
               <button class="cu-btn lg pakin-btn bg-blue" @click="adjust()">转全板出库</button>
               <button class="cu-btn lg pakin-btn bg-blue" @click="pickingToFull()">转全板出库</button>
            </view>
         </view>
      </scroll-view>
      
      <view>
         <!-- 修改数量 -->
         <uni-popup ref="revise" background-color="#fff" @change="change">
         <uni-popup ref="revise" @change="change">
            <view class="revise-box">
               <view class="revise-box-top">
                  <view class="color-block-blue"></view>
                  <text class="title">修改</text>
               </view>
               <view class="text-box">
                  <text>可组数量：{{enableQty}}</text>
               </view>
               <view class="changeBox">
                  <view class="num-box">
                     <uni-number-box v-model="count" :min="minCount" :max="maxCount" color="#747474"  @change="changeValue"/>
                  </view> 
               <view class="change">
                  <view class="text-box">
                     <text>数量：{{enableQty}}</text>
                  </view>
                  <view class="changeBox">
                     <view class="num-box">
                        <uni-number-box v-model="count" :min="minCount" :max="maxCount" color="#747474"  @change="changeValue"/>
                     </view> 
                  </view>
               </view>
               <view class="revise-box-buttom">
                  <view>
@@ -94,7 +99,7 @@
      data() {
         return {
            commonUrl:null,
            matList:[{}],
            matList:[],
            staNoList:[],
            barcode: '',
            staNo:'',
@@ -120,6 +125,66 @@
         // 获取url
         getUrl() {
            this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePORT + "/" +this.baseUrl
         },
         // 根据托盘码搜索
         search() {
            let that = this
            uni.request({
               url: that.commonUrl + '/mobile/piking/auth',
               header: {
                  'token':uni.getStorageSync('token')
               },
               data: {barcode: that.barcode},
               method:'GET',
               success(result) {
                  let res = result.data
                  if(res.code === 200){
                     for(var i = 0; i < res.data.length;i++){
                        that.matList.push(res.data[i])
                     }
                  } else if (res.code == 403) {
                     uni.showToast({title: res.msg, icon: "none", position: 'top'})
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else {
                     uni.showToast({title: res.msg, icon: "none",position: 'top'})
                  }
               }
					
            })
         },
         // 转全板出库
         pickingToFull() {
            console.log(this.barcode);
            let that = this
            uni.request({
               url: that.commonUrl + '/mobile/piking/to/full',
               header: {
                  'token':uni.getStorageSync('token')
               },
               data: {barcode: that.barcode},
               method: 'GET',
               success(result){
                  let res = result.data
                  if (res.code === 200) {
                     uni.showToast({title: res.msg, icon: "none", position: 'top'})
                     that.matList = []
                     that.barcode = ''
                  } else if (res.code == 403) {
                     uni.showToast({title: res.msg, icon: "none", position: 'top'})
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else {
                     uni.showToast({title: res.msg, icon: "none",position: 'top'})
                  }
               }
            })
         },
         getOutBound() {         // 获取出库口
            let that = this
@@ -259,7 +324,7 @@
         },
         resst() {
            this.matList = []
            this.staNo = ''
            this.barcode = ''
         },
         adjust() {
            let that = this
@@ -297,6 +362,25 @@
   } // exprot
</script>
<style>
   .revise-box {
      width: 500rpx;
      height: 300rpx;
      display: flex;
      flex-direction: column;
      border-radius: 20rpx;
      background-color: #fff;
   }
   .change {
      height: 150rpx;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .revise-box-buttom {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .pak-seach-box {
      background-color: #FFFFFF;
      margin: 15rpx 15rpx 0rpx 15rpx;
@@ -373,38 +457,31 @@
      background-color: #ebebeb;
   }
   .data-list {
      border-bottom: 1px solid #d8d8d8;
      height: 180rpx;
      min-height: 250rpx;
      margin: 15rpx;
      border-radius: 20rpx;
      display: flex;
   }
   .data-list:first-child {
      margin-top: 20rpx;
   }
   .data-list:last-child {
      margin-bottom: 160rpx;
      margin-bottom: 180rpx;
   }
   .data-list-left {
      display: inline-block;
      float: left;
      margin-left: 6%;
      height: 180rpx;
      color: #676767;
      max-width: 450rpx;
   }
   .matnr {
      padding-top: 10rpx;
   }
   .data-list-right {
      display: inline-block;
      float: right;
      width: 200rpx;
      height: 180rpx;
      line-height: 180rpx;
      display: flex;
      justify-content: space-around;
      align-items: center;
   }
   .data-list-right label {
      display: inline-block;
      float: left;
      width: 100rpx;
      height: 180rpx;
   }
</style>