7 changed files with 468 additions and 16 deletions
@ -0,0 +1,438 @@ |
|||||
|
<template> |
||||
|
<view class="page-wraper"> |
||||
|
<view class=""> |
||||
|
<com-blank-view @goScan="openScanPopup" v-if="currentPackage == null"></com-blank-view> |
||||
|
</view> |
||||
|
<view class="page-wraper" v-if="currentPackage != null"> |
||||
|
<view class="page-main"> |
||||
|
<uni-collapse> |
||||
|
<uni-collapse-item> |
||||
|
<template v-slot:title> |
||||
|
<view class="card_itemName" style="padding: 3px 5px; font-size: 28rpx"> 变更前包装信息 </view> |
||||
|
</template> |
||||
|
<PackageAndItemCard :dataContent="currentPackage"></PackageAndItemCard> |
||||
|
</uni-collapse-item> |
||||
|
</uni-collapse> |
||||
|
|
||||
|
<view> |
||||
|
<scroll-view scroll-y="true" class=""> |
||||
|
<view class="" v-for="(item, index) in fgList" :key="index"> |
||||
|
<uni-swipe-action> |
||||
|
<uni-swipe-action-item :right-options="options"> |
||||
|
<view class="uni-flex uni-row" style="margin-left: 50rpx; padding-top: 10rpx; padding-bottom: 10rpx"> |
||||
|
<!-- scan_view --> |
||||
|
<view class="auto-wrap" style="font-size: 35rpx; font-weight: bold; width: 100%"> |
||||
|
<text style="font-size: 30rpx; color: #b66463">唯一码 </text> |
||||
|
{{ item.remark }} |
||||
|
</view> |
||||
|
</view> |
||||
|
</uni-swipe-action-item> |
||||
|
</uni-swipe-action> |
||||
|
<u-line color="#D8D8D8"></u-line> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</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=""> |
||||
|
<view class="uni-flex uni-row u-col-center"> |
||||
|
<text style="font-size: 28rpx">变更后物料</text> |
||||
|
<view class="uni-flex u-col-center uni-row" @click="showSelect"> |
||||
|
<view class="card_itemCode" style="margin-left: 20rpx; color: blue"> |
||||
|
{{ toItemCode }} |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelect"> </image> |
||||
|
</view> |
||||
|
<u-select v-model="show" mode="single-column" :list="toItemList" @confirm="confirmSelect"></u-select> |
||||
|
</view> |
||||
|
</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-com-scan-balance ref="scanPopup" @getBalance="getPackScanResult" :bussinessCode="bussinessCode"> </win-com-scan-balance> |
||||
|
|
||||
|
<win-scan-fg-label ref="scanPopup" @getResult="getFgScanResult" title="制品标签"></win-scan-fg-label> |
||||
|
<!-- <win-scan-pack ref="scanPopup" @getResult='getScanResult' title="制品标签" headerType="HMQ"></win-scan-pack> --> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Decimal } from 'decimal.js' // 引入 |
||||
|
import { getSpareitemcode, getProductreceiptDetailbByPackingNumber } from '@/api/request2.js' |
||||
|
|
||||
|
import { getPrecisionStrategyList } from '@/common/balance.js' |
||||
|
import { goHome, getPackingNumberAndBatchByList, deepCopyData, getRemoveOption } from '@/common/basic.js' |
||||
|
|
||||
|
import { calc } from '@/common/calc.js' |
||||
|
|
||||
|
import { getInventoryStatusDesc, getDirectoryItemArray } from '@/common/directory.js' |
||||
|
|
||||
|
import { getBusinessType } from '@/common/record.js' |
||||
|
|
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
||||
|
import comProductRecord from '@/pages/productReceipt/coms/comProductRecord.vue' |
||||
|
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
|
import PackageAndItemCard from '@/mycomponents/package/PackageAndItemCard.vue' |
||||
|
import winComScanBalance from '@/mycomponents/scan/winComScanBalance.vue' |
||||
|
import winScanFgLabel from '@/mycomponents/scan/winScanFgLabel.vue' |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
winScanButton, |
||||
|
winScanPack, |
||||
|
comProductRecord, |
||||
|
comBlankView, |
||||
|
PackageAndItemCard, |
||||
|
winComScanBalance, |
||||
|
winScanFgLabel |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
detailSource: [], // 绑定在页面上的数据源 |
||||
|
toLocationCode: '', |
||||
|
fromLocationTypeList: [], |
||||
|
fromLocationCode: '', |
||||
|
businessType: {}, |
||||
|
dataContent: {}, |
||||
|
managementList: [], |
||||
|
show: false, |
||||
|
toItemCode: '请选择变更后物料', |
||||
|
toItemList: [], |
||||
|
fgList: [], |
||||
|
options: [], |
||||
|
currentPackage: null, |
||||
|
bussinessCode: 'Relegate' |
||||
|
} |
||||
|
}, |
||||
|
mounted() {}, |
||||
|
onLoad(option) { |
||||
|
uni.setNavigationBarTitle({ |
||||
|
title: option.title |
||||
|
}) |
||||
|
this.getBusinessType() |
||||
|
this.options = getRemoveOption() |
||||
|
}, |
||||
|
// 返回首页 |
||||
|
onNavigationBarButtonTap(e) { |
||||
|
if (e.index === 0) { |
||||
|
goHome() |
||||
|
} |
||||
|
}, |
||||
|
// 拦截返回按钮事件 |
||||
|
onBackPress(e) {}, |
||||
|
|
||||
|
onPullDownRefresh() {}, |
||||
|
|
||||
|
mounted() {}, |
||||
|
methods: { |
||||
|
getBusinessType() { |
||||
|
getBusinessType(this.bussinessCode, (res) => { |
||||
|
if (res.success) { |
||||
|
this.businessType = res.businessType |
||||
|
this.fromInventoryStatuses = getDirectoryItemArray(res.fromInventoryStatuses) |
||||
|
this.fromLocationAreaTypeList = res.fromLocationAreaTypeList |
||||
|
this.openScanPopup() |
||||
|
} else { |
||||
|
this.showErrorMessage(res.message) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
getPackScanResult(result) { |
||||
|
const { label } = result |
||||
|
const pack = result.package |
||||
|
uni.showLoading({ |
||||
|
title: '加载中...', |
||||
|
mask: true |
||||
|
}) |
||||
|
const params = { |
||||
|
available: 'TRUE', |
||||
|
changeBeforeCode: pack.itemCode, |
||||
|
pageSize: 20, |
||||
|
pageNo: 1 |
||||
|
} |
||||
|
|
||||
|
getSpareitemcode(params) |
||||
|
.then((res) => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data.list.length == 0) { |
||||
|
this.showErrorMessage('未查找到变更后的物料,请在《量产件备件关系中进行配置》') |
||||
|
} else { |
||||
|
this.closeScanPopup() |
||||
|
|
||||
|
res.data.list.forEach((r) => { |
||||
|
r.value = r.code |
||||
|
r.label = `${r.code}(${r.name})` |
||||
|
}) |
||||
|
|
||||
|
this.toItemList = res.data.list |
||||
|
if (res.data.list.length == 1) { |
||||
|
this.toItemCode = res.data.list[0].code |
||||
|
} else { |
||||
|
this.show = true |
||||
|
} |
||||
|
|
||||
|
// 查询唯一码 |
||||
|
getProductreceiptDetailbByPackingNumber(pack.number) |
||||
|
.then((res) => { |
||||
|
if (res.data.length > 0) { |
||||
|
this.fgList = res.data |
||||
|
const pack = result.package |
||||
|
const { balance } = result |
||||
|
this.currentPackage = result.package |
||||
|
this.currentPackage.packingNumber = pack.number |
||||
|
this.currentPackage.locationCode = balance.locationCode |
||||
|
this.currentPackage.inventoryStatus = balance.inventoryStatus |
||||
|
// this.getDataSource(result); |
||||
|
} else { |
||||
|
this.showErrorMessage(`箱码【${pack.number}】未查找到绑定的灯码信息`) |
||||
|
} |
||||
|
}) |
||||
|
.catch((res) => { |
||||
|
this.showErrorMessage(res.message) |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
.catch((res) => { |
||||
|
this.showErrorMessage(res.message) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
getFgScanResult(result) { |
||||
|
const that = this |
||||
|
const itemIndex = this.allList.findIndex((r) => r.content == result.content) |
||||
|
// 不存在 |
||||
|
if (itemIndex == -1) { |
||||
|
// if (this.allList.length > this.dataContent.packQty) { |
||||
|
// this.showErrorMessage("唯一码数量不能大于计划数量") |
||||
|
// return; |
||||
|
// } |
||||
|
result.countTime = new Date() |
||||
|
this.allList.push(result) |
||||
|
this.allList.sort(compare('countTime')) // 按扫描信息排序 |
||||
|
this.initList() |
||||
|
this.scanPopupGetFocus() |
||||
|
this.calcFgQty() |
||||
|
} else { |
||||
|
this.$refs.comMessage.showQuestionMessage(`唯一码【${result.content}】已经扫描，是否移除`, (res) => { |
||||
|
if (res) { |
||||
|
this.allList.splice(itemIndex, 1) |
||||
|
this.allList.sort(compare('countTime')) // 按扫描信息排序 |
||||
|
this.initList() |
||||
|
that.calcFgQty() |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
openScanPopup() { |
||||
|
setTimeout((r) => { |
||||
|
this.$refs.scanPopup.openScanPopup(this.businessType) |
||||
|
this.scanPopupGetFocus() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
commit() { |
||||
|
if (this.positionInfo == '请选择位置') { |
||||
|
this.showMessage('请先选择位置') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
if (this.detailSource.length > 0 && this.detailSource[0].subList.length > 0) { |
||||
|
// 查询管理模式 |
||||
|
uni.showLoading({ |
||||
|
title: '提交中....', |
||||
|
mask: true |
||||
|
}) |
||||
|
this.managementList = [] |
||||
|
const precisionStrategParams = this.setPrecisionStrategParams() |
||||
|
|
||||
|
getPrecisionStrategyList(precisionStrategParams, (res) => { |
||||
|
if (res.success) { |
||||
|
this.managementList = res.list |
||||
|
const params = this.setParams() |
||||
|
console.log(`提交${JSON.stringify(params)}`) |
||||
|
productionReceiptRecordSubmit(params) |
||||
|
.then((res) => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data) { |
||||
|
this.showCommitSuccessMessage(`提交成功<br>生成制品收货记录<br>${res.data}`) |
||||
|
} else { |
||||
|
this.showErrorMessage(`提交失败[${res.msg}]`) |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
} else { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(res.message) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.showErrorMessage('没有要提交的数据,请先扫描') |
||||
|
} |
||||
|
}, |
||||
|
setPrecisionStrategParams() { |
||||
|
const itemList = [] |
||||
|
this.detailSource.forEach((item) => { |
||||
|
item.subList.forEach((detail) => { |
||||
|
if (detail.scaned) { |
||||
|
detail.toLocationCode = this.fgLocationCode |
||||
|
const filterResult = itemList.filter((res) => { |
||||
|
if (res.itemCode == item.itemCode && detail.toLocationCode == res.locationCode) { |
||||
|
return res |
||||
|
} |
||||
|
}) |
||||
|
// 去掉重复元素 |
||||
|
if (filterResult.length == 0) { |
||||
|
const result = { |
||||
|
itemCode: item.itemCode, |
||||
|
locationCode: detail.toLocationCode |
||||
|
} |
||||
|
itemList.push(result) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
return itemList |
||||
|
}, |
||||
|
|
||||
|
setParams() { |
||||
|
const subList = [] |
||||
|
const creator = this.$store.state.user.id |
||||
|
this.detailSource.forEach((item) => { |
||||
|
item.subList.forEach((detail) => { |
||||
|
if (detail.scaned) { |
||||
|
const submitItem = deepCopyData(detail) |
||||
|
const info = getPackingNumberAndBatchByList(this.managementList, detail.itemCode, detail.packingNumber, detail.toLocationCode, detail.batch) |
||||
|
submitItem.itemCode = detail.itemCode |
||||
|
submitItem.itemName = detail.package.itemName |
||||
|
submitItem.itemDesc1 = detail.package.itemDesc1 |
||||
|
submitItem.itemDesc2 = detail.package.itemDesc2 |
||||
|
|
||||
|
submitItem.inventoryStatus = detail.inventoryStatus |
||||
|
|
||||
|
submitItem.fromPackingNumber = info.packingNumber |
||||
|
submitItem.toPackingNumber = info.packingNumber |
||||
|
|
||||
|
submitItem.fromContainerNumber = detail.containerNumber |
||||
|
submitItem.toContainerNumber = detail.containerNumber |
||||
|
|
||||
|
submitItem.fromBatch = info.batch |
||||
|
submitItem.toBatch = info.batch |
||||
|
|
||||
|
submitItem.fromLocationCode = detail.locationCode |
||||
|
submitItem.toLocationCode = detail.toLocationCode |
||||
|
|
||||
|
submitItem.productionlineCode = this.productionLineCode |
||||
|
submitItem.workStationCode = this.workStationCode |
||||
|
|
||||
|
submitItem.qty = detail.handleQty |
||||
|
submitItem.package = '' |
||||
|
|
||||
|
subList.push(submitItem) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
this.dataContent.subList = subList |
||||
|
this.dataContent.creator = creator |
||||
|
this.dataContent.workshopCode = this.workshopCode |
||||
|
return this.dataContent |
||||
|
}, |
||||
|
|
||||
|
showMessage(message) { |
||||
|
setTimeout((r) => { |
||||
|
this.scanPopupLoseFocus() |
||||
|
this.$refs.comMessage.showMessage(message, (res) => { |
||||
|
if (res) { |
||||
|
this.scanPopupGetFocus() |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
showErrorMessage(message) { |
||||
|
setTimeout((r) => { |
||||
|
this.scanPopupLoseFocus() |
||||
|
this.$refs.comMessage.showErrorMessage(message, (res) => { |
||||
|
if (res) { |
||||
|
this.scanPopupGetFocus() |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
closeScanPopup() { |
||||
|
this.$refs.scanPopup.closeScanPopup() |
||||
|
}, |
||||
|
|
||||
|
scanPopupGetFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.getfocus() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
scanPopupLoseFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.losefocus() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
afterCloseMessage() { |
||||
|
this.scanPopupGetFocus() |
||||
|
}, |
||||
|
|
||||
|
closeScanMessage() { |
||||
|
this.scanPopupGetFocus() |
||||
|
}, |
||||
|
|
||||
|
showCommitSuccessMessage(hint) { |
||||
|
this.$refs.comMessage.showSuccessMessage(hint, (res) => { |
||||
|
this.clearData() |
||||
|
}) |
||||
|
}, |
||||
|
clearData() { |
||||
|
this.subList = [] |
||||
|
this.detailSource = [] |
||||
|
this.toLocationCode = '' |
||||
|
this.dataContent = {} |
||||
|
this.positionInfo = '请选择位置' |
||||
|
this.fgLocationCode = '' |
||||
|
}, |
||||
|
removePack() { |
||||
|
for (let i = 0; i < this.detailSource.length; i++) { |
||||
|
const item = this.detailSource[i] |
||||
|
if (item.subList.length == 0) { |
||||
|
this.detailSource.splice(i, 1) |
||||
|
} |
||||
|
} |
||||
|
this.updateData() |
||||
|
}, |
||||
|
|
||||
|
removeItem(index, item) { |
||||
|
this.detailSource.splice(index, 1) |
||||
|
}, |
||||
|
|
||||
|
showSelect() { |
||||
|
this.show = !this.show |
||||
|
}, |
||||
|
confirmSelect(e) { |
||||
|
this.toItemCode = e[0].value |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"></style> |
||||
Loading…
Reference in new issue