From 2b5bf2b63f6b8718a396f16f02c682f635744425 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期五, 18 十月 2024 10:56:17 +0800 Subject: [PATCH] 再次拣料-销售单号空格过滤 --- pages/phyz/checkLocDetl/checkLocDetl.vue | 218 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 196 insertions(+), 22 deletions(-) diff --git a/pages/phyz/checkLocDetl/checkLocDetl.vue b/pages/phyz/checkLocDetl/checkLocDetl.vue index a33c5b2..a720194 100644 --- a/pages/phyz/checkLocDetl/checkLocDetl.vue +++ b/pages/phyz/checkLocDetl/checkLocDetl.vue @@ -1,19 +1,29 @@ <template> <view> - <view style="display: flex;"> - <view class="dropdown"> - <input type="text" style="flex: 1;" v-model="row1" placeholder="璇疯緭鍏ユ帓" @confirm="getLocMastList"> - <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('row1')"></uni-icons> - </view> - <view class="dropdown"> - <input type="text" style="flex: 1;" v-model="bay1" placeholder="璇疯緭鍏ュ垪" @confirm="getLocMastList"> - <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('bay1')"></uni-icons> - </view> - <view class="dropdown"> - <input type="text" style="flex: 1;" v-model="lev1" placeholder="璇疯緭鍏ュ眰" @confirm="getLocMastList"> - <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('lev1')"></uni-icons> + <view class="code"> + <uni-search-bar v-model="searchValue1" + maxlength="500" ancel="cancel" @confirm="searchValueInput1()" @clear="clearVal" placeholder="杈撳叆 / 鎵弿 璐ф灦鐮�"> + </uni-search-bar> + <view style="display: flex;padding: 10rpx 20rpx;"> + <view class="dropdown"> + <input type="text" style="flex: 1;" v-model="row1" placeholder="鎺�" placeholder-style="font-size:10px" @confirm="getLocMastList('')"> + <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('row1')"></uni-icons> + </view> + <view class="dropdown"> + <input type="text" style="flex: 1;" v-model="bay1" placeholder="鍒�" placeholder-style="font-size:10px" @confirm="getLocMastList('')"> + <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('bay1')"></uni-icons> + </view> + <view class="dropdown"> + <input type="text" style="flex: 1;" v-model="lev1" placeholder="灞�" placeholder-style="font-size:10px" @confirm="getLocMastList('')"> + <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('lev1')"></uni-icons> + </view> + <view class="dropdown"> + <input type="text" style="flex: 1;" v-model="floor" placeholder="妤煎眰" placeholder-style="font-size:10px" @confirm="getLocMastList('')"> + <uni-icons type="close" color="#c1c1c1" style="margin-left: 10rpx;" @click="clear('floor')"></uni-icons> + </view> </view> </view> + <view class="list list-font-color" :class="locMast.color" v-for="(locMast,index) in dataList" :key="index"> <view class="list-left"> @@ -32,6 +42,24 @@ </view> </view> + <!-- 寮圭獥 --> + <view> + <uni-popup ref="check" 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="barcode"></view> + </view> + <view class="btn"> + <view class="btn-left" @click="checkClose">鍙栨秷</view> + <view class="btn-right" @click="checkConfirm()">纭</view> + </view> + </view> + </uni-popup> + </view> + </view> </template> @@ -39,19 +67,30 @@ export default { data() { return { + searchValue1: '', baseUrl: '', token: '', + barcode: '', locNo: '123123', row1: '', bay1: '', lev1: '', - dataList: [] + floor: '', + dataList: [], + item: '' } }, - onLoad() { + onShow() { this.baseUrl = uni.getStorageSync('baseUrl'); this.token = uni.getStorageSync('token'); + if (uni.getStorageSync('lev1')) { + // this.lev1 = uni.getStorageSync('lev1'); + } else { + this.lev1 = '' + } + this.getLocMastList() + this.barcode = '' }, methods: { clear(e) { @@ -59,40 +98,61 @@ case 'row1': setTimeout(() => { this.row1 = '' - this.getLocMastList() + this.getLocMastList('') }, 100); break; case 'bay1': setTimeout(() => { this.bay1 = '' - this.getLocMastList() + this.getLocMastList('') }, 100); break; case 'lev1': setTimeout(() => { this.lev1 = '' - this.getLocMastList() + this.getLocMastList('') + }, 100); + break; + case 'floor': + setTimeout(() => { + this.floor = '' + this.getLocMastList('') }, 100); break; } }, - getLocMastList() { - let _this = this + clearVal() { + this.getLocMastList('') + }, + searchValueInput1() { + setTimeout(() => { + this.row1 = '' + this.bay1 = '' + this.lev1 = '' + this.floor = '' + this.getLocMastList(this.searchValue1) + }, 100); + }, + getLocMastList(barcode) { + let _this = this + // uni.setStorageSync('lev1', this.lev1); + this.dataList = [] uni.request({ url: `${_this.baseUrl}/agv/locMast/list/auth`, header: {'token': uni.getStorageSync('token')}, data: { curr: 1, - limit: 50, + limit: 100, row1: _this.row1, bay1: _this.bay1, lev1: _this.lev1, + floor: _this.floor, + barcode: barcode }, method: 'GET', success(res) { res = res.data - console.log(res); if (res.code === 200) { for (let k of res.data.records) { if (k.locSts == 'F') { @@ -109,14 +169,58 @@ k['color'] = 'locSts-X' } else if (k.locSts == 'Q') { k['color'] = 'locSts-Q' + } else if (k.locSts == 'P') { + k['color'] = 'locSts-P' } else if (k.locSts == 'X') { k['color'] = 'locSts-X' } } _this.dataList = res.data.records + } else if (res.code == 403) { + uni.showToast({ title: res.msg, icon: "error", position: 'top' }) + setTimeout(() => { uni.reLaunch({ url: '../../login/login' }); }, 1000); + } else { + uni.showToast({ title: res.msg, icon: "error", position: 'top' }) } } }) + }, + goToLocDetl(e) { + this.locNo = e.locNo + this.item = e + if (e.locSts == 'S' || e.locSts == 'R') { + uni.showToast({ title: '褰撳墠搴撲綅鍦ㄤ綔涓�', icon: "error", position: 'top' }) + return + } + this.$refs.check.open() + }, + checkClose() { + this.$refs.check.close() + }, + checkConfirm() { + let _this = this + let param = { + barcode : _this.barcode, + locNo : _this.locNo, + item: _this.item + } + uni.navigateTo({ + url: "./locDetl", + success: function(res) { + _this.$refs.check.close() + // 閫氳繃eventChannel鍚戣鎵撳紑椤甸潰浼犻�佹暟鎹� 鍚戝彟澶栦竴涓〉闈紶閫掑�肩殑 + res.eventChannel.emit('item', { + item: param + }) + }, + events: { + // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� 鍙﹀涓�涓〉闈紶杩囨潵鐨� + acceptDataFromOpenedPage: function(data) { + _this.$refs.check.close() + _this.getLocMastList() + } + }, + }); } } @@ -131,10 +235,11 @@ } .list-font-color { color: #fff; - /* background-color: #33bb44; */ + /* background-color: #2299ff; */ } .dropdown { border: 1px solid #a7a7a7; + border-radius: 8rpx; margin: 2px; padding: 6px; } @@ -162,7 +267,76 @@ .locSts-P { background-color: #ffaa00; } + .locSts-Q { + background-color: #47a301; + } .locSts-X { background-color: #767676; } + + .popup { + width: 80vw; + min-height: 100rpx; + background-color: #FFF; + border-radius: 25rpx; + position: relative; + } + .title { + height: 100rpx; + line-height: 100rpx; + width: 100%; + color: #606266; + text-align: center; + font-size: 16px; + } + .popup-item { + position: relative; + height: 80rpx; + line-height: 80rpx; + display: flex; + align-items: center; + font-size: 14px; + } + .popup-item-left { + width: 16vw; + padding-right: 20rpx; + text-align: right; + color: #606266; + } + .popup-item-right { + display: flex; + align-items: center; + width: 50vw; + height: 50rpx; + padding: 2px 5px; + border: 1px solid #E4E7ED; + border-radius: 5rpx; + } + .popup-item-right input{ + color: #606266; + } + .btn { + display: flex; + height: 90rpx; + margin-top: 20rpx; + border-top: 1px solid #DCDFE6; + justify-content: center; + align-items: center; + } + .btn-left { + display: flex; + flex: 1; + height: 100%; + justify-content: center; + align-items: center; + color: #606266; + border-right: 1px solid #DCDFE6; + } + .btn-right { + display: flex; + flex: 1; + justify-content: center; + align-items: center; + color: #409EFF; + } </style> -- Gitblit v1.9.1