From 6c9cbdf482ce1330704dc635c510ec51a1115a9f Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期一, 18 三月 2024 16:52:29 +0800 Subject: [PATCH] # --- pages/basics/stoOut.vue | 271 ++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 212 insertions(+), 59 deletions(-) diff --git a/pages/basics/stoOut.vue b/pages/basics/stoOut.vue index a4cfbb6..743467f 100644 --- a/pages/basics/stoOut.vue +++ b/pages/basics/stoOut.vue @@ -1,20 +1,63 @@ <template> <view> - <form> - <view class="cu-form-group margin-top"> - <view class="title">搴撲綅鍙凤細</view> - <input v-model="billNo" placeholder="鎵爜 / 杈撳叆" name="input" @input="searchBillNo"> - </view> - <view class="cu-form-group margin-top"> - - <view class="title" >鍑哄簱鍙o細</view> - <view class="combox" > - <uni-combox :candidates="sites" placeholder="璇烽�夋嫨鍑哄簱绔欑偣" v-model="siteId" @click="staNoSelect()"></uni-combox> - </view> - </view> - </form> - - <view style="margin-top: 10px;"> + <view class="square-2"> + <view class="square-title"> + <view class="title-sign"><view class="sign"></view></view> + <view class="title-text"><text>搴撲綅鍙风爜</text></view> + </view> + <view class="square-content"> + <view class="content-input"> + <input type="text" v-model="locNo" placeholder="鎵爜 / 杈撳叆" @input="searchLocNo" placeholder-style="line-height: 85rpx;"> + <uni-icons type="closeempty" size="20" color="#dadada" @click="removeLocNo"></uni-icons> + </view> + </view> + </view> + <view class="square-2"> + <view class="square-title"> + <view class="title-sign"><view class="sign"></view></view> + <view class="title-text"><text>鍑哄簱鍙�</text></view> + + </view> + <view class="content-combox"> + <uni-combox emptyTips="鏆傛棤鏁版嵁" + :candidates="sites" v-model="siteId" @click="staNoSelect()" placeholder="璇烽�夋嫨鍑哄簱绔欑偣"> + </uni-combox> + </view> + </view> + + <view class="square-1"> + <view class="square-title"> + <view class="title-sign"><view class="sign"></view></view> + <view class="title-text"><text>鍟嗗搧鍒楄〃</text></view> + </view> + + </view> + + <view class="square-none" v-show="matList.length === 0"> + <view class="v-show">鏆傛棤鏇村鏁版嵁...</view> + </view> + + <checkbox-group @change="checkbox"> + <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > + <!-- <label class="left-check-box"> + <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" /> + </label> --> + <view class="data-list-left"> + <view class="matnr"><text style="width: 700rpx;">缂栫爜锛歿{item.matnr}}</text></view> + <view><text style="width: 700rpx;">鍝佸悕锛歿{item.maktx}}</text></view> + <view><text style="width: 700rpx;">鎵瑰彿锛歿{item.batch}}</text></view> + <view> + <text style="width: 700rpx;">鏁伴噺锛歿{item.anfme}}</text> + </view> + </view> + <view class="data-list-right"> + <!-- <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label> --> + <!-- list涓垹闄ら敭 --> + <!-- <label><uni-icons type="trash" size="25" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label> --> + </view> + </view> + </checkbox-group> + <!-- <view style="margin-top: 10px;"> <uni-table ref="table" border stripe emptyText="鏆傛棤鏇村鏁版嵁"> <uni-tr> <uni-th align="center" width="50">鍑哄簱鏁伴噺</uni-th> @@ -22,39 +65,32 @@ <uni-th align="center" width="80">浜у搧浠e彿</uni-th> <uni-th align="center" width="70">浜у搧鍚嶇О</uni-th> </uni-tr> - <uni-tr v-for="(item, index) in matData" :key="index"> + <uni-tr v-for="(item, index) in matList" :key="index"> <uni-td align="center">{{item.qty}}</uni-td> <uni-td align="center">{{item.matNo}}</uni-td> <uni-td align="center">{{item.size}}</uni-td> <uni-td align="center">{{item.matName}}</uni-td> </uni-tr> </uni-table> - </view> - - <!-- 搴曢儴鎸夐挳 --> - <view class="footer flex justify-around"> - <!-- 搴曢儴鍏ㄩ�� 鍙嶉�夋寜閽� --> - <!-- <label class="label-btn" style="width: 170rpx;"> - <checkbox :checked="check" @click="allChecked()">{{checkText}}</checkbox> - </label> - <label class="label-btn" style="width: 100rpx;"> - <text @click="reChecked()">鍙嶉��</text> - </label> --> - - <label class="label-btn" style="width: 150rpx;"> - <button class="cu-btn" @click="resst()">閲嶇疆</button> - </label> - <label class="label-btn"> - <button class="cu-btn bg-blue " @click="outbound()">鍚姩鍑哄簱</button> - </label> - </view> - - <!-- <view class="cu-bar foot input" style="height: 130rpx;"> - <view class="flex solid-bottom padding justify-start"> - <button class="cu-btn bg-yellow main-btn margin-xs" style="width: 430rpx;" @click="outbound()">鍚姩鍑哄簱</button> - <button class="cu-btn bg-grey main-btn margin-xs" @click="reset">閲� 缃�</button> - </view> </view> --> + + <!-- 搴曢儴鎸夐挳 --> + <view class="footer flex justify-around"> + <!-- 搴曢儴鍏ㄩ�� 鍙嶉�夋寜閽� --> + <!-- <label class="label-btn" style="width: 170rpx;"> + <checkbox :checked="check" @click="allChecked()">{{checkText}}</checkbox> + </label> + <label class="label-btn" style="width: 100rpx;"> + <text @click="reChecked()">鍙嶉��</text> + </label> --> + + <label class="label-btn" style="width: 150rpx;"> + <button class="cu-btn" @click="resst()">閲嶇疆</button> + </label> + <label class="label-btn"> + <button class="cu-btn bg-blue " @click="outbound()">鍚姩鍑哄簱</button> + </label> + </view> </view> </template> @@ -63,8 +99,8 @@ export default { data() { return { - billNo: null, - matData: [], + locNo: null, + matList: [], sites: [], siteId: '' } @@ -77,21 +113,30 @@ this.staNoSelect(); }, methods: { - searchBillNo() { + // 娓呯┖鍗曞彿鎼滅储妗� + removeLocNo() { + this.locNo = null + }, + searchLocNo() { let that = this; uni.request({ - url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/waitMatout/list/auth", - header: {'token':uni.getStorageSync('token')}, + url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/locDetl/list/auth", + header: { + 'content-type':"application/x-www-form-urlencoded", + 'token':uni.getStorageSync('token') + }, data: { curr:1, limit:10, - typeCode:1, - bill_no:that.billNo + // typeCode:1, + loc_no: that.locNo }, + method:"POST", success(result) { + console.log(result) let res = result.data if (res.code === 200 ) { - that.matData = res.data.records + that.matList = res.data.records that.staNoSelect() } else if (res.code == 403) { uni.showToast({title: res.msg, icon: "none", position: 'top'}) @@ -133,8 +178,8 @@ }, outbound() { let that = this - if (that.matData.length === 0) { - uni.showToast({title: "璇峰厛娣诲姞浜у搧", icon: "none",position: 'top'}) + if (that.matList.length === 0) { + uni.showToast({title: "璇烽�夋嫨鍑哄簱鍙�", icon: "none",position: 'top'}) } else { if (that.siteId == '') { uni.showToast({title: "璇烽�夋嫨鍑哄簱鍙�", icon: "none",position: 'top'}) @@ -142,34 +187,35 @@ } }; var staNo = that.siteId.substring(0,3) - var locDetls = []; - that.matData.forEach(function(elem) { - locDetls.push({billNo:elem.billNo,seqNo:elem.seqNo, matNo: elem.matNo, count: elem.qty,}); + that.matList.forEach(function(elem) { + console.log(elem) + locDetls.push({locNo:elem.locNo,matnr:elem.matnr, batch: elem.batch, count: elem.anfme,}); }); let param = { - outSite: 173, + outSite: staNo, locDetls: locDetls } uni.request({ - url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/mat/out/start", + url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/plate/out/start", header: { 'token':uni.getStorageSync('token')}, data: JSON.stringify(param), method:"POST", success(result) { + console.log(result) if (result.data.code === 200) { uni.showToast({title: result.data.msg, icon: "none",position: 'top'}) - that.reset() + that.resst() } else { uni.showToast({title: result.data.msg, icon: "none",position: 'top'}) } } }) }, - reset() { + resst() { this.billNo = ''; - this.matData = []; + this.matList = []; this.siteId = ''; } } @@ -190,4 +236,111 @@ width: 200px; padding: 12px; } + .bg-false { + background-color: #FFFFFF; + } + .bg-true { + background-color: #ebebeb; + } + .data-list { + border-bottom: 1px solid #d8d8d8; + height: 180rpx; + width: 94%; + margin: 15rpx auto 15rpx auto; + border-radius: 20rpx; + } + .data-list:first-child { + margin-top: 20rpx; + } + .data-list:last-child { + margin-bottom: 160rpx; + } + /* .data-list-left { + display: inline-block; + float: left; + text-align: center; + width: 100rpx; + height: 180rpx; + line-height: 180rpx; + } */ + .left-check-box { + display: inline-block; + /* background-color: #1E9FFF; */ + float: left; + height: 100%; + width: 100rpx; + text-align: center; + line-height: 170rpx; + } + .data-list-left { + /* background-color: #ffff7f; */ + display: inline-block; + float: left; + height: 180rpx; + width: 500rpx; + color: #676767; + text-indent: 20rpx; + } + .matnr { + padding-top: 10rpx; + } + .data-list-right { + /* background-color: #55ffff; */ + display: inline-block; + float: right; + width: 100rpx; + height: 180rpx; + line-height: 180rpx; + } + .data-list-right label { + display: inline-block; + float: left; + width: 100rpx; + height: 180rpx; + } + .revise-box { + width: 500rpx; + height: 500rpx; + } + .revise-box-top { + width: 100%; + height: 100rpx; + background-color: #fff; + padding: 10rpx; + } + .changeBox { + width: 100%; + height: 100rpx; + line-height: 120rpx; + text-align: center; + background-color: #FFF; + margin-top: 20rpx; + border-bottom: 1px solid #e3e3e3; + } + .text-box { + width: 100%; + height: 100rpx; + line-height: 120rpx; + text-align: center; + /* padding-left: 120rpx; */ + background-color: #FFF; + margin-top: 20rpx; + border-bottom: 1px solid #e3e3e3; + } + .changeBox .num-box { + display: inline-block; + float: left; + } + .changeBox button { + float: left; + } + .revise-box-buttom { + position: absolute; + width: 100%; + height: 100rpx; + line-height: 100rpx; + background-color: #FFFFFF; + bottom: 0; + text-align: center; + } </style> \ No newline at end of file -- Gitblit v1.9.1