From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:44:20 +0800 Subject: [PATCH] 新建盐城德森项目 --- pages/pakin/pickAgain.vue | 652 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 326 insertions(+), 326 deletions(-) diff --git a/pages/pakin/pickAgain.vue b/pages/pakin/pickAgain.vue index 26810a9..7c7b8b5 100644 --- a/pages/pakin/pickAgain.vue +++ b/pages/pakin/pickAgain.vue @@ -1,326 +1,326 @@ -<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> - <uni-number-box :value="anfme" :max="99999999" :step='1' color="#747474" @change="changeValue2" /> - </view> - </view> - <!-- 搴曢儴鎿嶄綔鎸夐挳 --> - <view class="buttom"> - <button size="mini" @click="reset('warn')">閲嶇疆</button> - <button size="mini" type="primary" @click="combConfirm('warn')">鎷f枡</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"><input type="text" v-model="weight"></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> - <!-- 纭鎷f枡 --> - <view> - <uni-popup ref="combConfirm" type="dialog"> - <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content" - @confirm="comb" @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: '', - orderNo: '', - anfme: 0, - count: 0, - rowNum: '', - matnr: '', - batch: '', - weight: '', - msgType1: 'success', - msgType: 'success', - messageText: '', - title: '', - content: '', - barcodeFocus: true, - orderNoFocus: false, - matFocus: 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() - }, - changeValue2(value) { - this.anfme = value - }, - // barcode input 浜嬩欢 - barcodeInput() { - // 涓嶈缃畾鏃跺櫒 浼氬嚭鐜版壂鍏ョ殑瀛楃涓蹭笉鍏� - setTimeout(() => { - var len = this.barcode.length - if (len != 8) { - uni.showToast({ - title: '鎵樼洏鐮佹湁璇閲嶈瘯', - icon: "none", - position: 'top' - }); - this.barcodeFocuss() - return; - } - this.focuss() - }, 200) - }, - // 鎵樼洏鐮佹湁璇噸缃� - barcodeFocuss() { - let that = this; - that.barcodeFocus = false; - setTimeout(() => { - that.barcode = ''; - that.barcodeFocus = true; - }, 100); - }, - focuss() { - this.barcodeFocus = false; - setTimeout(() => { - this.matnr = ''; - this.orderNoFocus = true; - }, 100); - }, - // 鍒楄〃绉婚櫎鎸夐挳 - 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) { - this.msgType = type - this.title = '璀﹀憡' - this.content = '鏄惁鐜板湪鎷f枡!' - this.$refs.combConfirm.open() - }, - combClose() { - this.$refs.combConfirm.close() - }, - comb() { - uni.vibrateShort(); - let that = this; - if (that.barcode === '') { - this.messageText = "璇锋壂鎻忔墭鐩樻潯鐮�" - this.messageToggle('error') - return; - } - console.log(that.anfme); - if (that.anfme === 0) { - this.messageText = '鎷f枡鏁伴噺涓嶈兘涓�0' - this.messageToggle('error') - return; - } - uni.request({ - url: that.baseUrl + '/mobile/pick/again/auth', - data: JSON.stringify({ - barcode: that.barcode, - anfme: that.anfme - }), - method: 'POST', - header: { - 'token': uni.getStorageSync('token') - }, - success(result) { - var res = result.data - if (res.code === 200) { - that.resst(); - that.messageText = "鎷f枡鎴愬姛" - that.messageToggle('success') - } 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') - } - } - }); - }, - reset(type) { - this.msgType = type - this.title = '璀﹀憡' - this.content = '鏄惁閲嶇疆!' - this.$refs.resetConfirm.open() - }, - // 纭閲嶇疆 - resetConfirm() { - this.barcode = '' - this.orderNo = '' - this.anfme = 0 - this.messageText = "閲嶇疆瀹屾垚" - this.messageToggle('success') - }, - // 鍙栨秷閲嶇疆 - resetClose() { - - }, - // 娓呯┖ - resst() { - this.barcode = '' - this.orderNo = '' - this.anfme = 0 - this.barcodeFocuss() - }, - } - } -</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 10px 0px rgba(0, 0, 0, 0.2); - } -</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> + <uni-number-box :value="anfme" :max="99999999" :step='1' color="#747474" @change="changeValue2" /> + </view> + </view> + <!-- 搴曢儴鎿嶄綔鎸夐挳 --> + <view class="buttom"> + <button size="mini" @click="reset('warn')">閲嶇疆</button> + <button size="mini" type="primary" @click="combConfirm('warn')">鎷f枡</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"><input type="text" v-model="weight"></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> + <!-- 纭鎷f枡 --> + <view> + <uni-popup ref="combConfirm" type="dialog"> + <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content" + @confirm="comb" @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: '', + orderNo: '', + anfme: 0, + count: 0, + rowNum: '', + matnr: '', + batch: '', + weight: '', + msgType1: 'success', + msgType: 'success', + messageText: '', + title: '', + content: '', + barcodeFocus: true, + orderNoFocus: false, + matFocus: 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() + }, + changeValue2(value) { + this.anfme = value + }, + // barcode input 浜嬩欢 + barcodeInput() { + // 涓嶈缃畾鏃跺櫒 浼氬嚭鐜版壂鍏ョ殑瀛楃涓蹭笉鍏� + setTimeout(() => { + var len = this.barcode.length + if (len != 8) { + uni.showToast({ + title: '鎵樼洏鐮佹湁璇閲嶈瘯', + icon: "none", + position: 'top' + }); + this.barcodeFocuss() + return; + } + this.focuss() + }, 200) + }, + // 鎵樼洏鐮佹湁璇噸缃� + barcodeFocuss() { + let that = this; + that.barcodeFocus = false; + setTimeout(() => { + that.barcode = ''; + that.barcodeFocus = true; + }, 100); + }, + focuss() { + this.barcodeFocus = false; + setTimeout(() => { + this.matnr = ''; + this.orderNoFocus = true; + }, 100); + }, + // 鍒楄〃绉婚櫎鎸夐挳 + 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) { + this.msgType = type + this.title = '璀﹀憡' + this.content = '鏄惁鐜板湪鎷f枡!' + this.$refs.combConfirm.open() + }, + combClose() { + this.$refs.combConfirm.close() + }, + comb() { + uni.vibrateShort(); + let that = this; + if (that.barcode === '') { + this.messageText = "璇锋壂鎻忔墭鐩樻潯鐮�" + this.messageToggle('error') + return; + } + console.log(that.anfme); + if (that.anfme === 0) { + this.messageText = '鎷f枡鏁伴噺涓嶈兘涓�0' + this.messageToggle('error') + return; + } + uni.request({ + url: that.baseUrl + '/mobile/pick/again/auth', + data: JSON.stringify({ + barcode: that.barcode, + anfme: that.anfme + }), + method: 'POST', + header: { + 'token': uni.getStorageSync('token') + }, + success(result) { + var res = result.data + if (res.code === 200) { + that.resst(); + that.messageText = "鎷f枡鎴愬姛" + that.messageToggle('success') + } 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') + } + } + }); + }, + reset(type) { + this.msgType = type + this.title = '璀﹀憡' + this.content = '鏄惁閲嶇疆!' + this.$refs.resetConfirm.open() + }, + // 纭閲嶇疆 + resetConfirm() { + this.barcode = '' + this.orderNo = '' + this.anfme = 0 + this.messageText = "閲嶇疆瀹屾垚" + this.messageToggle('success') + }, + // 鍙栨秷閲嶇疆 + resetClose() { + + }, + // 娓呯┖ + resst() { + this.barcode = '' + this.orderNo = '' + this.anfme = 0 + this.barcodeFocuss() + }, + } + } +</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 10px 0px rgba(0, 0, 0, 0.2); + } +</style> -- Gitblit v1.9.1