4 changed files with 1223 additions and 69 deletions
@ -0,0 +1,517 @@ |
|||
<template> |
|||
<view class=""> |
|||
<view class="" v-if="jobList.length>0" |
|||
style="background: white;padding: 20rpx;position: fixed;width: 100%;box-shadow: 0px 0px 10px 10px rgba(1, 1, 1, 0.05);z-index: 22; "> |
|||
<uni-pagination :total="totalCount" title="每页30" :pageSize='pageSize' @change="changePage" |
|||
:current="pageNo"/> |
|||
|
|||
<view class="uni-flex uni-row"> |
|||
<view class="uni-flex uni-row"> |
|||
<view class=""> |
|||
<u-checkbox size="40" v-model="checkAll" @change="checkAllItems"> |
|||
</u-checkbox> |
|||
</view> |
|||
<view> |
|||
<text |
|||
style="margin-left: 2rpx; font-size: 32rpx;font-weight: bold;">当前页({{ jobList.length }}) |
|||
</text> |
|||
</view> |
|||
</view> |
|||
<view class="" |
|||
style=" margin-left: 10rpx; font-size: 32rpx; align-items: center; text-align: center;"> |
|||
第{{ pageNo }}页，每页/{{ pageSize }}, 共:{{ totalCount }} |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
|||
<job-filter ref="filter" otherTitle="ASN" :isShowToAreaCode="true" :isShowQurery='true' :isShowStatus='false' |
|||
:isShowToLocationCode="true" :isShowItemCode="true" @onQuery="getListByFilter"> |
|||
</job-filter> |
|||
|
|||
<view v-if="jobList.length>0" style="padding-bottom: 100rpx;padding-top: 150rpx;"> |
|||
<view class="" style="padding-left: 60rpx; padding-top: 10rpx; padding-bottom: 10rpx; background-color:#D3D1CC"> |
|||
<locationCompare ref='comScanLocation' title="目标库位" |
|||
:recommendLocationCode="toSubmitLocationCode" @getLocation='scanLocationCode' |
|||
:isShowEdit="true" |
|||
:locationAreaTypeList="toLocationAreaTypeList"></locationCompare> |
|||
</view> |
|||
|
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in jobList" :key="index"> |
|||
<uni-swipe-action-item :right-options="item.status=='2'?detailGiveupOptions:detailOptions" |
|||
@click="swipeClick($event,item)"> |
|||
<view class="flex" style="flex-direction: row; align-items: center;"> |
|||
<view class="uni-flex" style="flex-direction: column; align-items: center;"> |
|||
|
|||
<text style="margin-bottom: 10rpx;">({{ index + 1 }})</text> |
|||
<u-checkbox v-model="item.checked" :name="item.id" size="50" shape="circle"> |
|||
</u-checkbox> |
|||
</view> |
|||
<view class="" style="width: 100%;"> |
|||
<com-putaway-job-card :dataContent="item" |
|||
@click='checkedItem(item)'></com-putaway-job-card> |
|||
</view> |
|||
</view> |
|||
</uni-swipe-action-item> |
|||
</view> |
|||
</uni-swipe-action> |
|||
|
|||
<putaway-info-popup ref='jobInfoPopup'></putaway-info-popup> |
|||
<putaway-job-list-popup ref="jobListPopup" @selectedItem="selectedItem"></putaway-job-list-popup> |
|||
<!-- <uni-load-more :status="loadingType" v-if="jobList.length>0" /> --> |
|||
|
|||
</view> |
|||
|
|||
<jobList ref="jobList" @selectItem="selectItem"></jobList> |
|||
<view class="footer" v-if="jobList.length>0"> |
|||
<button class="btn_single_commit" hover-class="btn_commit_after" @click="takeAllJob">执行当前已选择项</button> |
|||
</view> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import jobList from '@/mycomponents/jobList/jobList.vue' |
|||
|
|||
import { |
|||
getPutawayJobList, |
|||
cancleTakePutawayJob, |
|||
putawayJobAllExecute, |
|||
takeAllPutawayJob, |
|||
cancleAllTakePutawayJob |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
getDirectoryItemArray, |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailGiveupOption |
|||
} from '@/common/array.js'; |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
|
|||
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|||
import jobFilter from '@/mycomponents/job/jobFilter.vue' |
|||
import comPutawayJobCard from '@/pages/putaway/coms/comPutawayJobCard.vue' |
|||
import putawayJobListPopup from '@/pages/putaway/coms/putawayJobListPopup.vue' |
|||
import putawayInfoPopup from '@/pages/putaway/coms/putawayInfoPopup.vue' |
|||
import winScanPackJob from "@/mycomponents/scan/winScanPackJob.vue" |
|||
import comCheckAll from "@/mycomponents/button/comCheckAll.vue" |
|||
import locationCompare from '@/mycomponents/location/locationCompare.vue' |
|||
|
|||
|
|||
import { |
|||
Exception |
|||
} from 'sass'; |
|||
|
|||
import {ref, onMounted, onBeforeUnmount} from 'vue'; |
|||
import {onLoad, onShow, onReady, onBackPress, onNavigationBarButtonTap, onPullDownRefresh} from '@dcloudio/uni-app'; |
|||
|
|||
// 定义数据 |
|||
const jobList = ref([]); |
|||
const pageNo = ref(1); |
|||
const currentPageNo = ref(1); |
|||
const pageSize = ref(30); |
|||
const totalCount = ref(0); |
|||
const loadingType = ref("nomore"); |
|||
const checkedToday = ref(false); |
|||
const checkedWaitTask = ref(false); |
|||
const todayTime = ref(""); |
|||
const status = ref('1'); // 待处理 |
|||
const detailOptions = ref([]); |
|||
const detailGiveupOptions = ref([]); |
|||
const title = ref(''); |
|||
const scanMessage = ref(""); |
|||
const jobNumberList = ref([]); // 全部承接参数 |
|||
const creationTime = ref(""); |
|||
const itemCode = ref(""); |
|||
const toAreaCode = ref(""); |
|||
const toLocationCode = ref(""); |
|||
const checkAll = ref(false); |
|||
const toSubmitLocationCode = ref(""); |
|||
const toLocationAreaTypeList = ref([]); |
|||
const filter = ref(null) |
|||
const scanList = ref(null) |
|||
const jobInfoPopup = ref(null) |
|||
const comMessage = ref(null) |
|||
const scanPopup = ref(null) |
|||
const comScanLocation = ref(null) |
|||
// 生命周期钩子 |
|||
onLoad((option) => { |
|||
title.value = option.title; |
|||
}); |
|||
|
|||
onShow(() => { |
|||
getList('refresh'); |
|||
}); |
|||
|
|||
onReady(() => { |
|||
detailOptions.value = getDetailOption(); |
|||
detailGiveupOptions.value = getDetailGiveupOption(); |
|||
}); |
|||
|
|||
onBackPress((options) => { |
|||
if (options.from === 'navigateBack') { |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}); |
|||
return false; |
|||
} |
|||
}); |
|||
|
|||
onNavigationBarButtonTap((e) => { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index == 1) { |
|||
filter.value.openFilter(); |
|||
} |
|||
}); |
|||
|
|||
// onReachBottom(() => { |
|||
// // 避免多次触发 |
|||
// if (loadingType.value == 'loading' || loadingType.value == 'nomore') { |
|||
// return; |
|||
// } |
|||
// getList("more"); |
|||
// }); |
|||
|
|||
onPullDownRefresh(() => { |
|||
getList('refresh'); |
|||
}); |
|||
|
|||
// 方法 |
|||
const getList = (type) => { |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
|
|||
loadingType.value = "loading"; |
|||
if (type === "refresh") { |
|||
pageNo.value = 1; |
|||
jobList.value = []; |
|||
} |
|||
|
|||
const queryFiltersParams = setQueryParam(); |
|||
const params = { |
|||
filters: queryFiltersParams, |
|||
pageNo: pageNo.value, |
|||
pageSize: pageSize.value, |
|||
}; |
|||
currentPageNo.value = pageNo.value; |
|||
|
|||
getPutawayJobList(params).then((res) => { |
|||
uni.hideLoading(); |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
|
|||
const list = res.data.list; |
|||
list.forEach((item) => { |
|||
item.checked = false; |
|||
}); |
|||
checkAll.value = false; |
|||
totalCount.value = res.data.total; |
|||
updateTitle(title.value + "(" + totalCount.value + ")"); |
|||
|
|||
jobList.value = list; |
|||
if (jobList.value.length > 0) { |
|||
toLocationAreaTypeList.value = getDirectoryItemArray(jobList.value[0].toAreaTypes); |
|||
} |
|||
toSubmitLocationCode.value = ""; |
|||
|
|||
// pageNo.value++; |
|||
}).catch((error) => { |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
loadingType.value = ""; |
|||
updateTitle(title.value); |
|||
uni.hideLoading(); |
|||
showMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const openJobDetail = (item) => { |
|||
uni.navigateTo({ |
|||
url: './putawayDetail?id=' + item.masterId + '&status=' + item.status + '&title=' + title.value |
|||
}); |
|||
scanMessage.value = ""; |
|||
}; |
|||
|
|||
const setQueryParam = () => { |
|||
const filterParams = []; |
|||
const queryParams = { |
|||
status: status.value, |
|||
creationTime: creationTime.value, |
|||
itemCode: itemCode.value, |
|||
toAreaCode: toAreaCode.value, |
|||
toLocationCode: toLocationCode.value |
|||
}; |
|||
|
|||
if (queryParams.creationTime) { |
|||
filterParams.push({ |
|||
column: "create_time", |
|||
action: "between", |
|||
value: queryParams.creationTime |
|||
}); |
|||
} |
|||
|
|||
if (queryParams.status) { |
|||
filterParams.push({ |
|||
column: "status", |
|||
action: "in", |
|||
value: queryParams.status |
|||
}); |
|||
} |
|||
|
|||
if (queryParams.itemCode) { |
|||
filterParams.push({ |
|||
column: "itemCode", |
|||
action: "like", |
|||
value: queryParams.itemCode |
|||
}); |
|||
} |
|||
|
|||
if (queryParams.toAreaCode) { |
|||
filterParams.push({ |
|||
column: "toAreaCode", |
|||
action: "==", |
|||
value: queryParams.toAreaCode |
|||
}); |
|||
} |
|||
|
|||
if (queryParams.toLocationCode) { |
|||
filterParams.push({ |
|||
column: "toLocationCode", |
|||
action: "==", |
|||
value: queryParams.toLocationCode |
|||
}); |
|||
} |
|||
|
|||
return filterParams; |
|||
}; |
|||
|
|||
const showItemList = (itemList) => { |
|||
scanList.value.openPopup(itemList); |
|||
}; |
|||
|
|||
const selectedItem = (item) => { |
|||
openJobDetail(item); |
|||
}; |
|||
|
|||
const swipeClick = (e, dataContent) => { |
|||
if (e.content.text === "详情") { |
|||
openjobInfoPopup(dataContent); |
|||
} else if (e.content.text === "放弃") { |
|||
comMessage.value.showQuestionMessage("确定要放弃当前任务?", (res) => { |
|||
if (res) { |
|||
cancleJob(dataContent.masterId); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const openjobInfoPopup = (item) => { |
|||
jobInfoPopup.value.openPopup(item); |
|||
}; |
|||
|
|||
const cancleJob = (id) => { |
|||
cancleTakePutawayJob(id).then((res) => { |
|||
if (res.data) { |
|||
getList("refresh"); |
|||
uni.showToast({ |
|||
title: "放弃任务成功" |
|||
}); |
|||
} else { |
|||
showMessage("放弃任务失败"); |
|||
} |
|||
}).catch((error) => { |
|||
showMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const showMessage = (message) => { |
|||
if (comMessage.value) { |
|||
comMessage.value.packLoseFocus(); |
|||
} |
|||
comMessage.value.showErrorMessage(message, (res) => { |
|||
if (res) { |
|||
if (comMessage.value) { |
|||
comMessage.value.packGetFocus(); |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const openScanPopup = () => { |
|||
scanPopup.value.openScanPopup(); |
|||
}; |
|||
|
|||
const selectItem = (item) => { |
|||
scanPopup.value.closeScanPopup(); |
|||
uni.navigateTo({ |
|||
url: './putawayDetail?id=' + |
|||
item.masterId + |
|||
'&status=' + item.status + |
|||
'&scaned=' + item.packingNumber + |
|||
'&title=' + title.value + |
|||
"&scanMessage=" + scanMessage.value |
|||
}); |
|||
scanMessage.value = ""; |
|||
}; |
|||
|
|||
const getListByFilter = (params) => { |
|||
console.log('getListByFilter', params); |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
creationTime.value = params.creationTime; |
|||
itemCode.value = params.itemCode; |
|||
toAreaCode.value = params.toAreaCode; |
|||
toLocationCode.value = params.toLocationCode; |
|||
getList('refresh'); |
|||
}; |
|||
|
|||
const takeAllJob = () => { |
|||
if (!toSubmitLocationCode.value) { |
|||
comMessage.value.showQuestionMessage("是否要修改目标库位?", (res) => { |
|||
if (res) { |
|||
comScanLocation.value.showLocation(); |
|||
} else { |
|||
submitJob(); |
|||
} |
|||
}); |
|||
} else { |
|||
submitJob(); |
|||
} |
|||
}; |
|||
|
|||
const submitJob = () => { |
|||
jobNumberList.value = []; |
|||
jobList.value.forEach((item) => { |
|||
if (item.checked) { |
|||
jobNumberList.value.push(item.number); |
|||
} |
|||
}); |
|||
|
|||
if (jobNumberList.value.length === 0) { |
|||
showMessage("最少选择一条数据"); |
|||
return; |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
|
|||
takeAllPutawayJob({ |
|||
jobNumberList: jobNumberList.value |
|||
}).then((res) => { |
|||
if (res.data) { |
|||
executeAllJob(); |
|||
} else { |
|||
uni.hideLoading(); |
|||
showMessage("承接任务失败"); |
|||
} |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const executeAllJob = () => { |
|||
const params = { |
|||
toLocationCode: toSubmitLocationCode.value, |
|||
jobNumberList: jobNumberList.value |
|||
}; |
|||
|
|||
putawayJobAllExecute(params).then((res) => { |
|||
if (res.data) { |
|||
uni.hideLoading(); |
|||
comMessage.value.showSuccessMessage("执行任务成功", (res) => { |
|||
if (res) { |
|||
getList('refresh'); |
|||
} |
|||
}); |
|||
} else { |
|||
uni.hideLoading(); |
|||
showMessage("执行任务失败"); |
|||
cancleAllJob(); |
|||
} |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showMessage(error); |
|||
cancleAllJob(); |
|||
}); |
|||
}; |
|||
|
|||
const cancleAllJob = () => { |
|||
cancleAllTakePutawayJob({ |
|||
jobNumberList: jobNumberList.value |
|||
}).then(() => { |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const changePage = (e) => { |
|||
console.log(e); |
|||
pageNo.value = e.current; |
|||
status.value = 1; |
|||
getList(); |
|||
}; |
|||
|
|||
const checkAllItems = (checkAll) => { |
|||
if (checkAll.value) { |
|||
jobList.value.forEach((res) => { |
|||
res.checked = true; |
|||
}); |
|||
} else { |
|||
jobList.value.forEach((res) => { |
|||
res.checked = false; |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const cancleAll = () => { |
|||
jobList.value.forEach((res) => { |
|||
res.checked = false; |
|||
}); |
|||
}; |
|||
|
|||
const checkedItem = (item) => { |
|||
item.checked = !item.checked; |
|||
}; |
|||
|
|||
const scanLocationCode = (location, code) => { |
|||
toSubmitLocationCode.value = code; |
|||
}; |
|||
</script> |
|||
|
|||
|
|||
<style scoped lang="scss"> |
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
background: white; |
|||
width: 100%; |
|||
padding: 16rpx 20rpx; |
|||
box-shadow: 0px 0px 20rpx 20rpx rgba(0, 0, 0, 0.05); |
|||
|
|||
button { |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,508 @@ |
|||
<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 class="header_item"> |
|||
申请单号 : {{ jobContent.requestNumber }} |
|||
</view> |
|||
</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=""> |
|||
<comJobDetailCard :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowStatus="false" @remove="updateData" @updateData="updateData" |
|||
:locationAreaTypeList='toLocationAreaTypeList'> |
|||
</comJobDetailCard> |
|||
</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=""> |
|||
<locationCompare ref='comScanLocation' title="目标库位" :recommendLocationCode="jobToLocationCode" |
|||
:locationCode="toLocationCode" @getLocation='scanLocationCode' :isShowEdit="isCheckLocation" |
|||
:locationAreaTypeList="toLocationAreaTypeList"></locationCompare> |
|||
</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> |
|||
<!-- <winScanPackAndLocationNoBalance ref="scanPopup" @getResult='getScanResult' :allowNullBalance="true"> |
|||
</winScanPackAndLocationNoBalance> --> |
|||
|
|||
<winScanPackAndLocation :balanceFromInventoryStatuses="false" ref="scanPopup" @getResult='getScanResult' |
|||
:noShowBalanceMessage="true"> |
|||
</winScanPackAndLocation> |
|||
|
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
getManagementPrecisions, |
|||
} from '@/common/balance.js'; |
|||
|
|||
import { |
|||
getPutawayJobDetail, |
|||
putawayJobSubmit, |
|||
takePutawayJob, |
|||
cancleTakePutawayJob, |
|||
getSwitchByCode |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
getCurrDateTime, |
|||
getPackingNumberAndBatch, |
|||
navigateBack, |
|||
compareAsc, |
|||
getSwitchInfoByCode |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDirectoryItemArray, |
|||
getInventoryStatusName |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
getTreeDataSource, |
|||
calcHandleQty, |
|||
calcTreeHandleQty, |
|||
getScanCount |
|||
} from '@/common/detail.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import comJobDetailCard from "@/mycomponents/detail/comJobDetailCard.vue" |
|||
import locationCompare from '@/mycomponents/location/locationCompare.vue' |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
|
|||
import {ref, onMounted, onBeforeUnmount} from 'vue'; |
|||
import {onLoad, onPullDownRefresh, onBackPress, onNavigationBarButtonTap} from '@dcloudio/uni-app'; |
|||
|
|||
const id = ref(''); |
|||
const scanCount = ref(0); |
|||
const jobContent = ref({}); |
|||
const subList = ref([]); |
|||
const detailSource = ref([]); |
|||
const managementList = ref([]); |
|||
const fromLocationCode = ref(""); |
|||
const toLocationCode = ref(""); |
|||
const toLocationAreaTypeList = ref([]); |
|||
const jobStatus = ref(""); |
|||
const jobToLocationCode = ref(""); |
|||
const isCheckLocation = ref(false); |
|||
const scanMessage = ref(""); |
|||
|
|||
const scanPopupRef = ref(null); |
|||
const jobDetailPopupRef = ref(null); |
|||
const comScanLocationRef = ref(null); |
|||
const comMessageRef = ref(null); |
|||
// 生命周期函数 |
|||
onLoad((option) => { |
|||
uni.setNavigationBarTitle({ |
|||
title: option.title + '详情' |
|||
}); |
|||
id.value = option.id; |
|||
scanMessage.value = option.scanMessage; |
|||
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") { |
|||
cancleTakePutawayJob(id.value).then(() => { |
|||
uni.navigateBack(); |
|||
}).catch(() => { |
|||
uni.navigateBack(); |
|||
}); |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}); |
|||
|
|||
onPullDownRefresh(() => { |
|||
getDetail(); |
|||
uni.stopPullDownRefresh(); |
|||
}); |
|||
|
|||
const receive = (callback) => { |
|||
if (id.value !== null) { |
|||
takePutawayJob(id.value).then(() => { |
|||
callback(); |
|||
}).catch((error) => { |
|||
showErrorMessage(error); |
|||
}); |
|||
} |
|||
}; |
|||
|
|||
const getDetail = () => { |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getPutawayJobDetail(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 = getTreeDataSource(subList.value); |
|||
fromLocationCode.value = subList.value[0].fromLocationCode; |
|||
jobToLocationCode.value = subList.value[0].toLocationCode; |
|||
toLocationAreaTypeList.value = getDirectoryItemArray(jobContent.value.toAreaTypes); |
|||
isCheckLocation.value = getSwitchInfoByCode("PurchasePutawayToLocationCodeValidate"); |
|||
if (isCheckLocation.value) { |
|||
toLocationCode.value = ""; |
|||
} else { |
|||
toLocationCode.value = jobToLocationCode.value; |
|||
} |
|||
if (scanMessage.value) { |
|||
openScanPopupSimulate(scanMessage.value); |
|||
} |
|||
} else { |
|||
showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch((error) => { |
|||
uni.hideLoading(); |
|||
showErrorMessage(error); |
|||
}); |
|||
}; |
|||
|
|||
const calcScanCount = (closeScan) => { |
|||
const items = subList.value.filter(r => r.scaned); |
|||
scanCount.value = items.length; |
|||
if (scanCount.value === subList.value.length) { |
|||
closeScanPopup(); |
|||
} |
|||
}; |
|||
|
|||
const calcHandleQty = () => { |
|||
calcTreeHandleQty(detailSource.value); |
|||
continueScan(); |
|||
// this.$forceUpdate(); // Vue 3 不需要手动强制更新 |
|||
}; |
|||
|
|||
const continueScan = () => { |
|||
scanCount.value = getScanCount(subList.value); |
|||
if (scanCount.value === subList.value.length) { |
|||
closeScanPopup(); |
|||
} else { |
|||
scanPopupGetFocus(); |
|||
} |
|||
}; |
|||
|
|||
const updateData = () => { |
|||
console.log("updateData"); |
|||
calcTreeHandleQty(detailSource.value); |
|||
}; |
|||
|
|||
const openScanPopupSimulate = (message) => { |
|||
let fromlocationCode = ''; |
|||
let fromlocationList = []; |
|||
for (let i = 0; i < detailSource.value.length; i++) { |
|||
let item = detailSource.value[i]; |
|||
item.subList.forEach(l => { |
|||
if (!fromlocationList.includes(l.fromLocationCode)) { |
|||
fromlocationList.push(l.fromLocationCode); |
|||
} |
|||
if (fromlocationCode === '') { |
|||
fromlocationCode = l.fromLocationCode; |
|||
} |
|||
}); |
|||
} |
|||
scanPopupRef.value.openScanPopupForJobSimulate(fromlocationCode, fromlocationList, jobContent.value, message); |
|||
}; |
|||
|
|||
const openScanPopup = () => { |
|||
let fromlocationCode = ''; |
|||
let fromlocationList = []; |
|||
for (let i = 0; i < detailSource.value.length; i++) { |
|||
let item = detailSource.value[i]; |
|||
item.subList.forEach(l => { |
|||
if (!fromlocationList.includes(l.fromLocationCode)) { |
|||
fromlocationList.push(l.fromLocationCode); |
|||
} |
|||
if (fromlocationCode === '' && !l.scaned) { |
|||
fromlocationCode = l.fromLocationCode; |
|||
} |
|||
}); |
|||
} |
|||
scanPopupRef.value.openScanPopupForJob(fromlocationCode, fromlocationList, jobContent.value); |
|||
}; |
|||
|
|||
const closeScanPopup = () => { |
|||
scanPopupRef.value.closeScanPopup(); |
|||
}; |
|||
|
|||
const getScanResult = (result) => { |
|||
try { |
|||
const {packingNumber, batch, qty, itemCode, fromLocationCode, balance} = result.label; |
|||
if (!balance) { |
|||
showMessage(`箱码【${packingNumber}】没有库存余额`); |
|||
return; |
|||
} |
|||
|
|||
const detail = detailSource.value.find(r => r.itemCode === itemCode); |
|||
if (!detail) { |
|||
showErrorMessage(`物料号【${itemCode}】不在列表中`); |
|||
} else { |
|||
const itemDetail = detail.subList.find(r => r.packingNumber === packingNumber && r.batch === batch && r.fromLocationCode === fromLocationCode); |
|||
if (!itemDetail) { |
|||
let isExit; |
|||
for (let subItem of detail.subList) { |
|||
for (let pack of subItem.packList) { |
|||
if (pack.packingNumber === packingNumber && pack.batch === batch) { |
|||
isExit = pack; |
|||
break; |
|||
} |
|||
} |
|||
if (isExit) { |
|||
subItem.scaned = true; |
|||
subItem.handleQty = 0; |
|||
isExit = undefined; |
|||
} |
|||
} |
|||
if (!isExit) { |
|||
showErrorMessage(`箱码【${packingNumber}】,批次【${batch}】库位【${fromLocationCode}】不在列表中`); |
|||
} else { |
|||
if (!isExit.cancleScanedHiht && isExit.scaned) { |
|||
showMessage(`箱码【${packingNumber}】已经扫描`); |
|||
} else { |
|||
isExit.scaned = true; |
|||
const qtyValue = result.balance?.qty ? Number(result.balance.qty) : Number(qty); |
|||
isExit.handleQty = Number(qty); |
|||
isExit.toLocationCode = toLocationCode.value; |
|||
} |
|||
} |
|||
calcTreeHandleQty(detailSource.value); |
|||
continueScan(); |
|||
} else { |
|||
const scanedLength = itemDetail.packList.filter(res => res.scaned).length; |
|||
itemDetail.fromInventoryStatus = result.balance.inventoryStatus; |
|||
if (!itemDetail.cancleScanedHiht && itemDetail.scaned && scanedLength === itemDetail.packList.length) { |
|||
showMessage(`箱码【${packingNumber}】已经扫描`); |
|||
} else { |
|||
itemDetail.scaned = true; |
|||
detailSource.value[0].subList.sort(compareAsc('scaned')); |
|||
itemDetail.handleQty = qty; |
|||
itemDetail.packList.forEach(pac => { |
|||
pac.scaned = true; |
|||
pac.handleQty = Number(pac.qty); |
|||
pac.toLocationCode = toLocationCode.value; |
|||
}); |
|||
calcTreeHandleQty(detailSource.value); |
|||
continueScan(); |
|||
} |
|||
} |
|||
} |
|||
} catch (e) { |
|||
showMessage(e.message); |
|||
} |
|||
}; |
|||
|
|||
const scanLocationCode = (location, code) => { |
|||
toLocationCode.value = code; |
|||
detailSource.value.forEach(item => { |
|||
item.subList.forEach(detail => { |
|||
detail.toLocationCode = code; |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
const openDetail = (item) => { |
|||
jobDetailPopupRef.value.openPopup(item); |
|||
}; |
|||
|
|||
const checkLocation = () => { |
|||
if (!toLocationCode.value) { |
|||
showMessageHint('请扫描收货库位', () => { |
|||
comScanLocationRef.value.showLocation(); |
|||
}); |
|||
return false; |
|||
} |
|||
return true; |
|||
}; |
|||
|
|||
const showMessageHint = (hint, callback) => { |
|||
comMessageRef.value.showErrorMessage(hint, res => { |
|||
if (res) { |
|||
callback(); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
const commit = () => { |
|||
scanCount.value = getScanCount(subList.value); |
|||
if (scanCount.value === 0) { |
|||
showErrorMessage("扫描数为0,请先扫描"); |
|||
return; |
|||
} |
|||
if (!checkLocation()) { |
|||
return; |
|||
} |
|||
|
|||
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 { |
|||
comMessageRef.value.showErrorMessage("任务明细未全部完成,不允许部分提交!", res => { |
|||
if (res) { |
|||
openScanPopup(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
const submitJob = () => { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
const itemCodes = detailSource.value.map(item => item.itemCode); |
|||
|
|||
getManagementPrecisions(itemCodes, toLocationCode.value, res => { |
|||
if (res.success) { |
|||
managementList.value = res.list; |
|||
const params = setParams(); |
|||
console.log("提交参数", JSON.stringify(params)); |
|||
putawayJobSubmit(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 setParams = () => { |
|||
const subList = []; |
|||
const creator = store.state.user.id; |
|||
detailSource.value.forEach(item => { |
|||
item.subList.forEach(detail => { |
|||
if (detail.scaned) { |
|||
const info = getPackingNumberAndBatch(managementList.value, detail.itemCode, detail.packingNumber, detail.batch); |
|||
detail.toPackingNumber = info.packingNumber; |
|||
detail.toBatch = info.batch; |
|||
detail.toContainerNumber = ''; |
|||
detail.singlePrice = 1; |
|||
detail.amount = 11; |
|||
detail.arriveDate = getCurrDateTime(); |
|||
detail.produceDate = getCurrDateTime(); |
|||
detail.expireDate = getCurrDateTime(); |
|||
detail.packList = detail.packList.filter(p => p.scaned); |
|||
subList.push(detail); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
jobContent.value.subList = subList; |
|||
jobContent.value.creator = creator; |
|||
return jobContent.value; |
|||
}; |
|||
|
|||
const showMessage = (message) => { |
|||
setTimeout(() => { |
|||
scanPopupLoseFocus(); |
|||
comMessageRef.value.showMessage(message, res => { |
|||
if (res) { |
|||
afterCloseMessage(); |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
const showErrorMessage = (message) => { |
|||
setTimeout(() => { |
|||
scanPopupLoseFocus(); |
|||
comMessageRef.value.showErrorMessage(message, res => { |
|||
if (res) { |
|||
afterCloseMessage(); |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
const showQuestionMessage = (message, callback) => { |
|||
setTimeout(() => { |
|||
scanPopupLoseFocus(); |
|||
comMessageRef.value.showQuestionMessage(message, res => { |
|||
if (res) { |
|||
callback(res); |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
|
|||
const scanPopupGetFocus = () => { |
|||
scanPopupRef.value.packGetFocus(); |
|||
}; |
|||
|
|||
const scanPopupLoseFocus = () => { |
|||
scanPopupRef.value.packLoseFocus(); |
|||
}; |
|||
|
|||
const afterCloseMessage = () => { |
|||
scanPopupGetFocus(); |
|||
}; |
|||
|
|||
const showCommitSuccessMessage = (hint) => { |
|||
comMessageRef.value.showSuccessMessage(hint, res => { |
|||
navigateBack(1); |
|||
}); |
|||
}; |
|||
</script> |
|||
|
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue