<template>
|
<view>
|
<view class="code">
|
<view style="display: flex;align-items: center;">
|
<view style="width: 70rpx;padding-left: 20rpx;">{{searchType}}</view>
|
<view style="flex: 1;margin-left: -8rpx;">
|
<uni-search-bar v-model="searchValue"
|
maxlength="500" ancel="cancel" @confirm="getMatList()" @clear="clear" placeholder="输入 / 扫描">
|
</uni-search-bar>
|
</view>
|
|
</view>
|
<view class="code-title">
|
<view></view>
|
<view style="width: 100%;text-align: center;margin: 16rpx 0;">{{searchValue}} 总数量：- {{total}} -</view>
|
</view>
|
</view>
|
|
<view class="order__list" v-for="(orderDetl,index) in dataList" :key="index">
|
<view class="order__list__left">
|
<view>No：{{index + 1}}</view>
|
<view>订单号：{{orderDetl.orderNo}}</view>
|
<view>料号：{{orderDetl.matnr}}</view>
|
<view>批号：{{orderDetl.batch}}</view>
|
<view>可用数量：{{orderDetl.count}}</view>
|
</view>
|
<view class="order__list__right" @click="addItem(orderDetl)">
|
<uni-icons type="folder-add" size="25" color="#fff"></uni-icons>
|
</view>
|
</view>
|
<view style="height: 100rpx;width: 100%;text-align: center;line-height: 100rpx;">- 已经到底了 -</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
baseUrl: '',
|
token: '',
|
storeId: 0,
|
store: '',
|
total: 0,
|
searchType: '订单',
|
searchValue: '',
|
dataList: [],
|
selectedList: [],
|
matnr: ''
|
}
|
},
|
onShow() {
|
let _this = this
|
this.baseUrl = uni.getStorageSync('baseUrl');
|
this.token = uni.getStorageSync('token');
|
this.storeId = uni.getStorageSync('store')
|
if (this.storeId == 1) {
|
this.store = '宁波仓'
|
}
|
if (this.storeId == 2) {
|
this.store = '新昌仓'
|
}
|
const eventChannel = this.getOpenerEventChannel();
|
eventChannel.on('item', function(data) {
|
_this.matnr = data.item.matnr
|
_this.getMatList()
|
})
|
|
},
|
methods: {
|
clear() {
|
this.searchValue = ''
|
this.getOrderNoList(this.locNo)
|
},
|
back() { uni.navigateBack({}) },
|
set(e) {
|
var ck = this.dataList[e].checked
|
this.dataList[e].checked = ck ? false : true
|
},
|
getMatList() {
|
let that = this
|
let searchParam = {
|
orderNo: that.searchValue,
|
matnr: that.matnr,
|
}
|
console.log(searchParam);
|
uni.request({
|
url: that.baseUrl + '/mobile/outBound/mat/list',
|
header: {
|
'token': uni.getStorageSync('token')
|
},
|
data: searchParam,
|
method: 'GET',
|
success(res) {
|
res = res.data;
|
if (res.code === 200) {
|
that.total = res.data.length
|
const result1 = res.data.filter(obj1 =>
|
!that.selectedList.some(obj2 => obj1.matnr === obj2.matnr && obj1.orderNo === obj2.orderNo)
|
);
|
that.dataList = result1
|
that.total = result1.length
|
} else if (res.code == 403) {
|
uni.showToast({ title: res.msg, icon: "error", position: 'center' })
|
setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
|
} else {
|
uni.showToast({ title: res.msg, icon: "error", position: 'center' })
|
}
|
}
|
})
|
|
},
|
addItem(mat) {
|
this.getOpenerEventChannel().emit('sMat', {data: mat});
|
uni.navigateBack({
|
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
@import url('../../static/css/wms.css/wms.css');
|
.code {
|
background-color: #d9d9d9;
|
z-index: 99;
|
position: sticky;
|
top: 0rpx;
|
left: 0;
|
}
|
.code-title {
|
display: flex;
|
}
|
.order__list {
|
margin: 20rpx;
|
font-size: 14px;
|
background-color: #fff;
|
border-radius: 20rpx;
|
border: 1px solid #eeeeee;
|
display: flex;
|
position: relative;
|
background-color: #3eb689;
|
color: #FFF;
|
}
|
.order__list__left {
|
flex: 1;
|
padding: 20rpx;
|
position: relative;
|
}
|
.order__list__right {
|
width: 70rpx;
|
border-left: 1px solid #eeeeee;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
</style>
|
