<template>
|
<view>
|
<view class="container">
|
<view class="text-box">
|
<view class="text-title text-desc"><text>商品编码</text></view>
|
<view class="text-title"><text>{{matData.matnr}}</text></view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>商品名称</text></view>
|
<view class="text-title">{{matData.maktx}}</view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>规格</text></view>
|
<view class="text-title">{{matData.specs}}</view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>入库区域</text></view>
|
<view class="text-title">{{matData.matType$}}</view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>批号</text></view>
|
<view class="text-title"><input type="text" v-model="matData.batch"></view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>备注</text></view>
|
<view class="text-title"><input type="text" v-model="matData.memo"></view>
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>客户信息</text></view>
|
<uni-combox :candidates="owners" placeholder="请选择客户类别"
|
v-model="matData.owner"></uni-combox>
|
<!-- <view class="text-title"><input type="text" v-model="matData.cstmr"></view> -->
|
</view>
|
<view class="text-box">
|
<view class="text-title text-desc"><text>数量</text></view>
|
<view class="text-title">
|
<view>
|
<uni-number-box :value="matData.anfme" :max="9999999" color="#747474" @change="changeValue"/>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="foot flex justify-center">
|
<label>
|
<button class="cu-btn bg-blue" @click="back()">提取</button>
|
</label>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
matData: {
|
matnr: null,
|
maktx: null,
|
batch: null,
|
anfme: null,
|
owner: null
|
},
|
owners: [],
|
owner: '',
|
baseIP:'',
|
basePORT:'',
|
commonUrl: ''
|
}
|
},
|
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('matData', function(data) {
|
that.matData = data.data
|
that.matData.anfme = 0
|
})
|
|
eventChannel.on('url', function(data) {
|
that.commonUrl = data.data
|
})
|
this.locOwner()
|
|
},
|
methods: {
|
locOwner() {
|
let _this = this
|
uni.request({
|
url: _this.commonUrl + '/locOwner/list/auth',
|
data:{curr:1,limit:15},
|
header: { 'token':uni.getStorageSync('token') },
|
success(res) {
|
res = res.data
|
if (res.code === 200) {
|
_this.owner = res.data.records
|
for (let k of res.data.records) {
|
_this.owners.push(k.owner)
|
}
|
}
|
}
|
})
|
},
|
blur() {
|
|
},
|
focus() {
|
|
},
|
changeValue(value) {
|
this.matData.anfme = value
|
},
|
back() {
|
if (this.matData.anfme === 0) {
|
uni.showToast({title: '请输入数量', icon: "none", position: 'top'});
|
return;
|
}
|
this.getOpenerEventChannel().emit('matList', {data: this.matData});
|
this.getOpenerEventChannel().emit('owner', {data: this.owner});
|
uni.vibrateShort();
|
uni.navigateBack({
|
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container {
|
width: 100%;
|
height: 100%;
|
background-color: #ffffff;
|
}
|
.text-box {
|
display: flex;
|
height: 100rpx;
|
/* line-height: 100rpx; */
|
margin-top: 20rpx;
|
margin-left: 10%;
|
width: 80%;
|
font-size: 32rpx;
|
font-weight: 400;
|
color: #434343;
|
border-bottom: 1rpx solid #e8e8e8;
|
}
|
.text-box:last-child {
|
border-bottom: none;
|
}
|
.text-box .text-title {
|
width: 30%;
|
height: 100rpx;
|
float: left;
|
display: inline-block;
|
}
|
.text-box .text-title:last-child {
|
display: inline-block;
|
margin-left: 5%;
|
width: 65%;
|
font-size: 30rpx;
|
font-weight: 400;
|
color: #747474;
|
display: flex;
|
align-items: center;
|
}
|
.text-box .text-title:last-child input {
|
border-bottom: 1rpx solid #e8e8e8 ;
|
width: 100%;
|
}
|
.text-desc {
|
line-height: 100rpx;
|
}
|
|
.foot {
|
width: 100%;
|
height: 100rpx;
|
line-height: 100rpx;
|
background-color: rgba(255,255,255,1);
|
/* background-color: #434343; */
|
position: fixed;
|
bottom: 0%;
|
border-top: 1px solid #d8d8d8;
|
z-index: 1;
|
}
|
</style>
|
