| | |
| | | <template> |
| | | <view> |
| | | <view class="form"> |
| | | <view class="form" v-for="mat in mats"> |
| | | <!-- <view class="form-item"> |
| | | <view class="form-item-desc"><text>订单号</text></view> |
| | | <view class="form-item-content"><text>{{mat.orderNo}}</text></view> |
| | | </view> --> |
| | | <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 class="form-item-content" style="word-break: break-all;line-height: 1.5;"> |
| | | <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-desc"><text>供应商代码</text></view> |
| | | <view class="form-item-content"> |
| | | <view class="form-input"> |
| | | <input type="text"> |
| | | <input type="text" v-model="mat.standby1"> |
| | | </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" /> |
| | | <uni-number-box :value="mat.enableQty" :max="99999999" color="#747474" @change="changeValue" /> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | batch: null, |
| | | anfme: 0, |
| | | }, |
| | | baseIP:'', |
| | | basePORT:'', |
| | | selectNum: null, |
| | | mats: [], |
| | | baseIP: '', |
| | | basePORT: '', |
| | | } |
| | | }, |
| | | onLoad(option) { |
| | |
| | | // #ifndef APP-NVUE |
| | | const eventChannel = this.getOpenerEventChannel(); |
| | | // #endif |
| | | |
| | | |
| | | // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据 |
| | | eventChannel.on('mat', function(data) { |
| | | that.mat = data.data |
| | | that.mat.anfme = 0 |
| | | that.mats = data.data |
| | | }) |
| | | |
| | | |
| | | |
| | | console.log(that.mats); |
| | | }, |
| | | methods: { |
| | | blur() { |
| | | |
| | | |
| | | }, |
| | | focus() { |
| | | |
| | | |
| | | }, |
| | | changeValue(value) { |
| | | this.mat.anfme = value |
| | | this.mats[0].anfme = value |
| | | this.selectNum = value |
| | | }, |
| | | back() { |
| | | if (this.mat.anfme === 0) { |
| | | uni.showToast({title: '请输入数量', icon: "none", position: 'top'}); |
| | | if (this.mats[0].anfme === 0) { |
| | | uni.showToast({ |
| | | title: '请输入数量', |
| | | icon: "none", |
| | | position: 'top' |
| | | }); |
| | | return; |
| | | } |
| | | this.getOpenerEventChannel().emit('matList', {data: this.mat}); |
| | | |
| | | if (this.selectNum != null) { |
| | | this.mats[0].anfme = this.selectNum |
| | | } else { |
| | | this.mats[0].anfme = this.mats[0].enableQty |
| | | } |
| | | this.getOpenerEventChannel().emit('matList', { |
| | | data: this.mats[0] |
| | | }); |
| | | uni.navigateBack({ |
| | | |
| | | |
| | | }) |
| | | } |
| | | } |
| | |
| | | |
| | | <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) ; |
| | | box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2); |
| | | } |
| | | |
| | | .form-item { |
| | | height: 100rpx; |
| | | line-height: 100rpx; |
| | | min-height: 100rpx; |
| | | line-height: 1; |
| | | 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; |
| | |
| | | border-bottom: 1px solid #E4E7ED; |
| | | border-radius: 5rpx; |
| | | } |
| | | .form-input input{ |
| | | |
| | | .form-input input { |
| | | color: #606266; |
| | | } |
| | | </style> |