From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:44:20 +0800 Subject: [PATCH] 新建盐城德森项目 --- pages/stock/changePallet.vue | 599 +++++++++++++++++++++++++++++------------------------------ 1 files changed, 299 insertions(+), 300 deletions(-) diff --git a/pages/stock/changePallet.vue b/pages/stock/changePallet.vue index 6f4a45e..913c6ac 100644 --- a/pages/stock/changePallet.vue +++ b/pages/stock/changePallet.vue @@ -1,300 +1,299 @@ -<template> - <view> - <view class="code"> - <view class="item"> - <view class="code-decs">鍘熸墭鐩�:</view> - <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus" - @input="barcodeInput()"> - </view> - <view class="item"> - <view class="code-decs">鏂版墭鐩�:</view> - <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="tBarcode" :focus="focus" @input="checkBarcode()"> - </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"> - <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> - </scroll-view> - <!-- 搴曢儴鎿嶄綔鎸夐挳 --> - <view class="buttom"> - <button size="mini" @click="reset('warn')">閲嶇疆</button> - <button size="mini" type="primary" @click="combConfirm('warn')">鎹㈡澘</button> - </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="changePallet" @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> -</template> - -<script> - export default { - data() { - return { - baseUrl: '', - token: '', - barcode: '', - dataList: [], - count: 0, - rowNum: '', - tBarcode: '', - batch: '', - msgType1: 'success', - msgType: 'success', - messageText: '', - title: '', - content: '', - barcodeFocus: true, - focus: false, - matData: '', - removeNum: 0, - } - }, - onLoad() { - - }, - onShow() { - this.baseUrl = uni.getStorageSync('baseUrl'); - this.token = uni.getStorageSync('token'); - }, - methods: { - messageToggle(type) { - this.msgType1 = type - this.$refs.message.open() - }, - // barcode input 浜嬩欢 - barcodeInput() { - let that = this - if (this.barcode.length != 8) { - uni.showToast({title: '鎵樼洏鐮侀暱搴﹀紓甯�,璇烽噸鏂版壂鎻�', icon: "none", position: 'top'}) - this.barcodeFocuss() - } - if (that.barcode.length == 8) { - uni.request({ - url: that.baseUrl + '/mobile/piking/auth', - header: { - 'token':uni.getStorageSync('token') - }, - data: {barcode:that.barcode}, - success(res) { - console.log(res); - res = res.data - if(res.code===200) { - that.dataList = res.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 { - that.barcodeFocuss() - uni.showToast({title: res.msg, icon: "none",position: 'top'}) - } - } - }) - - } - }, - // 鎵樼洏鐮佹湁璇噸缃� - barcodeFocuss() { - let that = this; - that.barcodeFocus = false; - setTimeout(() => { - that.barcode = ''; - that.barcodeFocus = true; - }, 100); - }, - checkBarcode() { - if (this.tBarcode.length != 8) { - uni.showToast({title: '鎵樼洏鐮侀暱搴﹀紓甯�,璇烽噸鏂版壂鎻�', icon: "none", position: 'top'}) - this.focuss() - } - }, - // 鍟嗗搧鍏夋爣娓呯┖閲嶇疆 - focuss() { - this.focus = false; - setTimeout(() => { - this.tBarcode = ''; - this.focus = true; - }, 100); - }, - reset(type) { - this.msgType = type - this.title = '璀﹀憡' - this.content = '鏄惁閲嶇疆!' - this.$refs.resetConfirm.open() - }, - combConfirm(type) { - this.msgType = type - this.title = '璀﹀憡' - this.content = '纭杞崲!' - this.$refs.combConfirm.open() - }, - combClose() { - this.$refs.combConfirm.close() - }, - // 纭閲嶇疆 - resetConfirm() { - this.dataList = [] - this.barcode = '' - this.tBarcode = '' - this.messageText = "閲嶇疆瀹屾垚" - this.messageToggle('success') - }, - // 鍙栨秷閲嶇疆 - resetClose() { - - }, - // 娓呯┖ - resst() { - this.dataList = [] - this.barcode = '' - this.barcodeFocuss() - }, - changePallet() { - let that = this - uni.request({ - url: that.baseUrl + '/mobile/piking/to/full', - header: { - 'token':uni.getStorageSync('token') - }, - data: {sBarcode:that.barcode,tBarcode:that.tBarcode}, - success(res) { - res = res.data - if (res.code === 200) { - that.barcode = '' - that.dataList = [] - that.tBarcode = '' - that.barcodeFocuss() - uni.showToast({title: res.msg, 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'}) - } - } - }) - }, - } - } -</script> - -<style> - @import url('../../static/css/wms.css/wms.css'); - - .code { - width: 100%; - position: fixed; - min-height: 200rpx; - background-color: #FFF; - z-index: 10; - } - - .item { - display: flex; - align-items: center; - height: 100rpx; - 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: 200rpx; - z-index: 9; - /* border-top: 1px solid #DCDFE6; */ - text-align: center; - box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); - } -</style> +<template> + <view> + <view class="code"> + <view class="item"> + <view class="code-decs">鍘熸墭鐩�:</view> + <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus" + @input="barcodeInput()"> + </view> + <view class="item"> + <view class="code-decs">鏂版墭鐩�:</view> + <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="tBarcode" :focus="focus" @input="checkBarcode()"> + </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"> + <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> + </scroll-view> + <!-- 搴曢儴鎿嶄綔鎸夐挳 --> + <view class="buttom"> + <button size="mini" @click="reset('warn')">閲嶇疆</button> + <button size="mini" type="primary" @click="combConfirm('warn')">鎹㈡澘</button> + </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="changePallet" @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> +</template> + +<script> + export default { + data() { + return { + baseUrl: '', + token: '', + barcode: '', + dataList: [], + count: 0, + rowNum: '', + tBarcode: '', + batch: '', + msgType1: 'success', + msgType: 'success', + messageText: '', + title: '', + content: '', + barcodeFocus: true, + focus: false, + matData: '', + removeNum: 0, + } + }, + onLoad() { + + }, + onShow() { + this.baseUrl = uni.getStorageSync('baseUrl'); + this.token = uni.getStorageSync('token'); + }, + methods: { + messageToggle(type) { + this.msgType1 = type + this.$refs.message.open() + }, + // barcode input 浜嬩欢 + barcodeInput() { + let that = this + if (this.barcode.length != 8) { + uni.showToast({title: '鎵樼洏鐮侀暱搴﹀紓甯�,璇烽噸鏂版壂鎻�', icon: "none", position: 'top'}) + this.barcodeFocuss() + } + if (that.barcode.length == 8) { + uni.request({ + url: that.baseUrl + '/mobile/piking/auth', + header: { + 'token':uni.getStorageSync('token') + }, + data: {barcode:that.barcode}, + success(res) { + res = res.data + if(res.code===200) { + that.dataList = res.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 { + that.barcodeFocuss() + uni.showToast({title: res.msg, icon: "none",position: 'top'}) + } + } + }) + + } + }, + // 鎵樼洏鐮佹湁璇噸缃� + barcodeFocuss() { + let that = this; + that.barcodeFocus = false; + setTimeout(() => { + that.barcode = ''; + that.barcodeFocus = true; + }, 100); + }, + checkBarcode() { + if (this.tBarcode.length != 8) { + uni.showToast({title: '鎵樼洏鐮侀暱搴﹀紓甯�,璇烽噸鏂版壂鎻�', icon: "none", position: 'top'}) + this.focuss() + } + }, + // 鍟嗗搧鍏夋爣娓呯┖閲嶇疆 + focuss() { + this.focus = false; + setTimeout(() => { + this.tBarcode = ''; + this.focus = true; + }, 100); + }, + reset(type) { + this.msgType = type + this.title = '璀﹀憡' + this.content = '鏄惁閲嶇疆!' + this.$refs.resetConfirm.open() + }, + combConfirm(type) { + this.msgType = type + this.title = '璀﹀憡' + this.content = '纭杞崲!' + this.$refs.combConfirm.open() + }, + combClose() { + this.$refs.combConfirm.close() + }, + // 纭閲嶇疆 + resetConfirm() { + this.dataList = [] + this.barcode = '' + this.tBarcode = '' + this.messageText = "閲嶇疆瀹屾垚" + this.messageToggle('success') + }, + // 鍙栨秷閲嶇疆 + resetClose() { + + }, + // 娓呯┖ + resst() { + this.dataList = [] + this.barcode = '' + this.barcodeFocuss() + }, + changePallet() { + let that = this + uni.request({ + url: that.baseUrl + '/mobile/piking/to/full', + header: { + 'token':uni.getStorageSync('token') + }, + data: {sBarcode:that.barcode,tBarcode:that.tBarcode}, + success(res) { + res = res.data + if (res.code === 200) { + that.barcode = '' + that.dataList = [] + that.tBarcode = '' + that.barcodeFocuss() + uni.showToast({title: res.msg, 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'}) + } + } + }) + }, + } + } +</script> + +<style> + @import url('../../static/css/wms.css/wms.css'); + + .code { + width: 100%; + position: fixed; + min-height: 200rpx; + background-color: #FFF; + z-index: 10; + } + + .item { + display: flex; + align-items: center; + height: 100rpx; + 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: 200rpx; + z-index: 9; + /* border-top: 1px solid #DCDFE6; */ + text-align: center; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); + } +</style> -- Gitblit v1.9.1