<template>
|
<view>
|
<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" 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-content">
|
<view class="form-input">
|
<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.enableQty" :max="99999999" 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,
|
},
|
selectNum: null,
|
mats: [],
|
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.mats = data.data
|
})
|
|
console.log(that.mats);
|
},
|
methods: {
|
blur() {
|
|
},
|
focus() {
|
|
},
|
changeValue(value) {
|
this.mats[0].anfme = value
|
this.selectNum = value
|
},
|
back() {
|
if (this.mats[0].anfme === 0) {
|
uni.showToast({
|
title: '请输入数量',
|
icon: "none",
|
position: 'top'
|
});
|
return;
|
}
|
|
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({
|
|
})
|
}
|
}
|
}
|
</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;
|
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;
|
}
|
</style>
|
