4 changed files with 659 additions and 17 deletions
@ -0,0 +1,514 @@ |
|||||
|
<template> |
||||
|
<view class="page-wraper"> |
||||
|
<view class=""> |
||||
|
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
||||
|
</view> |
||||
|
<view class="page-wraper" v-if="detailSource.length>0"> |
||||
|
<view class="page-header"> |
||||
|
<view class="header_item"> |
||||
|
来源库位 : {{ fromLocationCode }} |
||||
|
</view> |
||||
|
<view class='split_line'></view> |
||||
|
</view> |
||||
|
<view class="page-main"> |
||||
|
<scroll-view scroll-y="true" class="page-main-scroll"> |
||||
|
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id"> |
||||
|
<view class=""> |
||||
|
<recordDetailCard :dataContent="item" :index="index" :settingParam="dataContent" |
||||
|
:isShowFromLocation="false" @removeItem="removeItem(index,item)" |
||||
|
@updateData="updateData" @removePack="removePack"> |
||||
|
</recordDetailCard> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
<view class="page-footer"> |
||||
|
<view class="uni-flex u-col-center space-between padding_10" |
||||
|
style="background-color:ghostwhite; width: 100%; "> |
||||
|
<view class="uni-row uni-flex"> |
||||
|
<text>生产线:</text> |
||||
|
<view class="uni-flex u-col-center uni-row" @click="showSelect"> |
||||
|
<view class="" style="margin-left: 20rpx;"> |
||||
|
{{ positionInfo }} |
||||
|
</view> |
||||
|
<u-select v-model="show" mode="mutil-column-auto" :list="positionList" |
||||
|
@confirm="confirmSelect"></u-select> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class=" uni-flex uni-row"> |
||||
|
<button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
||||
|
</view> |
||||
|
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult' :allowModifyLocation='false'> |
||||
|
</win-scan-pack-and-location> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
||||
|
:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup lang="ts"> |
||||
|
import { |
||||
|
repleinshRecordSubmit, |
||||
|
getWorkShopLineStation, |
||||
|
getPutawayRecommendLocation |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
goHome, |
||||
|
getPackingNumberAndBatchByList, |
||||
|
deepCopyData |
||||
|
} from '@/common/basic.js'; |
||||
|
|
||||
|
import { |
||||
|
calc |
||||
|
} from '@/common/calc.js'; |
||||
|
|
||||
|
import { |
||||
|
getInventoryStatusDesc, |
||||
|
getDirectoryItemArray |
||||
|
} from '@/common/directory.js'; |
||||
|
|
||||
|
import { |
||||
|
getBusinessType, |
||||
|
createItemInfo, |
||||
|
createDetailInfo, |
||||
|
calcTreeHandleQty |
||||
|
} from '@/common/record.js'; |
||||
|
|
||||
|
import { |
||||
|
getManagementPrecisions, |
||||
|
getPrecisionStrategyList, |
||||
|
getPrecisionStrategyParams |
||||
|
} from '@/common/balance.js'; |
||||
|
|
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
||||
|
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
||||
|
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
|
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
||||
|
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
||||
|
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
||||
|
import recordDetailCard from '@/mycomponents/record/recordDetailCard.vue' |
||||
|
|
||||
|
import {ref, onMounted} from 'vue'; |
||||
|
import {onLoad, onNavigationBarButtonTap} from '@dcloudio/uni-app'; |
||||
|
|
||||
|
import { useCountStore } from '@/store' |
||||
|
const store = useCountStore() |
||||
|
const id = ref(''); |
||||
|
const dataContent = ref({}); // 内容 |
||||
|
const detailSource = ref([]); // 绑定在页面上的数据源 |
||||
|
const fromLocationInfo = ref({}); |
||||
|
const fromLocationCode = ref(""); |
||||
|
const fromLocationAreaTypeList = ref([]); |
||||
|
const toLocationAreaTypeList = ref([]); |
||||
|
const inInventoryStatus = ref(""); // 目标入库库存状态 |
||||
|
const outInventoryStatus = ref(""); // 来源出库库存状态 |
||||
|
const businessType = ref({}); |
||||
|
const showToLoaction = ref(true); |
||||
|
const recommendLocationList = ref([]); // 推荐库位列表 |
||||
|
const fromWarehouseCode = ref(''); // 来源仓库 |
||||
|
const businessTypeCode = ref("Repleinment"); |
||||
|
const positionList = ref([]); |
||||
|
const show = ref(false); |
||||
|
const positionInfo = ref("请选择生产线"); |
||||
|
const toWarehouseCode = ref('') |
||||
|
const toLocationCode = ref('') |
||||
|
const managementList = ref([]) |
||||
|
const workshopCode = ref('') |
||||
|
const productionLineCode = ref('') |
||||
|
const workStationCode = ref('') |
||||
|
const workShopName = ref('') |
||||
|
const productionLineName = ref('') |
||||
|
const workStationName = ref('') |
||||
|
const rawLocationCode = ref('') |
||||
|
const fgLocationCode = ref('') |
||||
|
|
||||
|
const scanPopup = ref(null); |
||||
|
const scanLocationCode = ref(null); |
||||
|
const comMessage = ref(null); |
||||
|
|
||||
|
// 生命周期函数 |
||||
|
onLoad(option => { |
||||
|
clearData(); |
||||
|
getBusinessType(businessTypeCode.value, res => { |
||||
|
if (res.success) { |
||||
|
businessType.value = res.businessType; |
||||
|
fromLocationAreaTypeList.value = res.fromLocationAreaTypeList; |
||||
|
toLocationAreaTypeList.value = res.toLocationAreaTypeList; |
||||
|
showFromLocationPopup(); |
||||
|
} else { |
||||
|
showErrorMessage(res.message); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
getWorkShopLineStation().then(res => { |
||||
|
if (res.data != null && res.data.length > 0) { |
||||
|
positionList.value = res.data; |
||||
|
} else { |
||||
|
showErrorMessage('未查找到位置信息'); |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
showErrorMessage(error); |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
onNavigationBarButtonTap(e => { |
||||
|
if (e.index === 0) { |
||||
|
goHome(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// 方法 |
||||
|
const getScanResult = (result) => { |
||||
|
const balance = result.balance; |
||||
|
const label = result.label; |
||||
|
const pack = result.package; |
||||
|
const item = detailSource.value.find(res => res.itemCode == balance.itemCode); |
||||
|
|
||||
|
if (fromWarehouseCode.value == '') { |
||||
|
fromWarehouseCode.value = balance.warehouseCode; |
||||
|
} |
||||
|
|
||||
|
if (item == undefined) { |
||||
|
const itemp = createItemInfo(balance, pack); |
||||
|
const newDetail = createDetailInfo(balance, pack); |
||||
|
itemp.subList.push(newDetail); |
||||
|
const dataList = pack.subList; |
||||
|
detailSource.value.push(itemp); |
||||
|
|
||||
|
detailSource.value.forEach(res => { |
||||
|
res.subList.forEach(pack => { |
||||
|
pack.packList = dataList.filter(c => c.parentNumber == pack.packingNumber); |
||||
|
pack.packList.forEach(pac => { |
||||
|
pac.parentPackingNumber = pac.parentNumber; |
||||
|
pac.packingNumber = pac.number; |
||||
|
pac.inventoryStatus = "OK"; |
||||
|
pac.scaned = true; |
||||
|
}); |
||||
|
}); |
||||
|
}); |
||||
|
} else { |
||||
|
const itemDetail = item.subList.find(r => r.packingNumber == balance.packingNumber && r.batch == balance.batch); |
||||
|
if (itemDetail != undefined) { |
||||
|
showErrorMessage(`箱码[${balance.packingNumber}]批次[${balance.batch}]已经在列表中`); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const getRecommendLocation = (balance, pack, callback) => { |
||||
|
uni.showLoading({ |
||||
|
title: '扫描中...', |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
const recommend = recommendLocationList.value.find(r => r.itemCode == balance.itemCode); |
||||
|
if (recommend == undefined) { |
||||
|
const param = { |
||||
|
itemCode: balance.itemCode, |
||||
|
batch: balance.batch, |
||||
|
inventoryStatus: balance.inventoryStatus, |
||||
|
supplierCode: pack.supplierCode, |
||||
|
businessCode: businessTypeCode.value |
||||
|
}; |
||||
|
|
||||
|
console.log(JSON.stringify(param)); |
||||
|
getPutawayRecommendLocation(param).then(res => { |
||||
|
recommendLocationList.value.push({ |
||||
|
itemCode: balance.itemCode, |
||||
|
locationCode: res.data.code |
||||
|
}); |
||||
|
callback(res.data); |
||||
|
uni.hideLoading(); |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
showErrorMessage(error); |
||||
|
}); |
||||
|
} else { |
||||
|
callback(recommend); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const calcTreeHandleQty = () => { |
||||
|
for (let item of detailSource.value) { |
||||
|
item.qty = 0; |
||||
|
for (let detail of item.subList) { |
||||
|
if (detail != undefined) { |
||||
|
item.qty = calc.add(item.qty, detail.qty); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// Vue 3 不需要手动强制更新 |
||||
|
}; |
||||
|
|
||||
|
const showSelect = () => { |
||||
|
show.value = true; |
||||
|
}; |
||||
|
|
||||
|
const confirmSelect = (e) => { |
||||
|
positionInfo.value = `${e[0].label}-${e[1].label}-${e[2].label}`; |
||||
|
console.log("位置", positionInfo.value); |
||||
|
workshopCode.value = e[0].value; |
||||
|
productionLineCode.value = e[1].value; |
||||
|
workStationCode.value = e[2].value; |
||||
|
workShopName.value = e[0].label; |
||||
|
productionLineName.value = e[1].label; |
||||
|
workStationName.value = e[2].label; |
||||
|
|
||||
|
const shop = positionList.value.find(shop => shop.value == workshopCode.value); |
||||
|
if (shop != undefined && shop.children != undefined) { |
||||
|
const prodLine = shop.children.find(line => line.value == productionLineCode.value); |
||||
|
if (prodLine != undefined && prodLine.children != undefined) { |
||||
|
const station = prodLine.children.find(r => r.value == workStationCode.value); |
||||
|
if (station.rawLocationCode == '' || station.rawLocationCode == null) { |
||||
|
showErrorMessage(`${workStationName.value}的原材料库位为空,请重新选择`); |
||||
|
return; |
||||
|
} else { |
||||
|
rawLocationCode.value = station.rawLocationCode; |
||||
|
fgLocationCode.value = station.fgLocationCode; |
||||
|
} |
||||
|
} else { |
||||
|
showErrorMessage("生产线-工位基础信息维护错误"); |
||||
|
} |
||||
|
} else { |
||||
|
showErrorMessage("车间-生产线基础信息维护错误"); |
||||
|
} |
||||
|
|
||||
|
let toLocationCode = ''; |
||||
|
positionList.value.forEach(item => { |
||||
|
if (workshopCode.value == item.value) { // 车间 |
||||
|
item.children.find(child => { |
||||
|
if (productionLineCode.value == child.value) { |
||||
|
toLocationCode = child.children.find(subChild => workStationCode.value == subChild.value).rawLocationCode; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
detailSource.value.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
detail.toLocationCode = toLocationCode; |
||||
|
}); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const removeItem = (index, item) => { |
||||
|
detailSource.value.splice(index, 1); |
||||
|
}; |
||||
|
|
||||
|
const removePack = () => { |
||||
|
for (let i = 0; i < detailSource.value.length; i++) { |
||||
|
const item = detailSource.value[i]; |
||||
|
if (item.subList.length == 0) { |
||||
|
detailSource.value.splice(i, 1); |
||||
|
} |
||||
|
} |
||||
|
updateData(); |
||||
|
}; |
||||
|
|
||||
|
const openScanPopup = () => { |
||||
|
if (fromLocationCode.value == "") { |
||||
|
showFromLocationPopup(); |
||||
|
return; |
||||
|
} |
||||
|
scanPopup.value.openScanPopupForType(fromLocationCode.value, businessType.value); |
||||
|
}; |
||||
|
|
||||
|
const showFromLocationPopup = () => { |
||||
|
nextTick(() => { |
||||
|
scanLocationCode.value.openScanPopup(); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const closeScanPopup = () => { |
||||
|
if (scanPopup.value != undefined) { |
||||
|
scanPopup.value.closeScanPopup(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const scanPopupGetFocus = () => { |
||||
|
if (scanPopup.value != undefined) { |
||||
|
scanPopup.value.getfocus(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const commit = () => { |
||||
|
uni.showLoading({ |
||||
|
title: "提交中....", |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
const precisionStrategyParams = getPrecisionStrategyParams(detailSource.value); |
||||
|
getPrecisionStrategyList(precisionStrategyParams, res => { |
||||
|
if (res.success) { |
||||
|
managementList.value = res.list; |
||||
|
const params = {...setRecordParams()}; |
||||
|
console.log("提交参数", JSON.stringify(params)); |
||||
|
repleinshRecordSubmit(params).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
if (res.data) { |
||||
|
showCommitSuccessMessage(`提交成功\n生成直接补料记录\n${res.data}`); |
||||
|
} else { |
||||
|
showErrorMessage(`提交失败[${res.msg}]`); |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
showErrorMessage(error); |
||||
|
}); |
||||
|
} else { |
||||
|
uni.hideLoading(); |
||||
|
showErrorMessage(res.message); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const getItemAndLocationRelations = () => { |
||||
|
const itemList = []; |
||||
|
detailSource.value.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
if (detail.scaned) { |
||||
|
detail.toLocationCode = toLocationCode.value; |
||||
|
const filterResult = itemList.filter(res => { |
||||
|
if (res.itemCode == item.itemCode && |
||||
|
res.locationCode == detail.toLocationCode && |
||||
|
res.batch == detail.batch && |
||||
|
res.inventoryStatus == detail.inventoryStatus) { |
||||
|
return res; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
if (filterResult.length == 0) { |
||||
|
const result = { |
||||
|
itemCode: item.itemCode, |
||||
|
locationCode: detail.toLocationCode, |
||||
|
batch: detail.batch, |
||||
|
inventoryStatus: detail.inventoryStatus, |
||||
|
}; |
||||
|
itemList.push(result); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
return itemList; |
||||
|
}; |
||||
|
|
||||
|
const setRecordParams = () => { |
||||
|
const subList = []; |
||||
|
const creator = store.id; |
||||
|
detailSource.value.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
if (detail.scaned) { |
||||
|
const info = getPackingNumberAndBatchByList(managementList.value, detail.itemCode, detail.packingNumber, detail.toLocationCode, detail.batch); |
||||
|
const submitItem = deepCopyData(detail); |
||||
|
submitItem.toPackingNumber = info.packingNumber; |
||||
|
submitItem.toBatch = info.batch; |
||||
|
submitItem.toContainerNumber = detail.containerNumber; |
||||
|
|
||||
|
submitItem.fromPackingNumber = info.packingNumber; |
||||
|
submitItem.fromBatch = info.batch; |
||||
|
submitItem.fromContainerNumber = detail.containerNumber; |
||||
|
|
||||
|
submitItem.fromLocationCode = detail.locationCode; |
||||
|
submitItem.toLocationCode = detail.toLocationCode; |
||||
|
|
||||
|
submitItem.qty = detail.handleQty; |
||||
|
submitItem.package = ""; |
||||
|
submitItem.recordList = [{ |
||||
|
toInventoryStatus: detail.inventoryStatus, |
||||
|
fromPackingNumber: info.packingNumber, |
||||
|
fromBatch: info.batch, |
||||
|
toPackingNumber: info.packingNumber, |
||||
|
toBatch: info.batch, |
||||
|
fromLocationCode: detail.locationCode, |
||||
|
toLocationCode: detail.toLocationCode, |
||||
|
handleQty: detail.handleQty |
||||
|
}]; |
||||
|
|
||||
|
subList.push(submitItem); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
if (subList.length > 0) { |
||||
|
dataContent.value.toWarehouseCode = subList[0].toWarehouseCode; |
||||
|
} |
||||
|
|
||||
|
dataContent.value.subList = subList; |
||||
|
dataContent.value.creator = creator; |
||||
|
dataContent.value.fromWarehouseCode = fromWarehouseCode.value; |
||||
|
return dataContent.value; |
||||
|
}; |
||||
|
|
||||
|
const showMessage = (message) => { |
||||
|
comMessage.value.showMessage(message, res => { |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const showErrorMessage = (message) => { |
||||
|
comMessage.value.showErrorMessage(message, res => { |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const showScanMessage = (message) => { |
||||
|
comMessage.value.showScanMessage(message); |
||||
|
}; |
||||
|
|
||||
|
const afterCloseMessage = () => { |
||||
|
scanPopupGetFocus(); |
||||
|
}; |
||||
|
|
||||
|
const closeScanMessage = () => { |
||||
|
scanPopupGetFocus(); |
||||
|
}; |
||||
|
|
||||
|
const getLocation = (location, code) => { |
||||
|
getFromLocationCode(location, code); |
||||
|
}; |
||||
|
|
||||
|
const getFromLocationCode = (location, code) => { |
||||
|
fromLocationInfo.value = location; |
||||
|
fromLocationCode.value = code; |
||||
|
openScanPopup(); |
||||
|
}; |
||||
|
|
||||
|
const getToLocationCode = (location, code) => { |
||||
|
if (fromLocationCode.value == code) { |
||||
|
uni.showToast({ |
||||
|
title: `来源库位[${fromLocationCode.value}]不能与目标库位[${code}]一致`, |
||||
|
duration: 2000 |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
toLocationCode.value = code; |
||||
|
}; |
||||
|
|
||||
|
const showCommitSuccessMessage = (hint) => { |
||||
|
comMessage.value.showSuccessMessage(hint, res => { |
||||
|
clearData(); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const updateData = () => { |
||||
|
for (let i = 0; i < detailSource.value.length; i++) { |
||||
|
const item = detailSource.value[i]; |
||||
|
if (item.qty == 0) { |
||||
|
detailSource.value.splice(i, 1); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const clearData = () => { |
||||
|
fromLocationInfo.value = {}; |
||||
|
fromLocationCode.value = ''; |
||||
|
fromWarehouseCode.value = ''; |
||||
|
toWarehouseCode.value = ''; |
||||
|
detailSource.value = []; |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
</style> |
||||
Loading…
Reference in new issue