5 changed files with 448 additions and 79 deletions
@ -0,0 +1,281 @@ |
|||
<template> |
|||
<view class=""> |
|||
<uni-popup ref="popup" :maskClick="false"> |
|||
<view class="uni-flex uni-column pop_customer"> |
|||
<view class="" style="padding:10rpx"> |
|||
<view class="uni-flex u-col-center uni-row space-between" style="padding: 10rpx 10rpx 20rpx 10rpx"> |
|||
<view class="" style="font-size: 35rpx;"> |
|||
{{title}} |
|||
</view> |
|||
<image style="width: 35rpx;height: 35rpx;" src="/static/icons/icons_close.svg" |
|||
@click="closeRequestPopup()"></image> |
|||
</view> |
|||
<u-line /> |
|||
<view class="uni-flex uni-column" style="background-color: white; "> |
|||
<view class="uni-flex uni-column "> |
|||
<view class="uni-flex uni-row padding title u-col-center"> |
|||
<text style="width: 80px;">目标库位：</text> |
|||
<view class="" style="width: 70% ;"> |
|||
{{toLocationCode}} |
|||
</view> |
|||
<view class=""> |
|||
<image src="/static/search.svg" mode="" |
|||
style=" width: 40rpx;height: 40rpx;margin-left: 20rpx;" |
|||
@click="locationCodeClick"> |
|||
</image> |
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
|
|||
<view class="title padding" style="display: flex;"> |
|||
<text style=" flex-shrink: 0;">物料：</text> |
|||
<view class="" style="width: 100% ;"> |
|||
{{itemCode}} |
|||
</view> |
|||
<view class=""> |
|||
<image src="/static/search.svg" mode="" |
|||
style=" width: 40rpx;height: 40rpx;margin-left: 20rpx;" @click="itemCodeClick"> |
|||
</image> |
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
|
|||
<view class="uni-flex uni-row padding title u-col-center"> |
|||
<text>数量： </text> |
|||
<view class="uni-flex uni-row uni-center" |
|||
style="align-items: center;margin-left: 20rpx;"> |
|||
<uni-number-box :value="counQty" @change="change" style='margin-left: 10rpx;' |
|||
:focus="numberFocus" @blur='numberFocus = false'> |
|||
</uni-number-box> |
|||
<uom :uom="uom"></uom> |
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="uni-flex uni-row hide_border"> |
|||
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="cancel()">取消</button> |
|||
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
<win-scan-item ref="scanPopup" title='物料代码' @getScanCode='getScanCode'> |
|||
</win-scan-item> |
|||
|
|||
<win-scan-location ref="scanLocationPopup" title='目标库位' @getLocation='getLocationCode' |
|||
:locationTypeList="toLocationTypeList"> |
|||
</win-scan-location> |
|||
|
|||
<comMessage ref="comMessage"> |
|||
</comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicLocationByCode, |
|||
getBasicItemByCode, |
|||
getProductionlineItem, |
|||
getWorkShopLineStation |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
getLocationTypeName, |
|||
getListLocationTypeDesc, |
|||
checkDirectoryItemExist |
|||
} from '@/common/directory.js'; |
|||
import uom from '@/mycomponents/qty/uom.vue' |
|||
import balanceStatus from '@/mycomponents/status/balanceStatus.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanItem from '@/mycomponents/scan/winScanItem.vue' |
|||
import winScanLocation from '@/mycomponents/scan/winScanLocation.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
uom, |
|||
balanceStatus, |
|||
comMessage, |
|||
winScanItem, |
|||
winScanLocation |
|||
}, |
|||
data() { |
|||
return { |
|||
itemCode: '请扫描物料信息', |
|||
toLocation: {}, |
|||
toLocationCode: '请扫目标库位', |
|||
itemName: "", |
|||
qty: 0, |
|||
rawLocationCode: "", |
|||
fgLocationCode: "", |
|||
itemCodeFocus: false, |
|||
isCheckItemCode: false, |
|||
counQty: 0, |
|||
editPosition: true, |
|||
numberFocus: false, |
|||
uom: "", |
|||
positionInfo: "请选择位置", |
|||
show: false, |
|||
isModifiedPosition: true, |
|||
positionList: [], |
|||
} |
|||
}, |
|||
props: { |
|||
title: { |
|||
type: String, |
|||
default: '补料需求信息' |
|||
}, |
|||
toLocationTypeList: { |
|||
type: Array, |
|||
default: [] |
|||
}, |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
openRequestPopup(editPosition) { |
|||
// this.editPosition = editPosition; |
|||
// if (this.isModifiedPosition) { |
|||
// this.isModifiedPosition = false |
|||
// } else { |
|||
// this.itemCode = ""; |
|||
// this.uom = "" |
|||
// this.qty = 0 |
|||
// this.itemCodeGetFocus(); |
|||
// } |
|||
|
|||
this.$refs.popup.open('bottom'); |
|||
this.showScanLocation(); |
|||
}, |
|||
closeRequestPopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
|
|||
locationCodeClick() { |
|||
this.showScanLocation(); |
|||
}, |
|||
|
|||
showScanLocation() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationPopup.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
itemCodeClick() { |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}, |
|||
|
|||
showScanItem() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
itemCodeGetFocus() { |
|||
this.itemCodeFocus = true; |
|||
}, |
|||
itemCodeLoseFocus() { |
|||
this.itemCodeFocus = false; |
|||
}, |
|||
selectedItem(item) { |
|||
this.itemCode = item.itemCode; |
|||
this.checkItemCode(); |
|||
}, |
|||
|
|||
confirm() { |
|||
if (this.itemCode == "" || !this.isCheckItemCode) { |
|||
this.showErrorMessage("请输入物料", "itemCode") |
|||
return |
|||
} |
|||
if (this.qty == 0) { |
|||
this.showErrorMessage("数量必须大于0") |
|||
return |
|||
} |
|||
|
|||
this.callback('add'); |
|||
}, |
|||
|
|||
checkItemCode(itemCode) { |
|||
//校验物料 |
|||
getBasicItemByCode(itemCode).then(res => { |
|||
uni.hideLoading(); |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
if (res.data != null && res.data.list.length > 0) { |
|||
this.itemCode = res.data.list[0].code; |
|||
this.itemName = res.data.list[0].name |
|||
this.isCheckItemCode = true; |
|||
this.numberFocus = true |
|||
this.uom = res.data.list[0].uom |
|||
} else { |
|||
this.showErrorMessage('未查找到物料【' + itemCode + '】', "itemCode"); |
|||
} |
|||
|
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
this.showErrorMessage(error, "itemCode"); |
|||
}) |
|||
}, |
|||
|
|||
callback(action) { |
|||
let item = { |
|||
toLocation: this.toLocation, |
|||
itemCode: this.itemCode, |
|||
itemName: this.itemName, |
|||
uom: this.uom, |
|||
qty: this.qty |
|||
}; |
|||
this.closeRequestPopup(); |
|||
this.$emit("confirm", action, item); |
|||
}, |
|||
|
|||
|
|||
change(value) { |
|||
this.qty = value; |
|||
}, |
|||
|
|||
cancel(e) { |
|||
this.closeRequestPopup(); |
|||
}, |
|||
|
|||
getScanCode(code) { |
|||
if (code == "") { |
|||
this.showErrorMessage('物料号不能为空') |
|||
return; |
|||
} |
|||
this.itemCode = ""; |
|||
this.checkItemCode(code) |
|||
}, |
|||
|
|||
getLocationCode(location, code) { |
|||
if (location != null) { |
|||
this.toLocation = location; |
|||
this.toLocationCode = code; |
|||
this.showScanItem(); |
|||
} |
|||
}, |
|||
|
|||
showErrorMessage(message, type) { |
|||
setTimeout(r => { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (type == "itemCode") { |
|||
this.itemCodeGetFocus(); |
|||
} else { |
|||
this.numberFocus = true; |
|||
} |
|||
}) |
|||
if (type == "itemCode") { |
|||
this.itemCode = "" |
|||
this.isCheckItemCode = false; |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.title { |
|||
font-size: 30rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue