缓存入库逆向功能优化 组托功能优化

skyouc

14 小时以前 7e375c39a62b464a07511d011b9c5c245de5f5f4

 pages/mat/matSelected.vue

@@ -1,70 +1,148 @@
<template>
   <view>
      <view class="form">
      <view class="form" v-for="mat in mats">
         <!-- <view class="form-item">
            <view class="form-item-desc"><text>订单号</text></view>
            <view class="form-item-content"><text>{{mat.orderNo}}</text></view>
         </view> -->
         <view class="form-item">
            <view class="form-item-desc"><text>商品编码</text></view>
            <view class="form-item-content"><text>{{4561234}}</text></view>
            <view class="form-item-content"><text>{{mat.matnr}}</text></view>
         </view>
         <view class="form-item">
            <view class="form-item-desc"><text>商品名称</text></view>
            <view class="form-item-content"><text>{{"45681asda"}}</text></view>
            <view class="form-item-content" style="word-break: break-all;line-height: 1.5;">
               <text>{{mat.maktx}}</text>
            </view>
         </view>
         <view class="form-item">
            <view class="form-item-desc"><text>规格</text></view>
            <view class="form-item-content"><text>{{"45681asda"}}</text></view>
            <view class="form-item-content"><text>{{mat.specs}}</text></view>
         </view>
         <view class="form-item">
            <view class="form-item-desc"><text>批号</text></view>
            <view class="form-item-desc"><text>供应商代码</text></view>
            <view class="form-item-content">
               <view class="form-input">
                  <input type="text">
                  <input type="text" v-model="mat.standby1">
               </view>
            </view>
         </view>
         <view class="form-item">
            <view class="form-item-desc"><text>数量</text></view>
            <view class="form-item-content">
               <uni-number-box :max="99999999" :step='1' color="#747474" />
               <uni-number-box :value="mat.enableQty" :max="99999999" color="#747474" @change="changeValue" />
            </view>
         </view>
      </view>
      <!-- 底部操作按钮 -->
      <view class="buttom">
         <button size="mini" type="primary">提取</button>
         <button size="mini" type="primary" @click="back()">提取</button>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            mat: {
               matnr: null,
               maktx: null,
               specs: null,
               batch: null,
               anfme: 0,
            },
            selectNum: null,
            mats: [],
            baseIP: '',
            basePORT: '',
         }
      },
      onLoad(option) {
         let that = this
         // #ifdef APP-NVUE
         const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
         // #endif
         // #ifndef APP-NVUE
         const eventChannel = this.getOpenerEventChannel();
         // #endif

         // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
         eventChannel.on('mat', function(data) {
            that.mats = data.data
         })

         console.log(that.mats);
      },
      methods: {
         blur() {

         },
         focus() {

         },
         changeValue(value) {
            this.mats[0].anfme = value
            this.selectNum = value
         },
         back() {
            if (this.mats[0].anfme === 0) {
               uni.showToast({
                  title: '请输入数量',
                  icon: "none",
                  position: 'top'
               });
               return;
            }

            if (this.selectNum != null) {
               this.mats[0].anfme = this.selectNum
            } else {
               this.mats[0].anfme = this.mats[0].enableQty
            }
            this.getOpenerEventChannel().emit('matList', {
               data: this.mats[0]
            });
            uni.navigateBack({

            })
         }
      }
   }
</script>

<style>
   @import url('../../static/css/wms.css/wms.css');

   .form {
      min-height: 80rpx;
      background-color: #FFF;
      margin-top: 10px;
      color: #606266;
      box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2) ;
      box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
   }

   .form-item {
      height: 100rpx;
      line-height: 100rpx;
      min-height: 100rpx;
      line-height: 1;
      border-bottom: 1px solid #DCDFE6;
      margin-left: 40rpx;
      display: flex;
      align-items: center;
   }

   .form-item-desc {
      width: 30%;
   }

   .form-item-content {
      width: 60%;
   }
	

   .form-item:last-child {
      border: none;
   }

   .form-input {
      display: flex;
      align-items: center;
@@ -74,7 +152,8 @@
      border-bottom: 1px solid #E4E7ED;
      border-radius: 5rpx;
   }
   .form-input input{

   .form-input input {
      color: #606266;
   }
</style>