From 30b58aa4af12b82252451bca64c6daf30bdf7232 Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期五, 08 四月 2022 13:15:50 +0800 Subject: [PATCH] #2 --- pages/basics/pakin.vue | 127 +++++++++++++++++++++++++++++++----------- 1 files changed, 93 insertions(+), 34 deletions(-) diff --git a/pages/basics/pakin.vue b/pages/basics/pakin.vue index 0116462..6ae9022 100644 --- a/pages/basics/pakin.vue +++ b/pages/basics/pakin.vue @@ -7,7 +7,7 @@ <text class="title">鎵樼洏鏉$爜</text> </view> <view class="box-buttom"> - <input type="text" placeholder="鎵爜 / 杈撳叆"> + <input v-model="barcode" type="text" placeholder="鎵爜 / 杈撳叆"> </view> </view> <view class="pak-seach-box"> @@ -16,26 +16,28 @@ <text class="title">妫�绱㈠晢鍝�</text> </view> <view class="box-buttom"> - <input type="text" placeholder="鎵爜 / 杈撳叆"> - <button class="cu-btn bg-blue" @click="pickEject()">+鎻愬彇</button> + <input v-model="matnr" type="text" placeholder="鎵爜 / 杈撳叆" @input="findMat()"> + <button class="cu-btn bg-blue" @click="selectMat()">+鎻愬彇</button> </view> </view> <view class="pak-data-box"> <view class="box-top"> <view class="color-block-blue"></view> <text class="title">鍟嗗搧鍒楄〃</text> + <text v-show="matList.length === 0">鏃犳暟鎹�</text> </view> </view> <checkbox-group @change="checkbox"> - <view v-for="(item,index) in data" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > + <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > <view class="data-list-left"> <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" /> </view> <view class="data-list-right"> <view><text style="width: 400rpx;">缂栫爜锛歿{item.matnr}}</text></view> <view><text style="width: 400rpx;">鍝佸悕锛歿{item.maktx}}</text></view> - <view><text style="width: 400rpx;">鎵瑰彿锛歿{item.anfme}}</text></view> + <view><text style="width: 400rpx;">鎵瑰彿锛歿{item.batch}}</text></view> + <view><text style="width: 400rpx;">鏁伴噺锛歿{item.anfme}}</text></view> </view> </view> </checkbox-group> @@ -45,7 +47,7 @@ <button class="cu-btn">閲嶇疆</button> </view> <view> - <button class="cu-btn pakin-btn bg-blue">缁勬墭</button> + <button class="cu-btn pakin-btn bg-blue" @click="comb()">缁勬墭</button> </view> <view> <button class="cu-btn bg-blue" @click="searchEject()"><text class="button-text">灞呬腑</text></button> @@ -58,46 +60,100 @@ export default { data() { return { + barcode: '', type: 'center', searchBox: 'hide', pick:'hide', - data:[ - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - {matnr:'123456',anfme:'1',maktx:'鏄剧ず鍣�',inQty:'2022鎵�',id:21}, - - ] + matnr:'', + matList:[] } }, + mounted(){ + const UIP = uni.getStorageSync('UIP'); + this.baseIP = UIP; + const UPORT = uni.getStorageSync('UPORT'); + this.basePORT = UPORT + }, + onShow() { + let that = this; + uni.$on('matData', function(data) { + that.matList.push(data); + }) + }, methods: { + comb() { + let that = this; + if (that.barcode === '') { + uni.showToast({title: '璇锋壂鎻忔墭鐩樻潯鐮�', icon: "none", position: 'top'}); + return; + } + if (that.matList.length === 0) { + uni.showToast({title: '璇锋坊鍔犲晢鍝佸垪琛�', icon: "none", position: 'top'}); + return; + } + uni.showLoading(); + uni.request({ + url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mobile/comb/auth', + data: JSON.stringify({ + barcode: that.barcode, + combMats: that.matList + }), + method: 'POST', + header: { + 'token':uni.getStorageSync('token') + }, + success(result) { + uni.hideLoading(); + var res = result.data + if (res.code === 200) { + uni.showToast({ + title: res.msg, + position: 'bottom', + duration: 1000 + }); + } else if (res.code == 403) { + uni.showToast({title: res.msg, icon: "none", position: 'top'}) + setTimeout(() => { + uni.reLaunch({ + url: '../login/login' + }); + }, 500); + } else { + uni.showToast({title: res.msg, icon: "none",position: 'top'}) + } + } + }); + }, searchEject() { uni.navigateTo({ url: "matQuery" }); }, - pickEject() { - if (this.pick == 'show') { - this.pick = 'hide' - } else { - this.pick = 'show' - } - uni.vibrateShort(); + selectMat() { + }, + findMat() { + let that = this + uni.request({ + url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + '/mat/auth', + data: { + matnr:that.matnr + }, + header: { + 'token':uni.getStorageSync('token') + }, + success(result) { + let res = result.data + if (res.code === 200 && res.data) { + uni.navigateTo({ + url:"matQuery?matnr=" + that.matnr + "&baseIP=" + that.baseIP + "&basePORT=" + that.basePORT + }) + } + + } + }); + }, + change(e) { console.log('褰撳墠妯″紡锛�' + e.type + ',鐘舵�侊細' + e.show); }, @@ -132,6 +188,9 @@ </script> <style> + /* @import "../../colorui/main.css"; + @import "../../colorui/icon.css"; */ + .pak-seach-box { background-color: #FFFFFF; margin: 15rpx 15rpx 0rpx 15rpx; -- Gitblit v1.9.1