###
whycq
2022-02-15 d5a6b28258858c9359ee81a235030100f25e6a4c
pages/basics/comb.vue
@@ -3,7 +3,7 @@
      <form>
         <view class="cu-form-group margin-top">
            <view class="title">托盘码</view>
            <input v-model="code" placeholder="扫码 / 输入" name="input" @input="findCode" focus>
            <input v-model="code" placeholder="扫码 / 输入" name="input" @input="findCode()" focus>
            <button v-model="matBtn" class="cu-btn bg-yellow" @click="toggle('right')"><text>+提取</text></button>
            
         </view>
@@ -11,20 +11,20 @@
      <view class="margin-top">
         <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
               <uni-th>数量</uni-th>
               <uni-th>产品代号</uni-th>
               <uni-th>产品名称</uni-th>
               <uni-th width="50">数量</uni-th>
               <uni-th width="100">产品ID</uni-th>
               <uni-th width="100">产品名称</uni-th>
            </uni-tr>
            <uni-tr>
               <uni-td>1121</uni-td>
               <uni-td>1121</uni-td>
               <uni-td>1121</uni-td>
            <uni-tr v-for="(item, index) in matData" :key="index" @input="tabRender()">
               <uni-td>{{item.count}}</uni-td>
               <uni-td>{{item.matNo}}</uni-td>
               <uni-td>{{item.matName}}</uni-td>
            </uni-tr>
         </uni-table>
         
      </view>
      <view>
         <button class="cu-btn bg-yellow pda-btn">组托</button>
         <button class="cu-btn bg-yellow pda-btn" @click="comb()">组托</button>
         <button class="cu-btn bg-grey pda-btn" @click="reset">重置</button>
      </view>
      <view>
@@ -36,7 +36,7 @@
                  </view>
                  <view class="cu-form-group margin-top">
                     <text class="title">产品ID</text>
                     <input type="text" v-model="matNo" placeholder="扫码 / 输入" name="input" autocomplete="off" focus @input="find">
                     <input type="text" v-model="matNo" placeholder="扫码 / 输入" name="input" autocomplete="off" focus @input="find()">
                  </view>
                  <view class="cu-form-group margin-top">
                     <text class="title">产品名称</text>
@@ -55,13 +55,14 @@
                     <uni-number-box @change="countDom" v-model="count" />
                  </view>
                  <button class="cu-btn bg-yellow pda-btn2" @click="confirm">提取</button>
                  <view>
                     <!-- 提示信息弹窗 -->
                     <uni-popup ref="message" type="message">
                        <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
                     </uni-popup>
                  </view>
            </view>
         </uni-popup>
      </view>
      <view>
         <!-- 提示信息弹窗 -->
         <uni-popup ref="message" type="message">
            <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
         </uni-popup>
      </view>
   </view>
@@ -89,12 +90,11 @@
         }
      },
      methods: {
         reset:function() {
         reset() {
            let that =this;
            that.code = '';
         },
         idid(){
            alert(1)
            that.matData=[];
         },
         toggle(type) {
            this.type = type
@@ -104,7 +104,7 @@
         countDom(value) {
            
         },
         findCode(){ // 托盘码 超过8位
         findCode(){ //  查询托盘码 超过8位
            let that = this;
            if(that.code.length === 8){
               that.toggle('right')
@@ -113,25 +113,26 @@
         // 根据产品代号查询产品详情
         find(){
            let that = this
            // if(isEmpty(that.matNo)){
            //    return;
            // } isEmpty 未定义
            let thatId = that.matNo
            if(that.matNo.length===0){
               return;
            }
            console.log('http://'+ that.baseUrl + ':8082/xgmwms' + "/matCode/auth")
            uni.request({
               url:that.baseUrl+"/matCode/auth",
               url: that.baseUrl + "/matCode/auth",
               header:{
                  'content-type':'application/x-www-form-urlencoded',
                  'token':localStorage.getItem('token'),
               },
                  'token':uni.getStorageSync('token')
                  },
               data:{
                  id:thatId
               },
               method:'POST',
               success:function(res){
                  console.log(res)
                  let data = res.data.data
                  if(res.data.code === 200){
                     if(data != null){
                        that.matName = data.matName
@@ -155,20 +156,18 @@
               matName:that.matName,
               count:that.count
            }
            that.addTbaleData(data)
            that.addTableData(data)
            
         },
         addTbaleData(data){
         // 添加表格数据
         addTableData(data){
            if(data.matName===''){
               this.messageToggle('error')
               return
            }
            
            this.$refs.popup.close()
            for(var i=0;i<this.matData.length;i++){
               console.log(data)
               console.log(this.data)
            for(var i=0;i<this.matData.length;i++){
               if(data.matNo === this.matData[i].matNo){
                  this.matData[i].count = Number(this.matData[i].count) + Number(data.count);
                     this.toPush  = false;
@@ -178,15 +177,76 @@
               this.matData.push(data)
            }
            this.messageToggle('success')
            this.messageText = '提取成功'
            this.matName=''
            this.matNo=''
            this.specs=''
            this.count='0'
            this.tabRender()
         },
         
         messageToggle(type) {
            this.msgType = type
            this.messageText = `提取失败`
            this.messageText = '提取失败'
            this.$refs.message.open()
         },
         // 表格渲染
         tabRender(){
         },
         // 组托
         comb(){
            let that = this
            let barcode = that.code
            if(barcode.length === 0){
               console.log(1)
               that.messageToggle('error')
               that.messageText = '托盘条码为空'
               return;
            }
            if(barcode.length !== 8){
               that.messageToggle('error')
               that.messageText = '条码必须为8位'
               return;
            }
            if (that.matData.length === 0) {
                that.messageToggle('error')
                that.messageText = '请提取产品'
                return;
            }
            uni.request({
               url: that.baseUrl + "/mobile/comb/auth",
               header:{
                  // #ifdef H5
                  'token':uni.getStorageSync('token')
                  // #endif
                  // #ifdef APP-PLUS
                  'token': uni.getStorageSync('token')
                  // Authorization:uni.getStorageSync('token')
                  // #endif
                  },
               data:{
                  barcode:barcode,
                  combMats:that.matData
               },
               method:'POST',
               success:function(res){
                  console.log(res)
                  if(res.data.code===200){
                     that.reset()
                     that.messageToggle('success')
                     that.messageText = '组托成功'
                  }else if(res.data.data===403){
                  }else {
                  }
               }
            })
         }
      }
   }
</script>