New file |
| | |
| | | <template> |
| | | <view> |
| | | <view class="code"> |
| | | <view class="item"> |
| | | <input type="text" placeholder=" 扫码 / 输入 订单号" v-model="orderNo" :focus="orderNoFocus" |
| | | @input="findOrder()"> |
| | | </view> |
| | | <view class="item"> |
| | | <input type="text" placeholder=" 扫码 / 输入 料箱码" v-model="barcode" :focus="barcodeFocus" |
| | | @input="barcodeInput()"> |
| | | </view> |
| | | <view class="item"> |
| | | <input type="text" placeholder=" 扫码 / 输入 暂存位" v-model="stationCode" :focus="stationCodeFocus" |
| | | @input="stationCodeInput()"> |
| | | </view> |
| | | </view> |
| | | <view class="mat-list-title"> |
| | | 商品列表 |
| | | </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="desc">No:</view> |
| | | <view class="left-item">{{i + 1}}</view> |
| | | </view> |
| | | <!-- <view class="list-left-item"> |
| | | <view class="desc">箱码:</view> |
| | | <view class="left-item"> |
| | | <input type="text" v-model="item.containerCode"> |
| | | <uni-tag :text="item.containerCode" type="primary"></uni-tag> |
| | | </view> |
| | | </view> --> |
| | | <view class="list-left-item"> |
| | | <view class="desc">编码:</view> |
| | | <view class="left-item"> |
| | | <uni-tag :text="item.matnr" type="primary"></uni-tag> |
| | | </view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">品名:</view> |
| | | <view class="left-item">{{item.maktx}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">规格:</view> |
| | | <view class="left-item">{{item.specs}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">批号:</view> |
| | | <view class="left-item"> |
| | | <uni-tag :text="item.batch" type="warning"></uni-tag> |
| | | </view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">数量:</view> |
| | | <view class="left-item">{{item.anfme}}</view> |
| | | </view> |
| | | </view> |
| | | <view class="list-right"> |
| | | <uni-icons type="compose" color="#9add8b" size="24" @click="revise(item,i)"></uni-icons> |
| | | <uni-icons type="trash" color="#f58a8a" size="24" @click="remove(item,i,'warn')"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <!-- 底部操作按钮 --> |
| | | <view class="buttom"> |
| | | <button size="mini" @click="reset('warn')">重置</button> |
| | | <button size="mini" type="primary" @click="agvStart('warn')">启动入库</button> |
| | | <button size="mini" type="primary" @click="combConfirm('warn')">组托</button> |
| | | </view> |
| | | <!-- 弹窗 --> |
| | | <!-- 修改数量 --> |
| | | <view> |
| | | <uni-popup ref="revise" type="dialog"> |
| | | <view class="popup"> |
| | | <!-- 标题 --> |
| | | <view class="title">修改</view> |
| | | <view class="popup-item"> |
| | | <view class="popup-item-left">编码:</view> |
| | | <view class="popup-item-right"> |
| | | <input type="text" v-model="matnr" disabled="true" |
| | | style="background-color: #f7f7f7;padding: 0;color: #d5d5d5;"> |
| | | </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> |
| | | <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" /> |
| | | </view> |
| | | </view> |
| | | <view class="btn"> |
| | | <view class="btn-left" @click="reviseClose">取消</view> |
| | | <view class="btn-right" @click="reviseConfirm()">修改</view> |
| | | </view> |
| | | </view> |
| | | </uni-popup> |
| | | </view> |
| | | <!-- 移除确认 --> |
| | | <view> |
| | | <!-- 提示窗示例 --> |
| | | <uni-popup ref="alertDialog" type="dialog"> |
| | | <uni-popup-dialog :type="msgType" confirmText="移除" :title="title" :content="content" |
| | | @confirm="removeConfirm()" @close="removeClose"></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> |
| | | <!-- 确认组托 --> |
| | | <view> |
| | | <uni-popup ref="combConfirm" type="dialog"> |
| | | <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确认" :title="title" :content="content" |
| | | @confirm="comb(1)" @close="combClose"></uni-popup-dialog> |
| | | </uni-popup> |
| | | </view> |
| | | <!-- 确认重置 --> |
| | | <view> |
| | | <uni-popup ref="resetConfirm" type="dialog"> |
| | | <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确认" :title="title" :content="content" |
| | | @confirm="resetConfirm" @close="resetClose"></uni-popup-dialog> |
| | | </uni-popup> |
| | | </view> |
| | | <!-- 启动入库 --> |
| | | <view> |
| | | <uni-popup ref="agvStartConfirm" type="dialog"> |
| | | <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确认" :title="title" :content="content" |
| | | @confirm="agvStartConfirm" @close="resetClose"></uni-popup-dialog> |
| | | </uni-popup> |
| | | </view> |
| | | |
| | | <view class="keyboard" :class="hidebg" mode="aspectFit" @click="hideKeyboard"> |
| | | <image src="@/static/img/keyboard1.png" style="height: 70%;width: 70%;"></image> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | baseUrl: '', |
| | | token: '', |
| | | barcode: '', |
| | | orderNo: '', |
| | | stationCode: '', |
| | | dataList: [], |
| | | count: 0, |
| | | rowNum: '', |
| | | matnr: '', |
| | | batch: '', |
| | | weight: '', |
| | | msgType1: 'success', |
| | | msgType: 'success', |
| | | messageText: '', |
| | | title: '', |
| | | content: '', |
| | | barcodeFocus: true, |
| | | stationCodeFocus: false, |
| | | matFocus: false, |
| | | orderNoFocus: false, |
| | | matData: '', |
| | | removeNum: 0, |
| | | devNo: [], |
| | | flag: 0, |
| | | tempOrderInfo: {csocode: '',isoseq: ''}, |
| | | hide: true, |
| | | hidebg: 'kb-bgtr' |
| | | } |
| | | }, |
| | | onLoad() { |
| | | // #ifdef APP |
| | | setInterval(()=>{ |
| | | if (this.hide) { |
| | | uni.hideKeyboard() |
| | | } else { |
| | | |
| | | } |
| | | },20) |
| | | // #endif |
| | | let that = this |
| | | // const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE |
| | | const eventChannel = this.getOpenerEventChannel(); |
| | | |
| | | // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据 |
| | | eventChannel.on('mats', function(data) { |
| | | console.log(data); |
| | | that.orderNo = data.mats[0].orderNo |
| | | that.dataList = data.mats |
| | | }) |
| | | }, |
| | | onBackPress() { |
| | | this.hide = false |
| | | }, |
| | | onShow() { |
| | | this.baseUrl = uni.getStorageSync('baseUrl'); |
| | | this.token = uni.getStorageSync('token'); |
| | | }, |
| | | methods: { |
| | | hideKeyboard() { |
| | | this.hide = this.hide ? false : true |
| | | if (this.hide) { |
| | | this.hidebg = 'kb-bgtr' |
| | | } else { |
| | | this.hidebg = 'kb-bgfa' |
| | | } |
| | | }, |
| | | findOrder() { |
| | | let that = this |
| | | that.tempOrderInfo.csocode = '' |
| | | that.tempOrderInfo.isoseq = '' |
| | | uni.request({ |
| | | url: that.baseUrl + '/mobile/order/search/orderNo/auth', |
| | | header: {'token': uni.getStorageSync('token')}, |
| | | data: { |
| | | orderNo: that.orderNo |
| | | }, |
| | | success(res) { |
| | | res = res.data |
| | | if (res.code === 200) { |
| | | if(res.data && res.data[0].combMats) { |
| | | for (let i = 0; i < res.data[0].combMats.length; i++) { |
| | | that.checkMat(res.data[0].combMats[i]) |
| | | } |
| | | that.orderNoFocus = false |
| | | setTimeout(() => { |
| | | that.barcodeFocus = true |
| | | }, 10); |
| | | } else { |
| | | uni.showToast({ |
| | | title: that.orderNo + '请检查订单号是否正确', |
| | | icon: "none", |
| | | position: 'top' |
| | | }) |
| | | } |
| | | } else if (res.code == 403) { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "none", |
| | | position: 'top' |
| | | }) |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "none", |
| | | position: 'top' |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | messageToggle(type) { |
| | | this.msgType1 = type |
| | | this.$refs.message.open() |
| | | }, |
| | | stationCodeInput() { |
| | | setTimeout(() => { |
| | | var len = this.stationCode.length |
| | | if (len != 15) { |
| | | this.stationCode = '' |
| | | this.stationCodeFocus = true |
| | | uni.showToast({ |
| | | title: '暂存码有误请重试', |
| | | icon: "none", |
| | | position: 'top' |
| | | }); |
| | | return; |
| | | } |
| | | this.focuss() |
| | | }, 200) |
| | | }, |
| | | // 符合条件的跳转到下一栏目 |
| | | orderNoInput() { |
| | | // 不设置定时器 会出现扫入的字符串不全 |
| | | setTimeout(() => { |
| | | var len = this.orderNo.length |
| | | this.barcodeFocuss() |
| | | }, 200) |
| | | }, |
| | | barcodeInput() { |
| | | // 不设置定时器 会出现扫入的字符串不全 |
| | | if (this.barcode.split('_')[1]) { |
| | | this.barcode = this.barcode.split('_')[1] |
| | | } |
| | | setTimeout(() => { |
| | | var len = this.barcode.length |
| | | if (len != 10) { |
| | | this.barcode = '' |
| | | this.barcodeFocus = true |
| | | uni.showToast({ |
| | | title: '料箱码有误请重试', |
| | | icon: "none", |
| | | position: 'top' |
| | | }); |
| | | return; |
| | | } |
| | | this.stationCodeFocuss() |
| | | }, 200) |
| | | }, |
| | | // 料箱码有误重置 |
| | | barcodeFocuss() { |
| | | let that = this; |
| | | that.barcodeFocus = false; |
| | | setTimeout(() => { |
| | | that.barcode = ''; |
| | | that.barcodeFocus = true; |
| | | }, 100); |
| | | }, |
| | | // 暂存位有误重置 |
| | | stationCodeFocuss() { |
| | | let that = this; |
| | | that.barcodeFocus = false; |
| | | setTimeout(() => { |
| | | that.stationCodeFocus = true; |
| | | }, 100); |
| | | }, |
| | | // 商品光标清空重置 |
| | | focuss() { |
| | | this.focus = false; |
| | | setTimeout(() => { |
| | | this.matnr = ''; |
| | | this.matFocus = true; |
| | | }, 100); |
| | | }, |
| | | // 搜索物料 |
| | | findMat() { |
| | | let that = this |
| | | // if (that.dataList.length >= 1) { |
| | | // this.messageText = "只能添加一种物料" |
| | | // this.messageToggle('warn') |
| | | // that.matnr = '' |
| | | // return |
| | | // } |
| | | uni.request({ |
| | | url: that.baseUrl + '/mat/auth', |
| | | data: { |
| | | matnr: that.matnr |
| | | }, |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | success(result) { |
| | | result = result.data |
| | | if (result.code === 200 && result.data) { |
| | | that.matData = result.data |
| | | that.matnr = '' |
| | | that.matData['batch'] = '' |
| | | uni.navigateTo({ |
| | | url: "../../mat/matSelected", |
| | | // 通过eventChannel向被打开页面传送数据 |
| | | success: function(res) { |
| | | res.eventChannel.emit('mat', { |
| | | data: result.data |
| | | }) |
| | | }, |
| | | // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 |
| | | events: { |
| | | matList: function(data) { |
| | | data.data['csocode'] = '' |
| | | data.data['isoseq'] = '' |
| | | that.checkMat(data.data) |
| | | that.focuss() |
| | | }, |
| | | }, |
| | | }); |
| | | } else if (res.code == 403) { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "none", |
| | | position: 'top' |
| | | }) |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | uni.showToast({ |
| | | title: res.msg, |
| | | icon: "none", |
| | | position: 'top' |
| | | }) |
| | | } |
| | | |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | selectMat() { |
| | | let that = this |
| | | uni.navigateTo({ |
| | | url: "../../mat/matQuery", |
| | | success: function(res) { |
| | | // 通过eventChannel向被打开页面传送数据 向另外一个页面传递值的 |
| | | res.eventChannel.emit('commonUrl', { |
| | | commonUrl: '' |
| | | }) |
| | | }, |
| | | events: { |
| | | // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 另外一个页面传过来的 |
| | | acceptDataFromOpenedPage: function(data) { |
| | | that.matnr = data.data |
| | | that.findMat(that.matnr) |
| | | }, |
| | | }, |
| | | |
| | | |
| | | }); |
| | | that.matnr = '' |
| | | }, |
| | | checkMat(mat) { |
| | | var len = this.dataList.length |
| | | 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 (mat.batch == this.dataList[j].batch) { |
| | | sameItem = true |
| | | } |
| | | } |
| | | // 相同物料 不同批号 新加列表 |
| | | if (mat.batch != this.dataList[i].batch) { |
| | | this.$forceUpdate() // 强制刷新 |
| | | if (sameItem) { |
| | | add = false |
| | | } else { |
| | | add = true |
| | | } |
| | | |
| | | } else { |
| | | // 相同物料相同批号 数量累加 |
| | | this.dataList[i].anfme += mat.anfme |
| | | this.$forceUpdate() // 强制刷新 |
| | | add = false |
| | | } |
| | | } |
| | | } |
| | | if (add) { |
| | | this.dataList.unshift(mat) |
| | | } |
| | | }, |
| | | // 修改批号 |
| | | revise(item, i) { |
| | | this.matnr = this.dataList[i].matnr |
| | | this.count = this.dataList[i].anfme |
| | | this.batch = this.dataList[i].batch |
| | | this.weight = this.dataList[i].weight |
| | | this.rowNum = i |
| | | this.eject() |
| | | }, |
| | | eject(type) { |
| | | this.type = type |
| | | this.$refs.revise.open(type) |
| | | }, |
| | | // 列表移除按钮 |
| | | remove(item, i, type) { |
| | | this.removeNum = i |
| | | this.msgType = type |
| | | this.title = '警告' |
| | | this.content = '是否移除当前商品!' |
| | | this.$refs.alertDialog.open(i) |
| | | }, |
| | | // 确认移除 |
| | | removeConfirm() { |
| | | this.messageText = "移除成功" |
| | | this.messageToggle('success') |
| | | this.dataList.splice(this.removeNum, 1) |
| | | }, |
| | | // 取消移除 |
| | | removeClose() { |
| | | this.$refs.alertDialog.close() |
| | | }, |
| | | reviseConfirm() { |
| | | this.dataList[this.rowNum].anfme = this.count |
| | | this.dataList[this.rowNum].batch = this.batch |
| | | this.dataList[this.rowNum].weight = this.weight |
| | | this.matnr = '' |
| | | this.messageText = "修改成功" |
| | | this.messageToggle('success') |
| | | this.$refs.revise.close() |
| | | }, |
| | | reviseClose() { |
| | | this.$refs.revise.close() |
| | | }, |
| | | changeValue(value) { |
| | | this.count = value |
| | | }, |
| | | combConfirm(type) { |
| | | if (this.dataList.length < 1) { |
| | | return |
| | | } |
| | | this.msgType = type |
| | | this.title = '警告' |
| | | this.content = '是否现在组托!' |
| | | this.$refs.combConfirm.open() |
| | | }, |
| | | combClose() { |
| | | this.$refs.combConfirm.close() |
| | | }, |
| | | comb(e) { |
| | | 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; |
| | | } |
| | | 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; |
| | | } |
| | | } |
| | | // console.log(that.dataList); |
| | | // return |
| | | uni.request({ |
| | | url: that.baseUrl + '/agvMobile/comb/auth', |
| | | data: JSON.stringify({ |
| | | orderNo: that.orderNo, |
| | | barcode: that.barcode, |
| | | locno: that.stationCode, |
| | | combMats: that.dataList |
| | | }), |
| | | method: 'POST', |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | success(result) { |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | that.flag = 1 |
| | | if (e == 1) { |
| | | that.resst(); |
| | | that.messageText = "组托成功" |
| | | that.messageToggle('success') |
| | | uni.navigateBack({ |
| | | delta: 2 |
| | | }); |
| | | } |
| | | } else if (res.code == 403) { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | setTimeout(() => { |
| | | uni.reLaunch({ |
| | | url: '../login/login' |
| | | }); |
| | | }, 1000); |
| | | that.flag = 0 |
| | | } else { |
| | | that.messageText = res.msg |
| | | that.messageToggle('error') |
| | | that.flag = 0 |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | reset(type) { |
| | | this.msgType = type |
| | | this.title = '警告' |
| | | this.content = '是否重置!' |
| | | this.$refs.resetConfirm.open() |
| | | }, |
| | | // 确认重置 |
| | | resetConfirm() { |
| | | this.dataList = [] |
| | | this.barcode = '' |
| | | this.stationCode = '' |
| | | this.messageText = "重置完成" |
| | | this.messageToggle('success') |
| | | }, |
| | | // 取消重置 |
| | | resetClose() { |
| | | |
| | | }, |
| | | // 清空 |
| | | resst() { |
| | | this.dataList = [] |
| | | this.barcode = '' |
| | | this.stationCode = '' |
| | | this.barcodeFocus = true |
| | | }, |
| | | // 启动入库 |
| | | agvStart(type) { |
| | | if (this.dataList.length < 1) { |
| | | return |
| | | } |
| | | this.msgType = type |
| | | this.title = '警告' |
| | | this.content = '是否现在启动入库!' |
| | | this.$refs.agvStartConfirm.open() |
| | | }, |
| | | agvStartConfirm() { |
| | | uni.showLoading() |
| | | this.devNo = [] |
| | | this.devNo.push(this.stationCode) |
| | | this.comb(2) |
| | | setTimeout(()=>{ |
| | | if (this.flag != 1) { |
| | | uni.hideLoading() |
| | | return |
| | | } |
| | | this.start() |
| | | uni.hideLoading() |
| | | },500) |
| | | |
| | | }, |
| | | start() { |
| | | let that = this |
| | | uni.request({ |
| | | url: that.baseUrl + '/agvMobile/pakin/auth', |
| | | data: JSON.stringify({ |
| | | devNo: that.devNo |
| | | }), |
| | | method: 'POST', |
| | | header: { |
| | | 'token': uni.getStorageSync('token') |
| | | }, |
| | | success(result) { |
| | | var res = result.data |
| | | if (res.code === 200) { |
| | | that.resst(); |
| | | that.messageText = "启动成功" |
| | | that.messageToggle('success') |
| | | uni.navigateBack({ |
| | | delta: 2 |
| | | }); |
| | | } 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') |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | @import url('../../../static/css/wms.css/wms.css'); |
| | | .list:first-child { |
| | | margin-top: 400rpx; |
| | | } |
| | | |
| | | .code { |
| | | width: 100%; |
| | | position: fixed; |
| | | min-height: 210rpx; |
| | | background-color: #FFF; |
| | | z-index: 10; |
| | | } |
| | | |
| | | .item { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 70rpx; |
| | | margin-left: 20rpx; |
| | | border-bottom: 1px solid #DCDFE6; |
| | | } |
| | | |
| | | .item input { |
| | | height: 50rpx; |
| | | line-height: 50rpx; |
| | | /* font-family: PingFang SC; uniapp 默认字体不居中 */ |
| | | font-size: 36upx; |
| | | font-family: PingFang SC; |
| | | width: 55vw; |
| | | |
| | | } |
| | | |
| | | .code-decs { |
| | | width: 20vw; |
| | | font-size: 18px; |
| | | color: #303133; |
| | | } |
| | | |
| | | .item-right { |
| | | margin-left: auto; |
| | | margin-right: 20rpx; |
| | | } |
| | | |
| | | .mat-list-title { |
| | | height: 80rpx; |
| | | line-height: 80rpx; |
| | | width: 100%; |
| | | background-color: white; |
| | | position: fixed; |
| | | margin-top: 210rpx; |
| | | z-index: 9; |
| | | /* border-top: 1px solid #DCDFE6; */ |
| | | text-align: center; |
| | | box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); |
| | | } |
| | | </style> |