| New file |
| | |
|---|
| | | <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;background-color: white;padding: 4px;margin: 4px;border-radius: 4px;"> |
|---|
| | | <!-- <uni-search-bar v-model="searchValue" |
|---|
| | | maxlength="500" ancel="cancel" @confirm="getMatList()" @clear="clear" placeholder="输入 / 扫描"> |
|---|
| | | </uni-search-bar> --> |
|---|
| | | <uni-combox :candidates="orderNoList" placeholder="请选择订单" v-model="orderNo" @input="getOrderDet"></uni-combox> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | <view class="code-title"> |
|---|
| | | <view style="flex: 1;"></view> |
|---|
| | | <view style="width: 100%;text-align: center;margin: 16rpx 0;flex: 1;">{{searchValue}} 总数量：- {{dataList.length}} -</view> |
|---|
| | | <view style="flex: 1;display: flex;align-items: center;"><button size="mini" type="primary" @click="allSelect()">{{seltitle}}</button></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.enableQty}}</view> |
|---|
| | | </view> |
|---|
| | | <view class="order__list__right"> |
|---|
| | | <!-- <uni-icons type="folder-add" size="25" color="#fff"></uni-icons> --> |
|---|
| | | <label @click="checkboxChange(orderDetl)"> |
|---|
| | | <checkbox :value="orderDetl.matnr" :checked="orderDetl.checked" style="transform:scale(0.7)" /><text></text> |
|---|
| | | </label> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | <!-- 底部操作按钮 --> |
|---|
| | | <view class="buttom"> |
|---|
| | | <button size="mini" type="primary" @click="addItems()">提取</button> |
|---|
| | | </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: '', |
|---|
| | | orderNo: '', |
|---|
| | | orderNoList: [], |
|---|
| | | seltitle: '全选' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | 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() |
|---|
| | | }) |
|---|
| | | this.getOrderNoList() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | addItems() { |
|---|
| | | let pickList = [] |
|---|
| | | for (let k of this.dataList) { |
|---|
| | | if (k.checked) { |
|---|
| | | pickList.push(k) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.getOpenerEventChannel().emit('pickList', {data: pickList}); |
|---|
| | | uni.navigateBack({ |
|---|
| | | |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | checkboxChange(e) { |
|---|
| | | let items = this.dataList, |
|---|
| | | values = e.matnr; |
|---|
| | | if (e.checked) { |
|---|
| | | this.$set(e,'checked',false) |
|---|
| | | } else { |
|---|
| | | this.$set(e,'checked',true) |
|---|
| | | } |
|---|
| | | var count = 0 |
|---|
| | | for (let k of items) { |
|---|
| | | if (k.checked) { |
|---|
| | | count++ |
|---|
| | | } |
|---|
| | | } |
|---|
| | | if (count == items.length && count > 0) { |
|---|
| | | this.seltitle = '取消全选' |
|---|
| | | } else { |
|---|
| | | this.seltitle = '全选' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | allSelect() { |
|---|
| | | if (this.seltitle == '全选') { |
|---|
| | | for (let k of this.dataList) { |
|---|
| | | k.checked = true |
|---|
| | | } |
|---|
| | | this.seltitle = '取消全选' |
|---|
| | | } else { |
|---|
| | | for (let k of this.dataList) { |
|---|
| | | k.checked = false |
|---|
| | | } |
|---|
| | | this.seltitle = '全选' |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | getOrderDet() { |
|---|
| | | let that = this |
|---|
| | | uni.request({ |
|---|
| | | url: that.baseUrl + '/order/list/orderNo', |
|---|
| | | data: {orderNo: that.orderNo} , |
|---|
| | | method: 'GET', |
|---|
| | | success(res) { |
|---|
| | | res = res.data; |
|---|
| | | if (res.code === 200) { |
|---|
| | | that.dataList = res.data |
|---|
| | | for (var i = 0; i < that.dataList.length; i++) { |
|---|
| | | that.$set(that.dataList[i],'checked',false) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | getOrderNoList() { |
|---|
| | | let that = this |
|---|
| | | uni.request({ |
|---|
| | | url: this.baseUrl + '/order/comb/list/all', |
|---|
| | | header: { |
|---|
| | | 'token': uni.getStorageSync('token') |
|---|
| | | }, |
|---|
| | | method: 'POST', |
|---|
| | | success(res) { |
|---|
| | | res = res.data |
|---|
| | | for (var i = 0; i < res.data.length; i++) { |
|---|
| | | that.orderNoList.push(res.data[i].order_no) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | 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> |
|---|
| | | |
|---|
