# 1. 添加自定义toast组件 2. 上架商品不显示问题修复 3. 播种库位订单绑定功能

skyouc

2025-01-13 736b2dcb48735b65701030901ed01fc5f0aed8c2

 pages/stock/orderBindSeed.vue

@@ -2,22 +2,37 @@
   <view>

      <view class="view-bg">
         <uni-section title="播种位" type="line" />
         <uni-data-select v-model="value" :localdata="range" @change="change" style="padding: 20rpx; height: 100rpx;background-color: white;">
         <uni-data-select v-model="siteNo" :localdata="range" @change="change" style="padding: 20rpx; height: 100rpx;background-color: white;">
         </uni-data-select>
      </view>
      <view class="view-bg">
         <uni-section title="订单" type="line" />
         <input maxlength="10" placeholder="PDA扫描站点标签" v-model="orderNo"/>
         <input placeholder="PDA扫描站点标签" v-model="orderNo"/>
      </view>
      <view class="view-bg">
         <uni-section title="容器" type="line" />
         <input maxlength="10" placeholder="PDA扫描托盘/料箱标签" v-model="barcode"/>
         <input maxlength="8" placeholder="PDA扫描托盘/料箱标签" v-model="barcode"/>
      </view>
      
      <view class="button-sp-buttom">
         <button class="btn-span" type="primary" @click="bindOrder">绑定</button>
         <button class="btn-span" type="primary" @click="bindOrder('bind')">绑定</button>
         <button class="btn-span" type="default">解绑</button>
      </view>

      </view>
      <template>
         <!-- 确认出库 -->
         <view>
            <uni-popup ref="combConfirm" type="dialog">
               <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确认" :title="title" :content="content"
                  @confirm="confirm" @close="combClose"></uni-popup-dialog>
            </uni-popup>
         </view>
         <view>
            <!-- 提示信息弹窗 -->
            <uni-popup ref="message" type="message">
               <uni-popup-message :type="msgType1" :message="messageText" :duration="2000"></uni-popup-message>
            </uni-popup>
         </view>
      </template>

   </view>

</template>



@@ -25,10 +40,14 @@
   export default {

      data() {

         return {

            value: 0,

            range: [],
            orderNo: '',
            barcode: ''

            barcode: '',
            msgType1: '',
            messageText: '',
            msgType: '',
            title: '',
            content: '',

         }

      },
      
@@ -41,6 +60,7 @@
      methods: {
         getSeedLocs() {
            let that = this
            toast.loading('加载中')
            uni.request({
               url: this.baseUrl +  '/pda/pick/seed/locs',
               header: {
@@ -53,12 +73,16 @@
                        let array = result.data
                        console.log(array)
                        that.range = array.map((item, index) => {
                           return {text: item.siteNo, value: item.id}
                           return {text: item.siteNo, value: item.siteNo}
                        })
                        console.log(that.range)   
                     }
                  }
               },
               complete() {
                  toast.hideLoading()
               }
					
            })
         },
         

@@ -66,39 +90,76 @@
            console.log("e:", e);

         },
         //绑定订单至播种墙
         bindOrder() {
         bindOrder(type) {
            let that = this
            if (this.barcode == undefined || this.barcode == '') {
               this.messageToggle('error', '拖盘码不能为空！！')
               return
            }
				
            if (this.orderNo == undefined || this.orderNo == '') {
               this.messageToggle('error', '订单编码不能为空！！')
               return
            }
				
            if (this.siteNo == undefined || this.siteNo == '') {
               this.messageToggle('error', '播种站点不能为空！！')
               return
            }
				
            if (type == undefined || type == null || type == null) {
               type = 'bind'
            }
            toast.loading('绑定中..')
            uni.request({
               url: that.baseUrl +  "/pda/pick/seed/bind",
               data: {barcode: that.barcode, orderNo: that.orderNo, siteNo: '', type: 'bind'},
               data: {barcode: that.barcode, orderNo: that.orderNo, siteNo: that.siteNo, type: type},
               method: 'POST',
               header: {
                  'token': uni.getStorageSync('token')
               },
               success(res) {
                  let result = res.data;
                  if (result.code === 200) {
							
                     toast.hideLoading()
                     this.messageToggle('success', '绑定成功！')
                  } else {
                     toast.hideLoading()
                     this.messageToggle('error', result.msg)
                  }
               },
               fail(res) {
                  toast.hideLoading()
                  this.messageToggle('error', '服务器错误')
						
               },
               complete() {
                  that.barcode = ''
                  that.orderNo = ''
                  that.siteNo = ''
               }
            })
         },
         //解绑 
         unbindOrder() {
            let that = this
            uni.request({
               url: that.baseUrl +  "/pda/pick/seed/bind",
               data: {barcode: that.barcode, orderNo: that.orderNo, siteNo: '', type: 'unbind'},
               header: {
                  'token': uni.getStorageSync('token')
               },
               success(res) {
                  let result = res.data;
                  if (result.code === 200) {
							
                  }
               }
            })
         }

            this.bindOrder('unbind')
         },
         //dialog弹框信息
         dialogToggle(type,title, msg) {
            this.msgType = type
            this.title = title
            this.content = msg
            this.$refs.combConfirm.open()
         },
			
         //消息弹框
         messageToggle(type, msg) {
            this.msgType1 = type
            if (msg != undefined || msg != null) {
               this.messageText = msg
            } 
            this.$refs.message.open()
         },

      }

   }

</script>