| | |
| | | <template> |
| | | <view> |
| | | <view class="code"> |
| | | <!-- <view class="combox"> |
| | | <view style="flex: 1;"><uni-combox :candidates="orderNoList" placeholder="请选择订单" v-model="orderNo" |
| | | @input="getOrderDet"></uni-combox></view> |
| | | <view style="width: 80px;display: flex;align-items: center;justify-content: center;"><button size="mini" |
| | | type="primary" @click="findOrder()">检索</button></view> |
| | | </view> --> |
| | | <view class="item"> |
| | | <view class="code-decs">订单号:</view> |
| | | <view style="flex: 1;"> |
| | | <input type="text" placeholder=" 扫码 / 输入" v-model="orderNo" :focus="orderNoFocus" @input="findOrder()"> |
| | | <input type="text" placeholder=" 扫码 / 输入" v-model="orderNo" :focus="orderNoFocus" |
| | | @input="findOrder()"> |
| | | </view> |
| | | <view style="height:100%;line-height:2;width:40rpx;margin-right: 20rpx;"> |
| | | <uni-icons type="clear" color="#c1c1c1" @click="clearOrderNo()"></uni-icons> |
| | |
| | | @input="barcodeInput()"> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="code-decs">仓库:</view> |
| | | <uni-combox :candidates="floorList" placeholder="请选择仓库" v-model="floor"></uni-combox> |
| | | </view> |
| | | <!-- <view class="item"> |
| | | <view class="code-decs">物料码:</view> |
| | | <input type="text" placeholder=" 扫码 / 输入" v-model="matnr" :focus="matFocus" @input="findMat()"> |
| | | <view class="item-right"> |
| | |
| | | <text style="text-align: right;color: #409EFF;" @click="selectMat()">提取+</text> |
| | | <uni-icons type="right" color="#c1c1c1"></uni-icons> |
| | | </view> |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | <view class="mat-list-title"> |
| | | <!-- <view class="mat-list-title"> |
| | | 商品列表 |
| | | </view> |
| | | </view> --> |
| | | <scroll-view> |
| | | <view class="list" v-for="(item,i) in dataList" :key="i"> |
| | | <view class="list-left"> |
| | | <view class="list-left-item"> |
| | | <!-- <view class="list-left-item"> |
| | | <view class="desc">No:</view> |
| | | <view class="left-item">{{i + 1}}</view> |
| | | </view> |
| | | </view> --> |
| | | <view class="list-left-item"> |
| | | <view class="desc">编码:</view> |
| | | <view class="left-item"> |
| | |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | |
| | | <!-- 底部操作按钮 --> |
| | | <view class="buttom"> |
| | | <button size="mini" @click="reset('warn')">重置</button> |
| | | <view class="buttom">、 |
| | | <button size="mini" type="primary" @click="combConfirm('warn')">组托</button> |
| | | <button size="mini" @click="reset()">重置</button> |
| | | <button size="mini" type="primary" @click="combConfirmAndFillEmptyPallets('warn')">组托并补空托盘</button> |
| | | </view> |
| | | <!-- 弹窗 --> |
| | | <!-- 修改数量 --> |
| | |
| | | </view> |
| | | <view class="popup-item"> |
| | | <view class="popup-item-left">批号:</view> |
| | | <view class="popup-item-right"><input type="text" v-model="batch"></view> |
| | | <view class="popup-item-right"><input type="text" disabled="true" v-model="batch" |
| | | style="background-color: #f7f7f7;padding: 0;color: #d5d5d5;"></view> |
| | | </view> |
| | | <!-- <view class="popup-item"> |
| | | <view class="popup-item-left">重量:</view> |
| | |
| | | <view class="popup-item"> |
| | | <view class="popup-item-left">数量:</view> |
| | | <view class="popup-item-right" style="border: none;justify-content: center;"> |
| | | <uni-number-box :value="count" :step='0.01' :max="9999999" color="#747474" @change="changeValue" /> |
| | | <uni-number-box :value="count" :step='1' :max="9999999" color="#747474" |
| | | @change="changeValue" /> |
| | | </view> |
| | | </view> |
| | | <view class="btn"> |
| | |
| | | @confirm="comb" @close="combClose"></uni-popup-dialog> |
| | | </uni-popup> |
| | | </view> |
| | | <view> |
| | | <uni-popup ref="combConfirmAndFillEmptyPallets" type="dialog"> |
| | | <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确认" :title="title" :content="content" |
| | | @confirm="combAndFillEmptyPallets" @close="combClose"></uni-popup-dialog> |
| | | </uni-popup> |
| | | </view> |
| | | |
| | | <!-- 确认重置 --> |
| | | <view> |
| | | <uni-popup ref="resetConfirm" type="dialog"> |
| | |
| | | baseUrl: '', |
| | | token: '', |
| | | barcode: '', |
| | | orderNoList: [], |
| | | orderNo: '', |
| | | dataList: [], |
| | | count: 0, |
| | |
| | | matFocus: false, |
| | | matData: '', |
| | | removeNum: 0, |
| | | floorList: [], |
| | | floor: '', |
| | | enterCount: 0 |
| | | } |
| | | }, |
| | |
| | | onShow() { |
| | | this.baseUrl = uni.getStorageSync('baseUrl'); |
| | | this.token = uni.getStorageSync('token'); |
| | | this.getSite(); |
| | | this.getOrderDet(); |
| | | }, |
| | | methods: { |
| | | getOrderDet() { |
| | | let _this = this |
| | | // if (_this.orderNo.length == 0) { |
| | | // _this.orderList = [] |
| | | // _this.orderNoList = [] |
| | | // return |
| | | // } |
| | | uni.request({ |
| | | url: `${_this.baseUrl}/mobile/getOrderNo/auth?orderNo=` + _this.orderNo, |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | method: 'GET', |
| | | success(res) { |
| | | res = res.data |
| | | if (res.code == 200) { |
| | | _this.orderNoList = res.data |
| | | } else if (res.code == 403) { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "error", |
| | | position: 'center' |
| | | }) |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "error", |
| | | position: 'center' |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | //获取仓库 |
| | | getSite() { |
| | | let that = this |
| | | uni.request({ |
| | | url: that.baseUrl + '/mobile/ck', |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | method: 'POST', |
| | | success(res) { |
| | | res = res.data |
| | | console.log(res) |
| | | if (res.code === 200) { |
| | | that.floorList = res.data |
| | | } else if (res.code == 403) { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | findOrder() { |
| | | let _this = this |
| | | uni.request({ |
| | | url: _this.baseUrl + '/mobile/order/search/orderNo/auth', |
| | | data: {orderNo: _this.orderNo}, |
| | | header: { 'token':uni.getStorageSync('token') }, |
| | | data: { |
| | | orderNo: _this.orderNo |
| | | }, |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | success(res) { |
| | | res = res.data |
| | | console.log(res); |
| | |
| | | }, |
| | | checkMat(mat) { |
| | | var len = this.dataList.length |
| | | var add = true ,sameItem = false |
| | | var add = true, |
| | | sameItem = false |
| | | for (var i = 0; i < len; i++) { |
| | | if (mat.matnr == this.dataList[i].matnr) { |
| | | for (var j = 0; j < len; j++) { |
| | |
| | | if (add) { |
| | | this.dataList.unshift(mat) |
| | | } |
| | | }, |
| | | |
| | | //组托并补空托盘 |
| | | combAndFillEmptyPallets() { |
| | | uni.vibrateShort(); |
| | | let that = this; |
| | | if (that.barcode === '') { |
| | | this.messageText = "请扫描托盘条码" |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | | if (that.dataList.length === 0) { |
| | | this.messageText = "请添加商品列表" |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | | if (that.floor === '') { |
| | | this.messageText = "请选择仓库" |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | | for (var i = 0; i < that.dataList.length; i++) { |
| | | if (that.dataList[i].anfme == 0 || that.dataList[i].anfme == '') { |
| | | this.messageText = that.dataList[i].matnr + '组托数量不能为0' |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | | } |
| | | uni.request({ |
| | | url: that.baseUrl + '/mobile/comb/auth', |
| | | data: JSON.stringify({ |
| | | beBatch : 1, |
| | | barcodeSize : this.fullPlt, |
| | | rsta: that.rsta, |
| | | barcode: that.barcode, |
| | | combMats: that.dataList |
| | | }), |
| | | method: 'POST', |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | success(result) { |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | that.resst(); |
| | | that.messageText = "组托成功" |
| | | that.messageToggle('success') |
| | | const innerAudioContext = uni.createInnerAudioContext(); |
| | | innerAudioContext.src = '/static/music/pakinOk.mp3'; |
| | | innerAudioContext.play() |
| | | } else if (res.code == 403) { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | // 修改批号 |
| | | revise(item, i) { |
| | |
| | | combClose() { |
| | | this.$refs.combConfirm.close() |
| | | }, |
| | | combConfirmAndFillEmptyPallets(type) { |
| | | this.msgType = type |
| | | this.title = '警告' |
| | | this.content = '是否现在组托并补空板!' |
| | | this.$refs.combConfirmAndFillEmptyPallets.open() |
| | | }, |
| | | comb() { |
| | | uni.vibrateShort(); |
| | | let that = this; |
| | |
| | | } |
| | | if (that.barcode === '') { |
| | | this.messageText = "请扫描托盘条码" |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | | if (that.floor === '') { |
| | | this.messageText = "请选择仓库" |
| | | this.messageToggle('error') |
| | | return; |
| | | } |
| | |
| | | data: JSON.stringify({ |
| | | orderNo: that.orderNo, |
| | | barcode: that.barcode, |
| | | combMats: that.dataList |
| | | combMats: that.dataList, |
| | | ck: that.floor, |
| | | }), |
| | | method: 'POST', |
| | | header: { |
| | |
| | | this.dataList = [] |
| | | this.messageText = "重置完成" |
| | | this.messageToggle('success') |
| | | this.orderNo = '' |
| | | this.barcode = '' |
| | | this.floor = '' |
| | | }, |
| | | // 取消重置 |
| | | resetClose() { |
| | |
| | | this.barcode = '' |
| | | let that = this; |
| | | that.orderNoFocus = false; |
| | | setTimeout(() => { |
| | | that.orderNo = ''; |
| | | that.orderNoFocus = true; |
| | | }, 100); |
| | | |
| | | }, |
| | | } |
| | | } |
| | |
| | | <style> |
| | | @import url('../../static/css/wms.css/wms.css'); |
| | | |
| | | |
| | | .code { |
| | | width: 100%; |
| | | position: fixed; |
| | | min-height: 210rpx; |
| | | min-height: 300rpx; |
| | | background-color: #FFF; |
| | | z-index: 10; |
| | | } |
| | | |
| | | |
| | | .combox { |
| | | background-color: white; |
| | | padding: 8px; |
| | | display: flex; |
| | | } |
| | | |
| | | .item { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 70rpx; |
| | | height: 75rpx; |
| | | margin-left: 20rpx; |
| | | border-bottom: 1px solid #DCDFE6; |
| | | } |
| | |
| | | width: 100%; |
| | | background-color: white; |
| | | position: fixed; |
| | | margin-top: 200rpx; |
| | | margin-top: 250rpx; |
| | | z-index: 9; |
| | | /* border-top: 1px solid #DCDFE6; */ |
| | | text-align: center; |