<template>
|
<view>
|
<view class="form" v-if="mat">
|
<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.batch">
|
</view>
|
</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.suppCode">
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- 底部操作按钮 -->
|
<view class="buttom">
|
<button size="mini" type="primary" @click="back()">确认</button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
mat: null,
|
selectNum: null
|
}
|
},
|
onLoad(option) {
|
let that = this
|
// #ifdef APP-NVUE
|
const eventChannel = this.$scope.eventChannel;
|
// #endif
|
// #ifndef APP-NVUE
|
const eventChannel = this.getOpenerEventChannel();
|
// #endif
|
|
eventChannel.on('mat', function(data) {
|
// 接口返回单个对象，初始化anfme和batch
|
let matData = data.data
|
if (!matData.anfme) matData.anfme = 0
|
if (!matData.workQty) matData.workQty = 0
|
if (!matData.batch) matData.batch = ''
|
matData.id = null
|
that.mat = matData
|
})
|
},
|
methods: {
|
changeValue(value) {
|
this.mat.anfme = value
|
this.selectNum = value
|
},
|
back() {
|
if (this.selectNum != null) {
|
this.mat.anfme = this.selectNum
|
}
|
this.getOpenerEventChannel().emit('checkMatList', {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 {
|
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>
|
