|
|
|
@ -43,7 +43,7 @@ |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
<script setup lang="ts"> |
|
|
|
import { |
|
|
|
getManagementPrecisions |
|
|
|
} from '@/common/balance.js'; |
|
|
|
@ -81,335 +81,306 @@ |
|
|
|
import comProductDetailCard from "@/pages/productReceipt/coms/comProductDetailCard.vue" |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'receipt_detail', |
|
|
|
components: { |
|
|
|
winScanButton, |
|
|
|
comDetailCard, |
|
|
|
locationCompare, |
|
|
|
winScanPack, |
|
|
|
jobTop, |
|
|
|
comProductDetailCard |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
id: '', |
|
|
|
receiptJob: {}, |
|
|
|
toLocationCode: '', |
|
|
|
isShowPackingCode: true, |
|
|
|
scanCount: 0, |
|
|
|
jobContent: {}, //任务内容 |
|
|
|
subList: [], //接口返回的任务subList |
|
|
|
detailSource: [], //绑定在页面上的数据源 |
|
|
|
toLocationTypeList: [], |
|
|
|
managementList: [], |
|
|
|
jobStatus:"", |
|
|
|
jobToLocationCode:"" |
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
onLoad(option) { |
|
|
|
this.id = option.id; |
|
|
|
if (this.id != undefined) { |
|
|
|
import {ref, onMounted, onBeforeUnmount} from 'vue'; |
|
|
|
import {onLoad, onPullDownRefresh, onBackPress, onNavigationBarButtonTap} from '@dcloudio/uni-app'; |
|
|
|
import {useCountStore} from '@/store' |
|
|
|
|
|
|
|
const store = useCountStore() |
|
|
|
const id = ref(''); |
|
|
|
const receiptJob = ref({}); |
|
|
|
const toLocationCode = ref(''); |
|
|
|
const isShowPackingCode = ref(true); |
|
|
|
const scanCount = ref(0); |
|
|
|
const jobContent = ref({}); // 任务内容 |
|
|
|
const subList = ref([]); // 接口返回的任务subList |
|
|
|
const detailSource = ref([]); // 绑定在页面上的数据源 |
|
|
|
const toLocationTypeList = ref([]); |
|
|
|
const managementList = ref([]); |
|
|
|
const jobStatus = ref(""); |
|
|
|
const jobToLocationCode = ref(""); |
|
|
|
|
|
|
|
const scanPopupRef = ref(null); |
|
|
|
const comMessageRef = ref(null); |
|
|
|
const comScanLocationRef = ref(null); |
|
|
|
|
|
|
|
onLoad((option) => { |
|
|
|
id.value = option.id; |
|
|
|
if (id.value !== undefined) { |
|
|
|
// 新建的任务自动接收 |
|
|
|
if (option.status == "1") { |
|
|
|
this.receive((callback => { |
|
|
|
this.getDetail(); |
|
|
|
})); |
|
|
|
if (option.status === "1") { |
|
|
|
receive(() => { |
|
|
|
getDetail(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.getDetail(); |
|
|
|
getDetail(); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
//返回首页 |
|
|
|
onNavigationBarButtonTap(e) { |
|
|
|
}); |
|
|
|
|
|
|
|
onNavigationBarButtonTap((e) => { |
|
|
|
if (e.index === 0) { |
|
|
|
goHome(); |
|
|
|
} |
|
|
|
}, |
|
|
|
//拦截返回按钮事件 |
|
|
|
onBackPress(e) { |
|
|
|
}); |
|
|
|
|
|
|
|
onBackPress((e) => { |
|
|
|
// 已经接收但是没提交任务 |
|
|
|
if (e.from == 'backbutton') { |
|
|
|
if (this.jobStatus=="2") { |
|
|
|
if (e.from === 'backbutton') { |
|
|
|
if (jobStatus.value === "2") { |
|
|
|
// 取消承接任务 |
|
|
|
cancleTakeProductReceiptJob(this.id).then(res => { |
|
|
|
cancleTakeProductReceiptJob(id.value).then(() => { |
|
|
|
uni.navigateBack(); |
|
|
|
}).catch(error => { |
|
|
|
}).catch(() => { |
|
|
|
uni.navigateBack(); |
|
|
|
}) |
|
|
|
}); |
|
|
|
} else { |
|
|
|
uni.navigateBack(); |
|
|
|
} |
|
|
|
|
|
|
|
return true; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
onPullDownRefresh() { |
|
|
|
this.getDetail(); |
|
|
|
onPullDownRefresh(() => { |
|
|
|
getDetail(); |
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//接收 |
|
|
|
receive(callback) { |
|
|
|
if (this.id != null) { |
|
|
|
takeProductReceiptJob(this.id).then(res => { |
|
|
|
// 方法 |
|
|
|
const receive = (callback) => { |
|
|
|
if (id.value !== null) { |
|
|
|
takeProductReceiptJob(id.value).then(() => { |
|
|
|
callback(); |
|
|
|
}).catch(error => { |
|
|
|
this.showErrorMessage(error) |
|
|
|
}) |
|
|
|
}).catch((error) => { |
|
|
|
showErrorMessage(error); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
getDetail() { |
|
|
|
var that = this; |
|
|
|
const getDetail = () => { |
|
|
|
uni.showLoading({ |
|
|
|
title: "加载中....", |
|
|
|
mask: true |
|
|
|
}); |
|
|
|
getProductReceiptJobDetail(that.id).then(res => { |
|
|
|
getProductReceiptJobDetail(id.value).then((res) => { |
|
|
|
uni.hideLoading(); |
|
|
|
if (res.data == null) { |
|
|
|
that.showMessage('未获取到详情'); |
|
|
|
if (res.data === null) { |
|
|
|
showMessage('未获取到详情'); |
|
|
|
} else { |
|
|
|
if (res.data.subList.length > 0) { |
|
|
|
that.jobContent = res.data; |
|
|
|
that.subList = res.data.subList; |
|
|
|
that.jobStatus = res.data.status |
|
|
|
that.jobToLocationCode = that.subList[0].toLocationCode |
|
|
|
that.toLocationTypeList = getDirectoryItemArray(that.jobContent.toLocationTypes) |
|
|
|
that.detailSource = getDataSource(that.subList) |
|
|
|
jobContent.value = res.data; |
|
|
|
subList.value = res.data.subList; |
|
|
|
jobStatus.value = res.data.status; |
|
|
|
jobToLocationCode.value = subList.value[0].toLocationCode; |
|
|
|
toLocationTypeList.value = getDirectoryItemArray(jobContent.value.toLocationTypes); |
|
|
|
detailSource.value = getDataSource(subList.value); |
|
|
|
} else { |
|
|
|
that.showMessage('列表数据为0'); |
|
|
|
showMessage('列表数据为0'); |
|
|
|
} |
|
|
|
} |
|
|
|
}).catch(error => { |
|
|
|
uni.hideLoading() |
|
|
|
this.showErrorMessage(error) |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getScanResult(result) { |
|
|
|
let label = result.label; |
|
|
|
var packingNumber = label.packingNumber; |
|
|
|
var batch = label.batch; |
|
|
|
var qty = label.qty; |
|
|
|
var itemCode = label.itemCode; |
|
|
|
|
|
|
|
var detail = this.detailSource.find(r => r.itemCode == itemCode); |
|
|
|
if (detail == undefined) { |
|
|
|
this.showErrorMessage("物料号【" + itemCode + "】不在列表中") |
|
|
|
}).catch((error) => { |
|
|
|
uni.hideLoading(); |
|
|
|
showErrorMessage(error); |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
const getScanResult = (result) => { |
|
|
|
const label = result.label; |
|
|
|
const packingNumber = label.packingNumber; |
|
|
|
const batch = label.batch; |
|
|
|
const qty = label.qty; |
|
|
|
const itemCode = label.itemCode; |
|
|
|
|
|
|
|
const detail = detailSource.value.find((r) => r.itemCode === itemCode); |
|
|
|
if (detail === undefined) { |
|
|
|
showErrorMessage(`物料号【${itemCode}】不在列表中`); |
|
|
|
} else { |
|
|
|
var itemDetail = detail.subList.find(r => |
|
|
|
r.packingNumber == packingNumber && |
|
|
|
r.batch == batch); |
|
|
|
if (itemDetail == undefined) { |
|
|
|
this.showErrorMessage("箱码[" + packingNumber + "]" + "批次[" + batch + "]不在任务列表中") |
|
|
|
const itemDetail = detail.subList.find((r) => |
|
|
|
r.packingNumber === packingNumber && r.batch === batch |
|
|
|
); |
|
|
|
if (itemDetail === undefined) { |
|
|
|
showErrorMessage(`箱码[${packingNumber}]批次[${batch}]不在任务列表中`); |
|
|
|
} else { |
|
|
|
if (itemDetail.scaned) { |
|
|
|
this.showErrorMessage("箱码[" + packingNumber + "]" + "批次[" + batch + "]已经扫描") |
|
|
|
showErrorMessage(`箱码[${packingNumber}]批次[${batch}]已经扫描`); |
|
|
|
} else { |
|
|
|
itemDetail.scaned = true; |
|
|
|
itemDetail.handleQty = Number(result.label.qty); |
|
|
|
itemDetail.toLocationCode = this.toLocationCode; |
|
|
|
itemDetail.toLocationCode = toLocationCode.value; |
|
|
|
itemDetail.labelQty = Number(result.label.qty); |
|
|
|
calcHandleQty(this.detailSource); |
|
|
|
this.continueScan() |
|
|
|
this.$forceUpdate() |
|
|
|
calcHandleQty(detailSource.value); |
|
|
|
continueScan(); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
//继续扫描 |
|
|
|
continueScan() { |
|
|
|
this.scanCount = getScanCount(this.subList); |
|
|
|
if (this.scanCount == this.subList.length) { |
|
|
|
this.closeScanPopup(); |
|
|
|
const continueScan = () => { |
|
|
|
scanCount.value = getScanCount(subList.value); |
|
|
|
if (scanCount.value === subList.value.length) { |
|
|
|
closeScanPopup(); |
|
|
|
} else { |
|
|
|
this.scanPopupGetFocus(); |
|
|
|
scanPopupGetFocus(); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
updateData() { |
|
|
|
calcHandleQty(this.detailSource); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
openScanPopup() { |
|
|
|
this.$refs.scanPopup.openScanPopup(); |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
closeScanPopup() { |
|
|
|
this.$refs.scanPopup.closeScanPopup(); |
|
|
|
}, |
|
|
|
const updateData = () => { |
|
|
|
calcHandleQty(detailSource.value); |
|
|
|
}; |
|
|
|
|
|
|
|
const openScanPopup = () => { |
|
|
|
scanPopupRef.value.openScanPopup(); |
|
|
|
}; |
|
|
|
|
|
|
|
scanLocationCode(location, code) { |
|
|
|
this.toLocationCode = code |
|
|
|
this.detailSource.forEach(item => { |
|
|
|
item.subList.forEach(detail => { |
|
|
|
detail.toLocationCode = code |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
const closeScanPopup = () => { |
|
|
|
scanPopupRef.value.closeScanPopup(); |
|
|
|
}; |
|
|
|
|
|
|
|
checkLocation() { |
|
|
|
var isPass = true; |
|
|
|
if (this.toLocationCode == "" || this.toLocationCode == null) { |
|
|
|
this.showMessageHint('请扫描收货库位', callback => { |
|
|
|
this.$refs.comScanLocation.showLocation(); |
|
|
|
}) |
|
|
|
const scanLocationCode = (location, code) => { |
|
|
|
toLocationCode.value = code; |
|
|
|
detailSource.value.forEach((item) => { |
|
|
|
item.subList.forEach((detail) => { |
|
|
|
detail.toLocationCode = code; |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
return isPass = false; |
|
|
|
const checkLocation = () => { |
|
|
|
let isPass = true; |
|
|
|
if (toLocationCode.value === "" || toLocationCode.value === null) { |
|
|
|
showMessageHint('请扫描收货库位', () => { |
|
|
|
comScanLocationRef.value.showLocation(); |
|
|
|
}); |
|
|
|
isPass = false; |
|
|
|
} |
|
|
|
return isPass; |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
showMessageHint(hint, callback) { |
|
|
|
this.$refs.comMessage.showErrorMessage(hint, res => { |
|
|
|
const showMessageHint = (hint, callback) => { |
|
|
|
comMessageRef.value.showErrorMessage(hint, (res) => { |
|
|
|
if (res) { |
|
|
|
callback() |
|
|
|
callback(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
commit() { |
|
|
|
this.scanCount = getScanCount(this.subList); |
|
|
|
if (this.scanCount == 0) { |
|
|
|
this.showErrorMessage("扫描数为0,请先扫描") |
|
|
|
const commit = () => { |
|
|
|
scanCount.value = getScanCount(subList.value); |
|
|
|
if (scanCount.value === 0) { |
|
|
|
showErrorMessage("扫描数为0,请先扫描"); |
|
|
|
return; |
|
|
|
} |
|
|
|
//校验库位、 |
|
|
|
if (!this.checkLocation()) { |
|
|
|
return |
|
|
|
if (!checkLocation()) { |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//扫描数量和任务数量相等，直接提交 |
|
|
|
if (this.scanCount == this.subList.length) { |
|
|
|
this.submitJob(); |
|
|
|
} else if (this.scanCount < this.subList.length) { |
|
|
|
//扫描数量小于任务数量，判断是否允许部分提交 |
|
|
|
if (this.jobContent.allowPartialComplete == "TRUE") { |
|
|
|
//提交 |
|
|
|
this.submitJob(); |
|
|
|
if (scanCount.value === subList.value.length) { |
|
|
|
submitJob(); |
|
|
|
} else if (scanCount.value < subList.value.length) { |
|
|
|
if (jobContent.value.allowPartialComplete === "TRUE") { |
|
|
|
comMessageRef.value.showQuestionMessage1("任务明细未全部完成,是否提交?", 'red', (res) => { |
|
|
|
if (res) { |
|
|
|
submitJob(); |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
//不允许部分提交，提示 |
|
|
|
this.showMessage('请完成扫描后,再进行提交<br>' + "已经扫描[" + this.scanCount + "]总共[" + this.subList |
|
|
|
.length + |
|
|
|
"]"); |
|
|
|
showMessage("任务明细未全部完成,不允许部分提交!"); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
submitJob() { |
|
|
|
const submitJob = () => { |
|
|
|
uni.showLoading({ |
|
|
|
title: "提交中....", |
|
|
|
mask: true |
|
|
|
}); |
|
|
|
var itemCodes = [] |
|
|
|
this.detailSource.forEach(item => { |
|
|
|
itemCodes.push(item.itemCode) |
|
|
|
}) |
|
|
|
getManagementPrecisions(itemCodes, this.toLocationCode, res => { |
|
|
|
const itemCodes = []; |
|
|
|
detailSource.value.forEach((item) => { |
|
|
|
itemCodes.push(item.itemCode); |
|
|
|
}); |
|
|
|
getManagementPrecisions(itemCodes, toLocationCode.value, (res) => { |
|
|
|
if (res.success) { |
|
|
|
this.managementList = res.list; |
|
|
|
var params = this.setParams(); |
|
|
|
managementList.value = res.list; |
|
|
|
const params = setParams(); |
|
|
|
console.log("提交参数", JSON.stringify(params)); |
|
|
|
productReceiptJobsubmit(params).then(res => { |
|
|
|
uni.hideLoading() |
|
|
|
productReceiptJobsubmit(params).then((res) => { |
|
|
|
uni.hideLoading(); |
|
|
|
if (res.data) { |
|
|
|
this.showCommitSuccessMessage("提交成功<br>生成制品收货记录<br>" + res.data, ) |
|
|
|
showCommitSuccessMessage(`提交成功\n生成制品收货记录\n${res.data}`); |
|
|
|
} else { |
|
|
|
this.showErrorMessage("提交失败[" + res.msg + "]") |
|
|
|
showErrorMessage(`提交失败[${res.msg}]`); |
|
|
|
} |
|
|
|
}).catch(error => { |
|
|
|
uni.hideLoading() |
|
|
|
this.showErrorMessage(error) |
|
|
|
}) |
|
|
|
}).catch((error) => { |
|
|
|
uni.hideLoading(); |
|
|
|
showErrorMessage(error); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
uni.hideLoading(); |
|
|
|
this.showErrorMessage(res.message); |
|
|
|
showErrorMessage(res.message); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
setParams() { |
|
|
|
var subList = [] |
|
|
|
var creator = this.$store.state.user.id |
|
|
|
const setParams = () => { |
|
|
|
const subList = []; |
|
|
|
const creator = store.id; |
|
|
|
|
|
|
|
this.detailSource.forEach(item => { |
|
|
|
item.subList.forEach(detail => { |
|
|
|
detailSource.value.forEach((item) => { |
|
|
|
item.subList.forEach((detail) => { |
|
|
|
if (detail.scaned) { |
|
|
|
var info = getPackingNumberAndBatch(this.managementList, detail.itemCode, |
|
|
|
detail.packingNumber, detail.batch); |
|
|
|
const info = getPackingNumberAndBatch(managementList.value, detail.itemCode, detail.packingNumber, detail.batch); |
|
|
|
detail.toPackingNumber = info.packingNumber; |
|
|
|
detail.toBatch = info.batch; |
|
|
|
detail.toContainerNumber = ''; |
|
|
|
detail.toInventoryStatus = detail.inventoryStatus |
|
|
|
detail.toLocationCode = this.toLocationCode |
|
|
|
subList.push(detail) |
|
|
|
detail.toInventoryStatus = detail.inventoryStatus; |
|
|
|
detail.toLocationCode = toLocationCode.value; |
|
|
|
subList.push(detail); |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
this.jobContent.subList = subList |
|
|
|
this.jobContent.creator = creator; |
|
|
|
return this.jobContent; |
|
|
|
}, |
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
jobContent.value.subList = subList; |
|
|
|
jobContent.value.creator = creator; |
|
|
|
return jobContent.value; |
|
|
|
}; |
|
|
|
|
|
|
|
scanPopupGetFocus() { |
|
|
|
if (this.$refs.scanPopup != undefined) { |
|
|
|
this.$refs.scanPopup.getfocus(); |
|
|
|
const scanPopupGetFocus = () => { |
|
|
|
if (scanPopupRef.value) { |
|
|
|
scanPopupRef.value.getfocus(); |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
scanPopupLoseFocus() { |
|
|
|
if (this.$refs.scanPopup != undefined) { |
|
|
|
this.$refs.scanPopup.losefocus(); |
|
|
|
const scanPopupLoseFocus = () => { |
|
|
|
if (scanPopupRef.value) { |
|
|
|
scanPopupRef.value.losefocus(); |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
|
|
|
|
showMessage(message) { |
|
|
|
setTimeout(r => { |
|
|
|
this.scanPopupLoseFocus(); |
|
|
|
this.$refs.comMessage.showMessage(message, res => { |
|
|
|
const showMessage = (message) => { |
|
|
|
setTimeout(() => { |
|
|
|
scanPopupLoseFocus(); |
|
|
|
comMessageRef.value.showMessage(message, (res) => { |
|
|
|
if (res) { |
|
|
|
this.scanPopupGetFocus(); |
|
|
|
scanPopupGetFocus(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
showErrorMessage(message) { |
|
|
|
setTimeout(r => { |
|
|
|
this.scanPopupLoseFocus(); |
|
|
|
this.$refs.comMessage.showErrorMessage(message, res => { |
|
|
|
const showErrorMessage = (message) => { |
|
|
|
setTimeout(() => { |
|
|
|
scanPopupLoseFocus(); |
|
|
|
comMessageRef.value.showErrorMessage(message, (res) => { |
|
|
|
if (res) { |
|
|
|
this.scanPopupGetFocus(); |
|
|
|
scanPopupGetFocus(); |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
showCommitSuccessMessage(hint) { |
|
|
|
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|
|
|
navigateBack(1) |
|
|
|
}) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
const showCommitSuccessMessage = (hint) => { |
|
|
|
comMessageRef.value.showSuccessMessage(hint, () => { |
|
|
|
navigateBack(1); |
|
|
|
}); |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
