From 0d2024eabd0f07bc4ab3341dddc10464d31938f8 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:47:12 +0800 Subject: [PATCH] #新增订单筛选物料界面 --- pages/mat/matSelected.vue | 278 +++++++++++++++++++++++++++++-------------------------- 1 files changed, 146 insertions(+), 132 deletions(-) diff --git a/pages/mat/matSelected.vue b/pages/mat/matSelected.vue index 2c8db02..b82675e 100644 --- a/pages/mat/matSelected.vue +++ b/pages/mat/matSelected.vue @@ -1,133 +1,147 @@ -<template> - <view> - <view class="form"> - <view class="form-item"> - <view class="form-item-desc"><text>鍟嗗搧缂栫爜</text></view> - <view class="form-item-content"><text>{{mat.matnr}}</text></view> - </view> - <view class="form-item"> - <view class="form-item-desc"><text>鍟嗗搧鍚嶇О</text></view> - <view class="form-item-content"><text>{{mat.maktx}}</text></view> - </view> - <view class="form-item"> - <view class="form-item-desc"><text>瑙勬牸</text></view> - <view class="form-item-content"><text>{{mat.specs}}</text></view> - </view> - <!-- <view class="form-item"> - <view class="form-item-desc"><text>鎵瑰彿</text></view> - <view class="form-item-content"> - <view class="form-input"> - <input type="text" v-model="mat.batch"> - </view> - </view> - </view> --> - <view class="form-item"> - <view class="form-item-desc"><text>鏁伴噺</text></view> - <view class="form-item-content"> - <uni-number-box :value="mat.anfme" :max="99999999" :step='1' color="#747474" @change="changeValue" /> - </view> - </view> - </view> - <!-- 搴曢儴鎿嶄綔鎸夐挳 --> - <view class="buttom"> - <button size="mini" type="primary" @click="back()">鎻愬彇</button> - </view> - </view> -</template> - -<script> - export default { - data() { - return { - mat: { - matnr: null, - maktx: null, - specs: null, - batch: null, - anfme: 0, - }, - baseIP:'', - basePORT:'', - } - }, - onLoad(option) { - let that = this - // #ifdef APP-NVUE - const eventChannel = this.$scope.eventChannel; // 鍏煎APP-NVUE - // #endif - // #ifndef APP-NVUE - const eventChannel = this.getOpenerEventChannel(); - // #endif - - // 鐩戝惉acceptDataFromOpenerPage浜嬩欢锛岃幏鍙栦笂涓�椤甸潰閫氳繃eventChannel浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� - eventChannel.on('mat', function(data) { - that.mat = data.data - that.mat.anfme = 0 - }) - - - }, - methods: { - blur() { - - }, - focus() { - - }, - changeValue(value) { - this.mat.anfme = value - }, - back() { - if (this.mat.anfme === 0) { - uni.showToast({title: '璇疯緭鍏ユ暟閲�', icon: "none", position: 'top'}); - return; - } - this.getOpenerEventChannel().emit('matList', {data: this.mat}); - uni.navigateBack({ - - }) - } - } - } -</script> - -<style> - @import url('../../static/css/wms.css/wms.css'); - .form { - min-height: 80rpx; - background-color: #FFF; - margin-top: 10px; - color: #606266; - box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2) ; - } - .form-item { - height: 100rpx; - line-height: 100rpx; - border-bottom: 1px solid #DCDFE6; - margin-left: 40rpx; - display: flex; - align-items: center; - } - .form-item-desc { - width: 30%; - } - .form-item-content { - width: 60%; - } - - .form-item:last-child { - border: none; - } - .form-input { - display: flex; - align-items: center; - width: 50vw; - height: 50rpx; - padding: 2px 5px; - border-bottom: 1px solid #E4E7ED; - border-radius: 5rpx; - } - .form-input input{ - color: #606266; - } +<template> + <view> + <view class="form"> + <view class="form-item"> + <view class="form-item-desc"><text>鍟嗗搧缂栫爜</text></view> + <view class="form-item-content"><text>{{mat.matnr}}</text></view> + </view> + <view class="form-item"> + <view class="form-item-desc"><text>鍟嗗搧鍚嶇О</text></view> + <view class="form-item-content"><text style="word-wrap:break-word">{{mat.maktx}}</text></view> + </view> + <view class="form-item"> + <view class="form-item-desc"><text>瑙勬牸</text></view> + <view class="form-item-content"><text>{{mat.specs}}</text></view> + </view> + <view class="form-item"> + <view class="form-item-desc"><text>鎵瑰彿</text></view> + <view class="form-item-content"> + <view class="form-input"> + <input type="text" v-model="mat.batch"> + </view> + </view> + </view> + <view class="form-item"> + <view class="form-item-desc"><text>鏁伴噺</text></view> + <view class="form-item-content"> + <uni-number-box :value="mat.mergeNum" :max="mat.maxQty" :step='1' color="#747474" @change="changeValue" /> + </view> + </view> + </view> + <!-- 搴曢儴鎿嶄綔鎸夐挳 --> + <view class="buttom"> + <button size="mini" type="primary" @click="back()">鎻愬彇</button> + </view> + </view> +</template> + +<script> + export default { + data() { + return { + mat: { + matnr: null, + maktx: null, + specs: null, + batch: null, + mergeNum: 0, + maxQty: 0, + }, + baseIP:'', + basePORT:'', + } + }, + onLoad(option) { + let that = this + // #ifdef APP-NVUE + const eventChannel = this.$scope.eventChannel; // 鍏煎APP-NVUE + // #endif + // #ifndef APP-NVUE + const eventChannel = this.getOpenerEventChannel(); + // #endif + + // 鐩戝惉acceptDataFromOpenerPage浜嬩欢锛岃幏鍙栦笂涓�椤甸潰閫氳繃eventChannel浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� + eventChannel.on('mat', function(data) { + that.mat = data.data + that.mat.maxQty = data.data.mergeNum + }) + + + }, + methods: { + blur() { + + }, + focus() { + + }, + changeValue(value) { + if (value > this.mat.maxQty) { + uni.showToast({title: '宸叉槸鏈�澶у彲缁勬嫋鏁帮紒锛�', icon: "none", position: 'top'}); + return + } else { + this.mat.mergeNum = value; + } + }, + back() { + let that = this + if (this.mat.mergeNum === 0) { + uni.showToast({title: '璇疯緭鍏ユ暟閲�', icon: "none", position: 'top'}); + return; + } + + //灏嗛�変腑鍐呭锛岃繑鍥炶嚦缁勬嫋涓婚〉 + let pages = getCurrentPages(); + let prePage = pages[pages.length - 3] + uni.navigateBack({ + delta: 2, + success() { + prePage.$vm.getMatsList({data: that.mat}) + } + }) + } + } + } +</script> + +<style> + @import url('../../static/css/wms.css/wms.css'); + .form { + min-height: 80rpx; + background-color: #FFF; + margin-top: 10px; + color: #606266; + box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2) ; + } + .form-item { + min-height: 100rpx; + line-height: 1.3; + border-bottom: 1px solid #DCDFE6; + margin-left: 40rpx; + display: flex; + align-items: center; + word-wrap: break-word; + } + .form-item-desc { + width: 30%; + } + .form-item-content { + width: 60%; + } + + .form-item:last-child { + border: none; + } + .form-input { + display: flex; + align-items: center; + width: 50vw; + height: 50rpx; + padding: 2px 5px; + border-bottom: 1px solid #E4E7ED; + border-radius: 5rpx; + } + .form-input input{ + color: #606266; + } </style> \ No newline at end of file -- Gitblit v1.9.1