| | |
| | | <template> |
| | | <view > |
| | | <scroll-view scroll-y catch:touchmove="touchmove"> |
| | | <view class="pak-seach-box"> |
| | | <view class="square-2"> |
| | | <view class="square-title"> |
| | | <view class="title-sign"><view class="sign"></view></view> |
| | | <view class="title-text"><text>托盘条码</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="8" |
| | | :focus="barcodeFocus" @focus="focuss"> |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- <view class="pak-seach-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">托盘条码</text> |
| | | </view> |
| | | <view class="box-buttom"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="8"> |
| | | <view class="search-icon"> |
| | | <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeBarcode()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | |
| | | <view class="square-2"> |
| | | <view class="square-title"> |
| | | <view class="title-sign"><view class="sign"></view></view> |
| | | <view class="title-text"><text>单据编号</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input"> |
| | | <input v-model="order" type="text" placeholder="扫码 / 输入" @input="findOrder()" |
| | | :focus="focus" @focus="focuss"> |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeOrder()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="pak-seach-box"> |
| | | |
| | | <!-- <view class="pak-seach-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">单据编号</text> |
| | | </view> |
| | | <view class="box-buttom"> |
| | | <input v-model="orderNo" type="text" placeholder="扫码 / 输入" @input="findOrder()"> |
| | | <input v-model="order" type="text" placeholder="扫码 / 输入" @input="findOrder()"> |
| | | <view class="search-icon"> |
| | | <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeOrderNo()"></uni-icons> |
| | | <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeOrder()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | <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="pak-data-box"> |
| | | <view class="square-none" v-show="orderList.length === 0"> |
| | | <view class="v-show">暂无更多数据...</view> |
| | | </view> |
| | | |
| | | <!-- <view class="pak-data-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">商品列表</text> |
| | |
| | | </view> |
| | | <view class="pak-data-box" v-show="orderList.length === 0"> |
| | | <view style="text-align: center;">暂无更多数据</view> |
| | | </view> |
| | | </view> --> |
| | | <checkbox-group> |
| | | <view v-for="(item,index) in orderList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > |
| | | <view class="data-list-left"> |
| | |
| | | </view> |
| | | <view> |
| | | <!-- 修改数量 --> |
| | | <uni-popup ref="revise" background-color="#F1F1F1" @change="change"> |
| | | <uni-popup ref="revise" background-color="#fff" @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"> |
| | |
| | | data() { |
| | | return { |
| | | barcode: '', |
| | | barcodeFocus:true, |
| | | focus:false, |
| | | type: 'center', |
| | | searchBox: 'hide', |
| | | pick:'hide', |
| | | order:null, |
| | | orderNo:null, |
| | | orderList:[], |
| | | result: '', |
| | |
| | | minCount:0, |
| | | maxCount:'', |
| | | rowNum:'', |
| | | enableQty:'', |
| | | |
| | | } |
| | | }, |
| | | mounted(){ |
| | |
| | | this.basePORT = UPORT |
| | | }, |
| | | methods: { |
| | | focuss() { |
| | | uni.hideKeyboard() |
| | | }, |
| | | resst() { |
| | | this.orderList = [] |
| | | this.barcode = '' |
| | | this.orderNo = '' |
| | | this.order = '' |
| | | uni.vibrateShort(); |
| | | }, |
| | | removeBarcode() { |
| | | this.barcode = '' |
| | | uni.vibrateShort(); |
| | | this.barcodeFocus = false; |
| | | this.$nextTick(function() { |
| | | this.barcodeFocus = true; |
| | | }); |
| | | }, |
| | | removeOrderNo() { |
| | | this.orderNo = '' |
| | | removeOrder() { |
| | | this.order = '' |
| | | uni.vibrateShort(); |
| | | this.focus = false; |
| | | this.$nextTick(function() { |
| | | this.focus = true; |
| | | }); |
| | | }, |
| | | eject(type) { |
| | | this.type = type |
| | | // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性 |
| | | this.$refs.revise.open(type) |
| | | }, |
| | | initAnfme() { |
| | | |
| | | for (var i = 0; i < this.orderList.length; i++) { |
| | | this.orderList[i].anfme = 0 |
| | | } |
| | | uni.hideLoading(); |
| | | }, |
| | | revise(item,index) { |
| | | var maxCount = this.orderList[index].maxCount |
| | | if (maxCount == undefined ) { |
| | | this.orderList[index]["maxCount"] = item.anfme |
| | | this.orderList[index]["maxCount"] = item.enableQty |
| | | } |
| | | this.enableQty = item.enableQty |
| | | this.count = this.minCount |
| | | this.maxCount = item.maxCount |
| | | this.rowNum = index |
| | |
| | | uni.showToast({title: '请扫描托盘条码', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | if (that.barcode.length !== 8) { |
| | | uni.showToast({title: '托盘码必须为8位', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | if (that.orderList.length === 0) { |
| | | uni.showToast({title: '请添加商品列表', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | for (var i = 0; i < that.orderList.length; i++) { |
| | | if (that.orderList[i].anfme === 0) { |
| | | uni.showToast({title: '商品组托数量为0不能组托', icon: "none", position: 'top'}); |
| | | return; |
| | | } |
| | | } |
| | | uni.showLoading(); |
| | | uni.request({ |
| | | url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mobile/comb/auth', |
| | | data: JSON.stringify({ |
| | | orderNo: that.orderNo, |
| | | barcode: that.barcode, |
| | | combMats: that.orderList |
| | | }), |
| | |
| | | position: 'bottom', |
| | | duration: 1000 |
| | | }); |
| | | that.barcode = '' |
| | | that.orderNo = '' |
| | | that.order = '' |
| | | that.orderList = [] |
| | | } else if (res.code == 403) { |
| | | uni.showToast({title: res.msg, icon: "none", position: 'top'}) |
| | | setTimeout(() => { |
| | |
| | | uni.request({ |
| | | url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mobile/order/search/orderNo/auth', |
| | | data: { |
| | | orderNo: that.orderNo |
| | | orderNo: that.order |
| | | }, |
| | | header: { |
| | | 'token':uni.getStorageSync('token') |
| | | }, |
| | | success(result) { |
| | | let res = result.data |
| | | if (res.code === 200 && res.data) { |
| | | that.orderList = res.data |
| | | if (res.code === 200) { |
| | | if(res.data) { |
| | | uni.showLoading(); |
| | | that.orderList = res.data; |
| | | that.orderNo = that.order |
| | | that.initAnfme() |
| | | console.log(that.orderList) |
| | | } |
| | | } else if (res.code == 403) { |
| | | uni.showToast({title: res.msg, icon: "none", position: 'top'}) |
| | | setTimeout(() => { |
| | |
| | | margin-top: 20rpx; |
| | | } |
| | | .data-list:last-child { |
| | | margin-bottom: 120rpx; |
| | | margin-bottom: 160rpx; |
| | | } |
| | | /* .data-list-left { |
| | | display: inline-block; |
| | |
| | | } |
| | | .revise-box { |
| | | width: 500rpx; |
| | | height: 360rpx; |
| | | height: 500rpx; |
| | | } |
| | | .revise-box-top { |
| | | width: 100%; |
| | |
| | | } |
| | | .changeBox { |
| | | width: 100%; |
| | | height: 120rpx; |
| | | line-height: 150rpx; |
| | | height: 100rpx; |
| | | line-height: 120rpx; |
| | | text-align: center; |
| | | background-color: #FFFFFF; |
| | | background-color: #FFF; |
| | | margin-top: 20rpx; |
| | | border-bottom: 1px solid #e3e3e3; |
| | | } |
| | | .text-box { |
| | | width: 100%; |
| | | height: 100rpx; |
| | | line-height: 120rpx; |
| | | text-align: center; |
| | | /* padding-left: 120rpx; */ |
| | | background-color: #FFF; |
| | | margin-top: 20rpx; |
| | | border-bottom: 1px solid #e3e3e3; |
| | | } |
| | | .changeBox .num-box { |
| | | display: inline-block; |
| | | display: inline-block; |
| | | } |
| | | .revise-box-buttom { |
| | | position: absolute; |