7 changed files with 1044 additions and 10 deletions
@ -0,0 +1,475 @@ |
|||
<template> |
|||
<view> |
|||
<u-popup v-model="show" mode="bottom" :maskClick='false'> |
|||
<view class=""> |
|||
<view class="popup_box"> |
|||
<view class="pop_title uni-flex space-between"> |
|||
<view class="" style="font-size: 35rpx;"> |
|||
扫描箱码 |
|||
</view> |
|||
|
|||
<view class=""> |
|||
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg" @click="closeScanPopup()"> |
|||
</image> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- <view class="uni-flex uni-row" style="align-items: center; |
|||
background-color: #fff; |
|||
margin-left: 20rpx; |
|||
margin-right: 20rpx; |
|||
padding:20rpx; |
|||
border-radius: 8rpx;"> |
|||
<view class="uni-center"> |
|||
位置 : |
|||
</view> |
|||
<view class="" style="width: 75%;padding: 0rpx"> |
|||
<view class="uni-flex u-col-center uni-row" @click="showSelect"> |
|||
<view class="" style="margin-left: 15rpx;font-size: 30rpx;"> |
|||
{{positionInfo}} |
|||
</view> |
|||
<u-select v-model="show" mode="mutil-column-auto" :list="positionList" :defaultValue="defaultValueList" |
|||
@confirm="confirmSelect"></u-select> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<u-line class='line_color'></u-line> --> |
|||
|
|||
<view class="uni-flex uni-row" style="align-items: center; |
|||
background-color: #fff; |
|||
margin-left: 20rpx; |
|||
margin-right: 20rpx; |
|||
margin-top: 8rpx; |
|||
border-radius: 8rpx;"> |
|||
<view class="uni-center" style="width: 25%; "> |
|||
来源库位 |
|||
</view> |
|||
<view class="" style="width: 75%; padding: 8rpx;"> |
|||
<uni-combox :candidates="fromLocationList" v-model="fromLocationCode" placeholder="请选择库位" |
|||
@confirm="fromLocationUpdate"></uni-combox> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class=""> |
|||
<view class=""> |
|||
<win-com-scan ref="comscanRef" placeholder="箱标签" @getResult="onScan" :clearResult="true" |
|||
:headerType="headerType" :isShowHistory="false"> |
|||
</win-com-scan> |
|||
|
|||
<view style="width: 100%;"> |
|||
<view style="width: 100%;" v-if="issueRecord.length>0"> |
|||
<view class="uni-flex uni-row space-between u-col-center"> |
|||
<view class="" style="padding: 10rpx;"> |
|||
历史记录 |
|||
</view> |
|||
<view class="" style="padding-right: 10rpx;"> |
|||
<u-icon :name="expendIcon" size="35rpx" @click="expands()"></u-icon> |
|||
</view> |
|||
</view> |
|||
<u-line class='line_color' style='padding-top: 10rpx;padding-bottom: 20rpx;'> |
|||
</u-line> |
|||
<scroll-view scroll-y="true" class="scroll-view" v-if="expand&&issueRecord.length>0"> |
|||
<view class="uni-flex u-col" v-for="(record,index) in issueRecord"> |
|||
<view style="width: 100%;"> |
|||
<u-swipe-action ref="swipeAction" :options="scanOptions" @click="(...event)=>swipeClick(event,record,index)"> |
|||
<<view style="padding: 0px 10px"> |
|||
<balance :dataContent="record" :isShowLocation="false" :isShowStdPack="false"></balance> |
|||
</view> |
|||
</u-swipe-action> |
|||
<u-line class='line_color'></u-line> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</u-popup> |
|||
<balance-select ref="balanceSelectRef" @onSelectItem='selectBalanceItem'></balance-select> |
|||
<comMessage ref="comMessageRef"></comMessage> |
|||
<balance-qty-edit ref="balanceQtyEditRef" @confirm="confirm" :isShowStatus="true"></balance-qty-edit> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import winComScan from '@/mycomponents/scan/winComScan.vue' |
|||
import balance from '@/mycomponents/balance/balance.vue' |
|||
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|||
import balanceSelect from '@/mycomponents/balance/balanceSelect.vue' |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
|
|||
import { |
|||
calc |
|||
} from '@/common/calc.js'; |
|||
import { |
|||
getWorkShopLineStation |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
getBalanceByManagementPrecision |
|||
} from '@/common/balance.js'; |
|||
import { |
|||
getDirectoryItemArray |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { ref, onMounted } from 'vue'; |
|||
|
|||
const props = defineProps({ |
|||
title: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
headerType: { |
|||
type: String, |
|||
default: "HPQ,HMQ" |
|||
} |
|||
}); |
|||
const emit = defineEmits(['closeScan','updateData']); |
|||
const dataContent = ref({}); |
|||
const jobContent = ref({}); |
|||
const expendIcon = ref('arrow-down'); |
|||
const show = ref(false); |
|||
const scanList = ref([]); |
|||
const toLocation = ref(null); |
|||
const toLocationCode = ref(''); |
|||
const fromLocationList = ref([]); |
|||
const fromLocationCode = ref(''); |
|||
const fromLocation = ref(null); |
|||
const issueRecord = ref([]); // 发货历史 |
|||
const expand = ref(true); |
|||
const scanOptions = ref({}); |
|||
const editItem = ref({}); |
|||
const positionInfo = ref("请选择位置"); |
|||
const positionList = ref([]); |
|||
const defaultValueList = ref([]); |
|||
const label = ref({}); |
|||
const fromInventoryStatuses = ref(""); |
|||
const packageInfo = ref({}); |
|||
const detailOptions = ref('') |
|||
const showItem = ref([]) |
|||
const balanceSelectRef = ref(null); |
|||
const comMessageRef = ref(null); |
|||
const toLocationComboxRef = ref(null); |
|||
const comscanRef = ref(null); |
|||
const receiptHintRef = ref(null); |
|||
const balanceQtyEditRef = ref(null); |
|||
|
|||
onMounted(() => { |
|||
detailOptions.value = getDetailOption(); |
|||
scanOptions.value = getDetailEditRemoveOption(); |
|||
}); |
|||
|
|||
const openScanPopup = (content, jobcontent) => { |
|||
issueRecord.value = []; |
|||
dataContent.value = content; |
|||
jobContent.value = jobcontent; |
|||
initData(); |
|||
positionInfo.value = jobContent.value.workShopCode + "-" + jobContent.value.subList[0].productionLineCode + |
|||
"-" + jobContent.value.subList[0].workStationCode; |
|||
show.value = true |
|||
setTimeout(() => { |
|||
getfocus(); |
|||
}, 500); |
|||
}; |
|||
|
|||
const closeScanPopup = () => { |
|||
losefocus(); |
|||
show.value = false |
|||
emit("closeScan"); |
|||
}; |
|||
|
|||
const initData = () => { |
|||
fromLocationList.value = []; |
|||
if (dataContent.value != null) { |
|||
fromInventoryStatuses.value = getDirectoryItemArray(jobContent.value.outInventoryStatuses); |
|||
toLocation.value = dataContent.value.subList; |
|||
toLocationCode.value = dataContent.value.subList[0].toLocationCode; |
|||
fromLocationList.value = getFromLocationList(); |
|||
} |
|||
}; |
|||
|
|||
const showBalanceSelect = (items, packageInfo) => { |
|||
packageInfo.value = packageInfo; |
|||
balanceSelectRef.value.openPopup(items); |
|||
}; |
|||
|
|||
const getFromLocationList = () => { |
|||
let list = []; |
|||
let item = dataContent.value.subList.find(r => r.toLocationCode == toLocationCode.value); |
|||
if (item != undefined) { |
|||
dataContent.value.subList.forEach(item => { |
|||
list.push(item.fromLocationCode); |
|||
}); |
|||
fromLocationCode.value = list[0]; |
|||
return list; |
|||
} else { |
|||
comMessageRef.value.showErrorMessages('需求库位【' + toLocationCode.value + '】不存在', res => { |
|||
toLocationCode.value = ''; |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const fromLocationUpdate = (fromlocation) => { |
|||
let location = fromLocationList.value.find(r => r == fromlocation); |
|||
if (location == undefined) { |
|||
fromLocationCode.value = ''; |
|||
showErrorMessage('发货库位【' + fromlocation + '】不存在'); |
|||
} |
|||
}; |
|||
|
|||
const onScan = (result) => { |
|||
try { |
|||
if (fromLocationCode.value == '') { |
|||
showErrorMessage('请选择来源库位', res => { |
|||
toLocationComboxRef.value.onFocus(); |
|||
}); |
|||
return; |
|||
} |
|||
let packageInfo = result.package; |
|||
let itemCode = result.label.itemCode; |
|||
let packingCode = result.label.packingNumber; |
|||
let lot = result.label.batch; |
|||
let item = toLocation.value.find(r => r.itemCode == itemCode); |
|||
if (item == undefined) { |
|||
showErrorMessage('未查找到物料【' + itemCode + '】的发货明细', res => { |
|||
getfocus(); |
|||
}); |
|||
return; |
|||
} else { |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}); |
|||
getBalanceByManagementPrecision(result.label, fromLocationCode.value, fromInventoryStatuses.value, balanceRes => { |
|||
if (balanceRes.success) { |
|||
if (balanceRes.data.list.length == 0) { |
|||
showErrorMessage('在来源库位[' + fromLocationCode.value + '],未查找到该包装的库存记录', res => { |
|||
packGetFocus(); |
|||
}); |
|||
} else if (balanceRes.data.list.length == 1) { |
|||
let balance = balanceRes.data.list[0]; |
|||
afterGetBalance(result.label, balance, packageInfo); |
|||
} else { |
|||
label.value = result.label; |
|||
showBalanceSelect(balanceRes.data.list, packageInfo); |
|||
} |
|||
} else { |
|||
showErrorMessage(balanceRes.message); |
|||
} |
|||
uni.hideLoading(); |
|||
}); |
|||
} |
|||
} catch (error) { |
|||
showErrorMessage(error); |
|||
uni.hideLoading(); |
|||
} |
|||
}; |
|||
|
|||
const selectBalanceItem = (balance) => { |
|||
afterGetBalance(balance, balance, packageInfo.value); |
|||
}; |
|||
|
|||
const afterGetBalance = (label, balance, packageInfo) => { |
|||
try { |
|||
let itemCode = label.itemCode; |
|||
let packingCode = label.packingNumber; |
|||
let lot = label.batch; |
|||
let item = toLocation.value.find(r => r.itemCode == itemCode); |
|||
item.scaned = true; |
|||
fromLocationCode.value = balance.locationCode; |
|||
if (item.fromLocation != fromLocationCode.value) { |
|||
if (item.batch != undefined) { |
|||
addRecord(item.batch, label, balance, packageInfo); |
|||
} else { |
|||
if (jobContent.value.allowModifyBatch == "TRUE") { |
|||
showQuestionMessage('在【' + fromLocationCode.value + '】库位下,未查找到批次【' + lot + |
|||
'】的发货明细,是否要继续发货?', res => { |
|||
if (res) { |
|||
let batch = createBatchInfo(label, balance, packageInfo); |
|||
// 新增加的批次赋值details |
|||
if (fromLocation.value.Batchs.length > 0) { |
|||
batch.detail = fromLocation.value.Batchs[0].detail; |
|||
} |
|||
fromLocation.value.Batchs.unshift(batch); |
|||
} |
|||
}); |
|||
} else { |
|||
showErrorMessage('未查找到批次【' + lot + '】的发货明细', res => { |
|||
getfocus(); |
|||
}); |
|||
} |
|||
} |
|||
} else { |
|||
showErrorMessage('未查找到推荐库位【' + fromLocationCode.value + '】的发货明细', res => { |
|||
getfocus(); |
|||
}); |
|||
} |
|||
} catch (e) { |
|||
showErrorMessage(e.stack, res => { |
|||
getfocus(); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const createBatchInfo = (data, balance, packageInfo) => { |
|||
let batch = { |
|||
batch: data.batch, |
|||
qty: 0, |
|||
uom: data.uom, |
|||
handleQty: Number(data.qty), |
|||
Records: [] |
|||
}; |
|||
let record = creatRecord(data, balance, packageInfo); |
|||
batch.Records.push(record); |
|||
issueRecord.value.unshift(record); |
|||
return batch; |
|||
}; |
|||
|
|||
const creatRecord = (label, balance, packageInfo) => { |
|||
balance.packQty = packageInfo.packQty; |
|||
balance.packUnit = packageInfo.packUnit; |
|||
let record = { |
|||
itemCode: label.itemCode, |
|||
packingNumber: label.packingNumber, |
|||
batch: label.batch, |
|||
qty: Number(label.qty) > Number(balance.qty) ? Number(balance.qty) : Number(label.qty), |
|||
uom: balance.uom, |
|||
inventoryStatus: balance.inventoryStatus, |
|||
balance: balance, |
|||
toLocationCode: toLocationCode.value, |
|||
supplierCode: label.supplierCode |
|||
}; |
|||
return record; |
|||
}; |
|||
|
|||
const calcBatchHandleQty = (batch, label, balance) => { |
|||
dataContent.value.subList.forEach(item => { |
|||
if (item.itemCode == balance.itemCode && item.batch == batch) { |
|||
item.handleQty = label.qty; |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const addRecord = (batch, label, balance, packageInfo) => { |
|||
calcBatchHandleQty(batch, label, balance); |
|||
}; |
|||
|
|||
const getfocus = () => { |
|||
if (comscanRef.value) { |
|||
comscanRef.value.getfocus(); |
|||
} |
|||
}; |
|||
|
|||
const losefocus = () => { |
|||
if (comscanRef.value) { |
|||
comscanRef.value.losefocus(); |
|||
} |
|||
}; |
|||
|
|||
const expands = () => { |
|||
expand.value = !expand.value; |
|||
expendIcon.value = expand.value ? "arrow-down" : "arrow-up"; |
|||
}; |
|||
|
|||
const swipeClick = (e, item, index) => { |
|||
if (e.content.text == "详情") { |
|||
detail(item); |
|||
} else if (e.content.text == "编辑") { |
|||
edit(item); |
|||
} else if (e.content.text == "移除") { |
|||
remove(item, index); |
|||
} |
|||
}; |
|||
|
|||
const edit = (item) => { |
|||
editItem.value = item; |
|||
item.balance.balanceQty = item.balance.qty; |
|||
balanceQtyEditRef.value.openEditPopup(item.balance, item.qty); |
|||
}; |
|||
|
|||
const detail = (item) => { |
|||
showItem.value = item; |
|||
receiptHintRef.value.openScanPopup(); |
|||
}; |
|||
|
|||
const remove = (record, index) => { |
|||
showQuestionMessage("确定移除扫描信息?", res => { |
|||
if (res) { |
|||
record.qty = 0; |
|||
issueRecord.value.splice(index, 1); |
|||
|
|||
let item = toLocation.value.Items.find(r => r.itemCode == record.itemCode); |
|||
if (item != undefined) { |
|||
item.Locations.forEach(l => { |
|||
let batch = l.Batchs.find(b => b.packingNumber == record.packingNumber && b.batch == record.batch); |
|||
let rIndex = batch.Records.findIndex(r => r.packingNumber == record.packingNumber && r.batch == record.batch); |
|||
batch.Records.splice(rIndex, 1); |
|||
}); |
|||
} |
|||
emit('updateData', item); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const packGetFocus = () => { |
|||
comscanRef.value.getfocus(); |
|||
}; |
|||
|
|||
const packLoseFocus = () => { |
|||
comscanRef.value.losefocus(); |
|||
}; |
|||
|
|||
const showMessage = (message, callback) => { |
|||
setTimeout(() => { |
|||
packLoseFocus(); |
|||
comMessageRef.value.showMessage(message, callback); |
|||
}); |
|||
}; |
|||
|
|||
const showErrorMessage = (message, callback) => { |
|||
setTimeout(() => { |
|||
packLoseFocus(); |
|||
comMessageRef.value.showErrorMessage(message, callback); |
|||
}); |
|||
}; |
|||
|
|||
const showQuestionMessage = (message, callback) => { |
|||
setTimeout(() => { |
|||
packLoseFocus(); |
|||
comMessageRef.value.showQuestionMessage(message, callback); |
|||
}); |
|||
}; |
|||
|
|||
const confirm = (val) => { |
|||
editItem.value.qty = Number(val); |
|||
emit('updateData', editItem.value); |
|||
}; |
|||
|
|||
const cancle = () => { |
|||
closeScanPopup(); |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
button { |
|||
border: none; |
|||
} |
|||
|
|||
button::after { |
|||
border: none |
|||
} |
|||
|
|||
.scroll-view { |
|||
overflow-y: scroll; |
|||
height: auto; |
|||
max-height: 300rpx; |
|||
padding: 10rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,129 @@ |
|||
<template> |
|||
<view> |
|||
<!-- <requiredLocation title="需求库位" :locationCode="dataContent.toLocationCode" |
|||
:isShowEdit="dataContent.allowModifyLocation==1"></requiredLocation> --> |
|||
<view v-for="(item,index) in dataContent.subList"> |
|||
<u-swipe-action ref="swipeAction" |
|||
:options="(item.scaned&&isEdit)?editAndRemoveOptions : item.scaned? removeOptions:options" |
|||
:class="item.scaned? 'scan_view':''" @click="(...event)=>swipeClick(event,item,index)"> |
|||
<uni-swipe-action-item |
|||
:right-options="(item.scaned&&isEdit)?editAndRemoveOptions : item.scaned? removeOptions:options" |
|||
@click="swipeClick($event,item,index)" style='padding:0px 0px 5px 0px;align-items: center;'> |
|||
<item-qty :dataContent="item" :handleQty="item.handleQty" :isShowBalanceQty="false"></item-qty> |
|||
<location :locationCode="item.fromLocationCode"> |
|||
</location> |
|||
<handleBalanceBatch :detail="item" :isShowLocation="false" |
|||
:isShowBatch="true" :isShowPack='false'> |
|||
</handleBalanceBatch> |
|||
</uni-swipe-action-item> |
|||
</u-swipe-action> |
|||
</view> |
|||
</view> |
|||
<qtyEdit ref="balanceQtyEditRef" @confirm="confirm" :isShowStatus="true"></qtyEdit> |
|||
<detail-info-popup ref="detailInfoPopup"></detail-info-popup> |
|||
<comMessage ref="messageRef"></comMessage> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import itemQty from '@/mycomponents/item/itemQty.vue' |
|||
import recommend from '@/mycomponents/recommend/recommend.vue' |
|||
import recommendBalance from '@/mycomponents/balance/recommendBalance.vue' |
|||
import handleBalance from '@/mycomponents/balance/handleBalance.vue' |
|||
import handleBalanceBatch from '@/mycomponents/balance/handleBalanceBatch.vue' |
|||
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|||
import qtyEdit from '@/mycomponents/qty/qtyEdit.vue' |
|||
import location from '@/mycomponents/balance/location.vue' |
|||
import detailInfoPopup from '@/pages/productionReceipt/coms/detailInfoPopup.vue' |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getPurchaseReceiptOption, |
|||
getRemoveOption, |
|||
getEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import {ref, onMounted, watch,nextTick} from 'vue'; |
|||
|
|||
const props = defineProps({ |
|||
dataContent: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
settingParam: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
isEdit: { |
|||
type: Boolean, |
|||
default: true |
|||
} |
|||
}); |
|||
const emit = defineEmits(['updateData']) |
|||
const option = ref([]); |
|||
const showItem = ref({}); |
|||
const editItem = ref({}); |
|||
const batchItem = ref({}); |
|||
const detailOptions = ref([]); |
|||
const scanOptions = ref([]); |
|||
const removeOptions = ref([]); |
|||
const editAndRemoveOptions = ref([]); |
|||
|
|||
const collapseRef = ref([]); |
|||
const balanceQtyEditRef = ref(null); |
|||
const receiptHintRef = ref(null); |
|||
const messageRef = ref(null); |
|||
|
|||
onMounted(() => { |
|||
removeOptions.value = getRemoveOption(); |
|||
editAndRemoveOptions.value = getEditRemoveOption(); |
|||
}); |
|||
|
|||
const resizeCollapse = () => { |
|||
nextTick(() => { |
|||
collapseRef.value.forEach(r => { |
|||
r.childrens.forEach(i => { |
|||
i.init(); |
|||
}); |
|||
r.resize(); |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
const swipeClick = (e, item, index) => { |
|||
if (e.content.text == "编辑") { |
|||
edit(item); |
|||
} else if (e.content.text == "移除") { |
|||
remove(item, index); |
|||
} |
|||
}; |
|||
|
|||
const edit = (item) => { |
|||
editItem.value = item; |
|||
balanceQtyEditRef.value.openEditPopup(item); |
|||
}; |
|||
|
|||
const detail = (item) => { |
|||
showItem.value = item; |
|||
receiptHintRef.value.openScanPopup(); |
|||
}; |
|||
|
|||
const remove = (item, index) => { |
|||
messageRef.value.showQuestionMessage("确定移除扫描信息?", res => { |
|||
if (res) { |
|||
item.handleQty = 0; |
|||
item.scaned = false; |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const confirm = (val) => { |
|||
editItem.value.handleQty = val; |
|||
emit('updateData', editItem.value); |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,408 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="page-header"> |
|||
<view class="header-view"> |
|||
<view class="header_job_top"> |
|||
<job-top :dataContent="jobContent"></job-top> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class=""> |
|||
<comStockUpDetailCardBatch |
|||
ref='comIssueDetailCard' |
|||
:dataContent="detailSource" |
|||
@updateData='updateData' |
|||
:settingParam="jobContent" |
|||
> |
|||
</comStockUpDetailCardBatch> |
|||
</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=""> |
|||
<locationCompare ref='comScanLocation' title="目标库位" :recommendLocationCode="jobToLocationCode" |
|||
:locationCode="toLocationCode" @getLocation='scanLocationCode' |
|||
:locationAreaTypeList="toLocationAreaTypeList"></locationCompare> |
|||
</view> |
|||
<view class=" uni-flex uni-row"> |
|||
<button class="btn_single_commit" hover-class="btn_commit_after" @click="submit">提交</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- <div class="btn_bottom"> |
|||
<view class="" style="display: flex;flex-direction: row;"> |
|||
<view class=""> |
|||
<button class="btn_commit" hover-class="btn_commit_after" @click="submit()">提交</button> |
|||
</view> |
|||
</view> |
|||
</div> --> |
|||
<win-scan-button @goScan='openScanDetailPopup'></win-scan-button> |
|||
<comScanStockUpPackBatch ref="comScanIssuePackRef" @closeScan='closeScan' @updateData='updateData'> |
|||
</comScanStockUpPackBatch> |
|||
<comMessage ref="comMessageRef"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
getStockUpJobDetail, |
|||
takeStockUpJob, |
|||
cancleTakeStockUpJob, |
|||
stockUpJobsubmit |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
calc |
|||
} from '@/common/calc.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
navigateBack, |
|||
getRemoveOption, |
|||
getCurrDateTime, |
|||
getDirectoryItemArray, |
|||
getPackingNumberAndBatch, |
|||
deepCopyData |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import { |
|||
getManagementPrecisions |
|||
} from '@/common/balance.js'; |
|||
|
|||
|
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import comStockUpDetailCardBatch from '@/pages/stockUp/coms/comStockUpDetailCardBatch.vue' |
|||
import comScanStockUpPackBatch from '@/pages/stockUp/coms/comScanStockUpPackBatch.vue' |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
import locationCompare from '@/mycomponents/location/locationCompare.vue' |
|||
|
|||
import { ref, onMounted, watch } from 'vue'; |
|||
import { onShow, onNavigationBarButtonTap, onBackPress } from '@dcloudio/uni-app'; |
|||
|
|||
const id = ref(''); |
|||
const jobContent = ref({}); |
|||
const subList = ref([]); |
|||
const detailSource = ref([]); |
|||
const detailOptions = ref([]); |
|||
const scanOptions = ref([]); |
|||
const status = ref(""); |
|||
const toLocationCode = ref(""); |
|||
const jobStatus = ref(""); |
|||
const toLocationAreaTypeList = ref([]); |
|||
const jobToLocationCode = ref(""); |
|||
const fromLocationCode = ref('') |
|||
const managementList = ref([]); |
|||
const dataContent = ref({}); |
|||
|
|||
const comMessageRef = ref(null); |
|||
const scanPopupRef = ref(null); |
|||
const comScanIssuePackRef = ref(null); |
|||
|
|||
onShow((option) => { |
|||
uni.setNavigationBarTitle({ |
|||
title: option.title + '详情' |
|||
}); |
|||
id.value = option.id; |
|||
if (id.value !== undefined) { |
|||
if (option.status === "1") { |
|||
receive(() => { |
|||
getDetail(); |
|||
}); |
|||
} else { |
|||
getDetail(); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
onNavigationBarButtonTap((e) => { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}); |
|||
|
|||
onBackPress((e) => { |
|||
if (e.from === 'backbutton') { |
|||
if (jobStatus.value === "2") { |
|||
cancleTakeStockUpJob(id.value).then(() => { |
|||
uni.navigateBack(); |
|||
}).catch(() => { |
|||
uni.navigateBack(); |
|||
}); |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}); |
|||
|
|||
const receive = (callback) => { |
|||
if (id.value !== null) { |
|||
takeStockUpJob(id.value).then(() => { |
|||
callback(); |
|||
}).catch((error) => { |
|||
showErrorMessage(error); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const getDetail = () => { |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getStockUpJobDetail(id.value).then((res) => { |
|||
uni.hideLoading(); |
|||
if (res.data == null) { |
|||
showMessage('未获取到详情'); |
|||
} else { |
|||
if (res.data.subList.length > 0) { |
|||
jobContent.value = res.data; |
|||
jobStatus.value = res.data.status; |
|||
subList.value = res.data.subList; |
|||
detailSource.value = res.data; |
|||
fromLocationCode.value = subList.value[0].fromLocationCode; |
|||
jobToLocationCode.value = subList.value[0].toLocationCode; |
|||
toLocationAreaTypeList.value = getDirectoryItemArray(jobContent.value.toAreaTypes); |
|||
resizeCollapse(); |
|||
} else { |
|||
showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showErrorMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const scanLocationCode = (location, code) => { |
|||
toLocationCode.value = code; |
|||
detailSource.value.subList.forEach((item) => { |
|||
item.toLocationCode = code; |
|||
}); |
|||
}; |
|||
|
|||
const closeScan = () => { |
|||
resizeCollapse(); |
|||
}; |
|||
|
|||
const resizeCollapse = () => { |
|||
// 实现具体逻辑 |
|||
}; |
|||
|
|||
const submit = () => { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
const itemCodes = []; |
|||
const locationCode = detailSource.value.subList[0].toLocationCode; |
|||
detailSource.value.subList.forEach((item) => { |
|||
itemCodes.push(item.itemCode); |
|||
}); |
|||
|
|||
getManagementPrecisions(itemCodes, locationCode, (res) => { |
|||
if (res.success) { |
|||
managementList.value = res.list; |
|||
submitJob(); |
|||
} else { |
|||
uni.hideLoading(); |
|||
showErrorMessage(res.message); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const submitJob = () => { |
|||
const params = setParams(); |
|||
if (!params.subList || params.subList.length === 0) { |
|||
uni.hideLoading(); |
|||
showErrorMessage("请扫描您需要提交的备货任务"); |
|||
return; |
|||
} |
|||
|
|||
stockUpJobsubmit(params).then((res) => { |
|||
uni.hideLoading(); |
|||
if (res.data) { |
|||
showCommitSuccessMessage("提交成功\n生成备货记录" + res.data); |
|||
} else { |
|||
showErrorMessage("提交失败[" + res.msg + "]"); |
|||
} |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showErrorMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const setParams = () => { |
|||
const subList = []; |
|||
const createTime = getCurrDateTime(); |
|||
const creator = store.id; |
|||
|
|||
detailSource.value.subList.forEach((r) => { |
|||
if (r.scaned) { |
|||
const subItem = { ...r }; |
|||
subItem.recordList = []; |
|||
const record = { |
|||
handleQty: r.handleQty, |
|||
toContainerNumber: r.ContainerNumber, |
|||
toInventoryStatus: r.inventoryStatus, |
|||
toLocationCode: subItem.toLocationCode, |
|||
supplierCode: r.supplierCode, |
|||
...getPackingNumberAndBatch(managementList.value, r.itemCode, r.packingNumber, r.batch) |
|||
}; |
|||
subItem.recordList.push(record); |
|||
subList.push(deepCopyData(subItem)); |
|||
} |
|||
}); |
|||
|
|||
jobContent.value.subList = subList; |
|||
jobContent.value.createTime = createTime; |
|||
jobContent.value.creator = creator; |
|||
return jobContent.value; |
|||
}; |
|||
|
|||
const cancel = () => { |
|||
comMessageRef.value.showQuestionMessage('是否要清空已扫描的物料和目标库位信息?', (res) => { |
|||
if (res) { |
|||
clearInfo(); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const clearInfo = () => { |
|||
dataContent.value.itemCodeList.forEach((res) => { |
|||
if (res.recommendList != null) { |
|||
res.recommendList.forEach((res1) => { |
|||
if (res1.locationCodeList != null) { |
|||
res1.locationCodeList.forEach((res2) => { |
|||
if (res2.packingCodeList != null) { |
|||
res2.packingCodeList.forEach((res3) => { |
|||
res3.itemCode = ""; |
|||
res3.qty = 0; |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const updateData = (record) => { |
|||
// 实现具体逻辑 |
|||
}; |
|||
|
|||
const scanPopupGetFocus = () => { |
|||
if (scanPopupRef.value != undefined) { |
|||
scanPopupRef.value.getfocus(); |
|||
} |
|||
}; |
|||
|
|||
const showMessage = (message) => { |
|||
comMessageRef.value.showMessage(message, (res) => { |
|||
if (res) { |
|||
afterCloseMessage(); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const showErrorMessage = (message) => { |
|||
comMessageRef.value.showErrorMessage(message, (res) => { |
|||
if (res) { |
|||
afterCloseMessage(); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const showScanMessage = (message) => { |
|||
comMessageRef.value.showScanMessage(message); |
|||
}; |
|||
|
|||
const showCommitSuccess = () => { |
|||
comMessageRef.value.showCommitSuccess(); |
|||
}; |
|||
|
|||
const showCommitSuccessMessage = (hint) => { |
|||
comMessageRef.value.showSuccessMessage(hint, (res) => { |
|||
navigateBack(1); |
|||
}); |
|||
}; |
|||
|
|||
const showRescanMessage = (message) => { |
|||
comMessageRef.value.showRescanMessage(message); |
|||
}; |
|||
|
|||
const afterCloseMessage = () => { |
|||
scanPopupGetFocus(); |
|||
}; |
|||
|
|||
const closeScanMessage = () => { |
|||
scanPopupGetFocus(); |
|||
}; |
|||
|
|||
const confirm = (data) => { |
|||
dataContent.value = data; |
|||
}; |
|||
|
|||
const confirmResult = (result) => { |
|||
dataContent.value = result; |
|||
// 使用 forceUpdate 方法更新组件 |
|||
// 注意：Vue 3 不再需要 forceUpdate，因为响应式系统会自动处理 |
|||
}; |
|||
|
|||
const openScanDetailPopup = () => { |
|||
const datacontent = { ...detailSource.value }; // 深度克隆 |
|||
comScanIssuePackRef.value.openScanPopup(detailSource.value, jobContent.value); |
|||
}; |
|||
|
|||
const closeScanPopup = () => { |
|||
updateCommitBtn(); |
|||
}; |
|||
|
|||
const updateCommitBtn = () => { |
|||
// 实现具体逻辑 |
|||
}; |
|||
|
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.uni-numbox__value { |
|||
width: 40px; |
|||
} |
|||
|
|||
button[disabled] { |
|||
background-color: #3C9CFF; |
|||
color: #fff; |
|||
opacity: 0.7; |
|||
} |
|||
|
|||
|
|||
// /deep/ .input-value { |
|||
// font-size: 16px; |
|||
// } |
|||
|
|||
// /deep/ .uni-collapse-item__title-text { |
|||
// font-size: 16px; |
|||
// } |
|||
|
|||
// /deep/ .uni-collapse-item--border { |
|||
// border-bottom-width: 0px; |
|||
// border-bottom-color: #ebeef5; |
|||
// } |
|||
|
|||
// /deep/ .uni-collapse-item--border { |
|||
// border-bottom-width: 1px; |
|||
// border-bottom-color: #ebeef5; |
|||
// } |
|||
</style> |
|||
Loading…
Reference in new issue