From e4dc67055ea0c21e72815054c044b56a76ec625e Mon Sep 17 00:00:00 2001 From: zjj <3272660260@qq.com> Date: 星期三, 17 四月 2024 13:08:36 +0800 Subject: [PATCH] # --- pages/order/orderPutOn.vue | 132 ++++++++++++++++++++++++++++++++++++-------- 1 files changed, 108 insertions(+), 24 deletions(-) diff --git a/pages/order/orderPutOn.vue b/pages/order/orderPutOn.vue index 49ac8f3..b5cd93d 100644 --- a/pages/order/orderPutOn.vue +++ b/pages/order/orderPutOn.vue @@ -1,24 +1,17 @@ <template> <view> <view class="code"> - <!-- <view class="item"> - <view class="code-decs">璁㈠崟鍙�:</view> - <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="order" :focus="orderFocus" - @input="orderInput()" disabled> - </view> --> - <view class="item"> - <view class="code-decs">搴撲綅鍙�:</view> - <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus" - @confirm="barcodeInput()"> - </view> <view class="item"> <view class="code-decs">鐗╂枡鍙�:</view> <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="matnr" :focus="matFocus" @input="findMat()"> <view class="item-right"> <button></button> - <!-- <text style="text-align: right;color: #409EFF;" @click="selectMat()">鎻愬彇+</text> --> - <!-- <uni-icons type="right" color="#c1c1c1"></uni-icons> --> </view> + </view> + <view class="item"> + <view class="code-decs">搴撲綅鍙�:</view> + <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus"> + <button v-show="recommendLocs.length" size="mini" type="primary" @click="toggle('right')">鎺ㄨ崘</button> </view> </view> <view class="mat-list-title"> @@ -58,6 +51,12 @@ </view> </view> <view class="list-left-item"> + <view class="desc">閲嶉噺锛�</view> + <view class="left-item"> + <uni-tag :text="item.weight" type="warning"></uni-tag> + </view> + </view> + <view class="list-left-item"> <view class="desc">鏁伴噺锛�</view> <view class="left-item">{{item.anfme}}</view> </view> @@ -87,14 +86,18 @@ style="background-color: #f7f7f7;padding: 0;color: #d5d5d5;"> </view> </view> - <view class="popup-item"> + <!-- <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" :max="9999999" color="#747474" @change="changeValue" /> + <uni-number-box :value="count" :step='0.01' :max="9999999" color="#747474" @change="changeValue" /> </view> </view> <view class="btn"> @@ -118,7 +121,7 @@ <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" @@ -138,6 +141,14 @@ <uni-popup-message :type="msgType1" :message="messageText" :duration="2000"></uni-popup-message> </uni-popup> </view> + <view> + <!-- 鏅�氬脊绐� --> + <uni-popup ref="popup" background-color="#fff"> + <scroll-view scroll-y="true" class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"> + <view class="recommend" v-for="item in recommendLocs" @click="chose(item)"> {{ item }}</view> + </scroll-view> + </uni-popup> + </view> </view> </template> @@ -148,7 +159,6 @@ baseUrl: '', token: '', order: '', - orderFocus: true, barcode: '', barcodeFocus: '', dataList: [], @@ -157,14 +167,18 @@ matnr: '', matnr1: '', batch: '', + weight: '', msgType1: 'success', msgType: 'success', messageText: '', title: '', content: '', barcodeFocus: false, - matFocus: false, - matData: '' + matFocus: true, + matData: '', + removeNum: 0, + type: 'center', + recommendLocs: [] } }, onShow() { @@ -172,9 +186,39 @@ this.token = uni.getStorageSync('token'); }, methods: { + chose(item) { + this.barcode = item + this.$refs.popup.close() + }, + toggle(type) { + this.type = type + // open 鏂规硶浼犲叆鍙傛暟 绛夊悓鍦� uni-popup 缁勪欢涓婄粦瀹� type灞炴�� + this.$refs.popup.open(type) + }, messageToggle(type) { this.msgType1 = type this.$refs.message.open() + }, + matnrInput() { + setTimeout(() => { + this.focuss() + }, 200) + }, + // 鎵樼洏鐮佹湁璇噸缃� + barcodeFocuss() { + let that = this; + that.barcodeFocus = false; + setTimeout(() => { + that.barcode = ''; + that.barcodeFocus = true; + }, 100); + }, + // 鍟嗗搧鍏夋爣娓呯┖閲嶇疆 + focuss() { + setTimeout(() => { + this.matnr = ''; + this.matFocus = true; + }, 100); }, // 鎼滅储鐗╂枡 findMat() { @@ -194,7 +238,6 @@ result = result.data if (result.code === 200 && result.data) { that.matData = result.data - that.matnr = '' that.matData['batch'] = '' result.data.batch = matnr[2] uni.navigateTo({ @@ -208,7 +251,9 @@ // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� events: { matList: function(data) { + that.recommendLoc() that.checkMat(data.data) + that.focuss() }, }, }); @@ -234,6 +279,23 @@ } }); + }, + // 鎺ㄨ崘搴撲綅 + recommendLoc() { + let that = this + that.recommendLocs = [] + uni.request({ + url: that.baseUrl + '/node/recommendLoc', + data: {matnr: that.matnr}, + header: {'token': uni.getStorageSync('token')}, + success(res) { + res = res.data + if (res.code == 200 && res.data) { + that.recommendLocs = res.data + } + } + + }) }, checkMat(mat) { mat['orderNo'] = this.order @@ -276,14 +338,14 @@ combConfirm(type) { this.msgType = type this.title = '璀﹀憡' - this.content = '鏄惁鐜板湪缁勬墭!' + this.content = '鏄惁鐜板湪涓婃灦!' this.$refs.combConfirm.open() }, comb() { uni.vibrateShort(); let that = this; if (that.barcode === '') { - this.messageText = "璇锋壂鎻忔墭鐩樻潯鐮�" + this.messageText = "璇锋坊鍔犲簱浣嶇爜" this.messageToggle('error') return; } @@ -294,7 +356,7 @@ } 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.messageText = that.dataList[i].matnr + '涓婃灦鏁伴噺涓嶈兘涓�0' this.messageToggle('error') return; } @@ -313,7 +375,7 @@ var res = result.data if (res.code === 200) { that.resst(); - that.messageText = "缁勬墭鎴愬姛" + that.messageText = "涓婃灦鎴愬姛" that.messageToggle('success') } else if (res.code == 403) { that.messageText = res.msg @@ -353,6 +415,7 @@ this.matnr1 = 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() }, @@ -362,6 +425,7 @@ }, // 鍒楄〃绉婚櫎鎸夐挳 remove(item, i, type) { + this.removeNum = i this.msgType = type this.title = '璀﹀憡' this.content = '鏄惁绉婚櫎褰撳墠鍟嗗搧!' @@ -371,11 +435,12 @@ removeConfirm(i) { this.messageText = "绉婚櫎鎴愬姛" this.messageToggle('success') - this.dataList.splice(i, 1) + this.dataList.splice(this.removeNum, 1) }, reviseConfirm() { this.dataList[this.rowNum].anfme = this.count this.dataList[this.rowNum].batch = this.batch + this.dataList[this.rowNum].weight = this.weight this.messageText = "淇敼鎴愬姛" this.messageToggle('success') this.$refs.revise.close() @@ -391,7 +456,15 @@ resst() { this.dataList = [] this.barcode = '' + this.recommendLocs = [] this.barcodeFocuss() + }, + combClose() { + this.$refs.combConfirm.close() + }, + // 鍙栨秷绉婚櫎 + removeClose() { + this.$refs.alertDialog.close() }, } } @@ -399,6 +472,17 @@ <style> @import url('../../static/css/wms.css/wms.css'); + .popup-content { + /* height: 90vh; */ + height: 90vh; + width: 200px; + } + .recommend { + width: 300rpx; + height: 100rpx; + text-align: center; + line-height: 100rpx; + } .list { display: flex; min-height: 80rpx; -- Gitblit v1.9.1