11 changed files with 2618 additions and 1588 deletions
@ -0,0 +1,624 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail :jobContent="datacontent" :allCount="allCount" :isShowScanHint="false" |
|||
allCountHint="箱数"> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" |
|||
class="scroll-detail"> |
|||
<view class="" v-for="(item, index) in details" :key="index"> |
|||
<view class="detail-list margin_top"> |
|||
<!-- 单选卡片 --> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">推荐</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.recommendToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text style="font-weight:800; font-size: 35rpx; color: black; ">库移 |
|||
</text> |
|||
</uni-th> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">实际</text></uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.handledFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="choose_marked" v-if="item.scaned"> |
|||
<image src="@/static/image_marked.svg"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style="margin-left: 50rpx; margin-right: 50rpx;"> |
|||
<button type="primary" size="default" @click="recommend"> 推荐库存</button> |
|||
</view> |
|||
</view> |
|||
|
|||
</scroll-view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<selectClickList ref="selectPopup" title="推荐信息" @select="selectPlan"></selectClickList> |
|||
<winScanButtonTop @goScan='openScanPopupTo' title="箱码"></winScanButtonTop> |
|||
<win-scan-button @goScan='openLocationFrom' title="来源库位"></win-scan-button> |
|||
<winScanButtonBottom @goScan='openLocationTo' title="目标库位"></winScanButtonBottom> |
|||
<win-scan-by-pack ref="scanPopupTo" @getScanResult='getScanResultTo' title="箱码"></win-scan-by-pack> |
|||
<winScanLocationCode ref="locationFrom" title="来源库位" @getLocation="geFromLocation"></winScanLocationCode> |
|||
<winScanLocationCode ref="locationTo" title="目标库位" @getLocation="geToLocation"></winScanLocationCode> |
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getAssembleIssueDetail, |
|||
takeAssembleIssueJob, |
|||
cancelTakeAssembleIssueJob, |
|||
finshAssembleIssueJob, |
|||
getRecommendBalance, |
|||
balances |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButton from '@/mycomponents/wincom/winScanButton.vue' |
|||
import winScanButtonTop from '@/mycomponents/wincom/winScanButtonTop.vue' |
|||
import winScanButtonBottom from '@/mycomponents/wincom/winScanButtonBottom.vue' |
|||
|
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import winScanLocationCode from '@/mycomponents/wincom/winScanLocationCode.vue'; |
|||
import selectClickList from "@/mycomponents/popup/selectClickList.vue" |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButton, |
|||
winScanButtonTop, |
|||
winScanButtonBottom, |
|||
winMulitScan, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
winScanLocationCode, |
|||
selectClickList |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: {}, |
|||
toLocation: '', |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
balancesItem: null, |
|||
allCount: 0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus: "", |
|||
toLocationInfo: {}, |
|||
handleToPackingCodeLocationCode: "" |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeAssembleIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopupTo() { |
|||
this.$refs.scanPopupTo.openScanPopup(); |
|||
}, |
|||
openLocationTo() { |
|||
this.$refs.locationTo.openScanPopup() |
|||
}, |
|||
openLocationFrom() { |
|||
this.$refs.locationFrom.openScanPopup() |
|||
}, |
|||
|
|||
|
|||
geFromLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (!current.handledToPackingCode) { |
|||
this.showMessage("请先扫描箱码") |
|||
return; |
|||
} |
|||
|
|||
if (locationInfo.code != current.handleToPackingCodeLocationCode) { |
|||
this.showMessage("扫描来源库位[" + locationInfo.code + "]与箱码[" + current.handledToPackingCode + |
|||
"]对应的库位[" + current.handleToPackingCodeLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
|
|||
current.handledFromLocationCode = locationInfo.code |
|||
current.handledFromLocationArea = locationInfo.locationArea |
|||
current.handledFromLocationGroup = locationInfo.locationGroup |
|||
current.handledFromLocationErpCode = locationInfo.locationErpCode |
|||
}, |
|||
|
|||
geToLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.recommendToLocationCode) { |
|||
this.showMessage(" 扫描目标库位[" + locationInfo.code + "]与推荐目标库位[" + current |
|||
.recommendToLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
current.handledToLocationCode = locationInfo.code |
|||
current.handledToLocationArea = locationInfo.locationArea |
|||
current.handledToLocationGroup = locationInfo.locationGroup |
|||
current.handledToLocationErpCode = locationInfo.locationErpCode |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getAssembleIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus = item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
r.handledFromContainerCode = r.recommendFromContainerCode |
|||
r.handledFromPackingCode = r.recommendFromPackingCode |
|||
r.handledFromSupplierBatch = r.recommendFromSupplierBatch |
|||
r.handledFromArriveDate = r.recommendFromArriveDate |
|||
r.handledFromProduceDate = r.recommendFromProduceDate |
|||
r.handledFromExpireDate = r.recommendFromExpireDate |
|||
r.handledFromLot = r.recommendFromLot |
|||
// r.handledFromLocationCode = r.recommendFromLocationCode |
|||
// r.handledFromLocationArea = r.recommendFromLocationArea |
|||
// r.handledFromLocationGroup = r.recommendFromLocationGroup |
|||
// r.handledFromLocationErpCode = r.recommendFromLocationErpCode |
|||
// r.handledFromWarehouseCode = r.recommendFromWarehouseCode |
|||
r.handledFromQty = r.recommendFromQty |
|||
// r.handledToQty = r.handledFromQty |
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
this.allCount = that.details.length; |
|||
|
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
getScanResultTo(result) { |
|||
var fromData = result.data; |
|||
var data = this.details.filter(r => r.itemCode == result.data.itemCode) |
|||
if (data.length == 0) { |
|||
this.showMessage("扫描的箱码[" + fromData.code + "]的物品不在列表中") |
|||
return; |
|||
} |
|||
this.getBalance(result, res => { |
|||
if (res.totalCount > 0) { |
|||
var balancesItem = res.items[0]; |
|||
var item = data[0]; |
|||
if (balancesItem.lot == item.recommendToLot) { |
|||
item.handledToContainerCode = balancesItem.containerCode |
|||
item.handledToPackingCode = balancesItem.packingCode |
|||
item.handledToSupplierBatch = balancesItem.supplierBatch |
|||
item.handledToArriveDate = balancesItem.arriveDate |
|||
item.handledToProduceDate = balancesItem.produceDate |
|||
item.handledToExpireDate = balancesItem.expireDate |
|||
item.handledToLot = balancesItem.lot |
|||
item.handledToWarehouseCode = balancesItem.warehouseCode |
|||
item.handledToQty = balancesItem.qty |
|||
|
|||
item.handledFromContainerCode = balancesItem.containerCode |
|||
item.handledFromPackingCode = balancesItem.packingCode |
|||
item.handledFromSupplierBatch = balancesItem.supplierBatch |
|||
item.handledFromArriveDate = balancesItem.arriveDate |
|||
item.handledFromProduceDate = balancesItem.produceDate |
|||
item.handledFromExpireDate = balancesItem.expireDate |
|||
item.handledFromLot = balancesItem.lot |
|||
item.handledFromWarehouseCode = balancesItem.warehouseCode |
|||
item.handledFromQty = balancesItem.qty |
|||
item.handleToPackingCodeLocationCode = balancesItem.locationCode |
|||
} else { |
|||
showConfirmMsg("箱码[" + fromData.code + "]的批次[" + balancesItem.lot + "]与推荐目标批次[" + item |
|||
.recommendToLot + "]不一致,是否继续发料", res => { |
|||
if (res) { |
|||
item.handledToContainerCode = balancesItem.containerCode |
|||
item.handledToPackingCode = balancesItem.packingCode |
|||
item.handledToSupplierBatch = balancesItem.supplierBatch |
|||
item.handledToArriveDate = balancesItem.arriveDate |
|||
item.handledToProduceDate = balancesItem.produceDate |
|||
item.handledToExpireDate = balancesItem.expireDate |
|||
item.handledToLot = balancesItem.lot |
|||
item.handledToWarehouseCode = balancesItem.warehouseCode |
|||
item.handledToQty = balancesItem.qty |
|||
|
|||
item.handledFromContainerCode = balancesItem.containerCode |
|||
item.handledFromPackingCode = balancesItem.packingCode |
|||
item.handledFromSupplierBatch = balancesItem.supplierBatch |
|||
item.handledFromArriveDate = balancesItem.arriveDate |
|||
item.handledFromProduceDate = balancesItem.produceDate |
|||
item.handledFromExpireDate = balancesItem.expireDate |
|||
item.handledFromLot = balancesItem.lot |
|||
item.handledFromWarehouseCode = balancesItem.warehouseCode |
|||
item.handledFromQty = balancesItem.qty |
|||
item.handleToPackingCodeLocationCode = balancesItem.locationCode |
|||
} |
|||
}) |
|||
} |
|||
|
|||
this.$forceUpdate() |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
//查询库存记录 |
|||
getBalance(result, callback) { |
|||
uni.showLoading({ |
|||
title: '扫描中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
pageSize: 1000, |
|||
pageIndex: 1, |
|||
packingCode: result.data.code, |
|||
// itemCode: result.data.itemCode, |
|||
// lot: result.data.lot, |
|||
// inventoryStatus: 2, //库存状态默认2 |
|||
// locationTypes: [2, 3], |
|||
// sortBy: 'PackingCode asc' |
|||
|
|||
}; |
|||
balances(params) |
|||
.then(res => { |
|||
if (res.totalCount === 0) { |
|||
this.showScanMessage('按箱码【' + result.data.code + '】未查询到库存信息'); |
|||
} else { |
|||
callback(res); |
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showScanMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
recommend() { |
|||
var itemCode = this.details[0].itemCode |
|||
var productLine = this.details[0].prodLine |
|||
if (!itemCode) { |
|||
this.showMessage("物料为空") |
|||
return; |
|||
} |
|||
if (!productLine) { |
|||
this.showMessage("生产线为空") |
|||
return; |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
|
|||
getRecommendBalance(itemCode, productLine, true).then(res => { |
|||
uni.hideLoading() |
|||
if (res.length > 0) { |
|||
this.$refs.selectPopup.openScanPopup(res) |
|||
} else { |
|||
this.showMessage("暂无推荐库存") |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeAssembleIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.details.length === 0) { |
|||
this.showMessage('该任务没有要上架的零件'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledToPackingCode) { |
|||
this.showMessage('请先扫描箱码'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledToLocationCode) { |
|||
this.showMessage('请先扫描目标库位'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledFromLocationCode) { |
|||
this.showMessage('请先扫描来源库位'); |
|||
return; |
|||
} |
|||
that.finsh(); |
|||
|
|||
}, |
|||
|
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
let params = that.details[0]; |
|||
// console.log("提交",JSON.stringify(params)) |
|||
finshAssembleIssueJob(that.id, params.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.handleToPackingCodeLocationCode = "" |
|||
this.getDetail(); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopupForm.closeScanPopup(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopupForm.getfocus(); |
|||
}, |
|||
|
|||
scrollToTop() { |
|||
let that = this; |
|||
// 解决view层不同步的问题 |
|||
that.scrollTop = that.old.scrollTop |
|||
this.$nextTick(function() { |
|||
that.scrollTop = 0 |
|||
}); |
|||
}, |
|||
|
|||
scroll: function(e) { |
|||
// console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop; |
|||
}, |
|||
qtyChanged(value, item, index) { |
|||
if (value <= 0) { |
|||
this.showMessage('发料数量不能小于或等于0') |
|||
item.handledQty = item.defaultHandleQty |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} else if (value > item.defaultHandleQty) { |
|||
item.handledQty = item.defaultHandleQty |
|||
this.showMessage('发料数量不能大于叫料数量:' + item.handledQty) |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,551 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail |
|||
:jobContent="datacontent" |
|||
:allCount="allCount" |
|||
:isShowScanHint="true" |
|||
scanHint="已发数" |
|||
:scanCount="scanCount" |
|||
:isShowOther="true" |
|||
:isShowShouRong="true" |
|||
:shouRongCount="shouRongCount" |
|||
> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" |
|||
class="scroll-detail" style="padding-bottom: 40rpx;"> |
|||
<view class="" v-for="(item, index) in details" :key="index"> |
|||
<view class="detail-list margin_top"> |
|||
<!-- 单选卡片 --> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">推荐</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToQty }}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">实际</text></uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.handledFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.tempHandledFromQty}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
<view |
|||
style="display: flex;flex-direction: row;justify-content:center;align-items: center;"> |
|||
<com-number-box ref="comNumberBoxRef" v-model="item.tempHandledToQty" |
|||
:max="999999" :min="0" style='width: 100px;' |
|||
@change="qtyChanged($event,item,index)"> |
|||
</com-number-box> |
|||
</view> |
|||
</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style="margin-left: 50rpx; margin-right: 50rpx;"> |
|||
<button type="primary" size="default" @click="recommend">推荐库存</button> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</scroll-view> |
|||
<view class="" v-if="details.length>0" |
|||
style=" display: flex; width: 100%;padding-bottom: 150rpx; flex-direction: row; justify-content: space-around;"> |
|||
<view class="" style=" align-items: center;"> |
|||
<view class="scan_float_top" @click="openScanPopup"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>单件码</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style=""> |
|||
<view class="scan_float_top" @click="openLocationFrom"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>来源库位</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style=""> |
|||
<view class="scan_float_top" @click="openLocationTo"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>目标库位</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<com-balance ref='issueitems' @selectedItem='selectedBalanceItem'></com-balance> |
|||
<selectClickList ref="selectPopup" title="推荐信息" @select="selectPlan"></selectClickList> |
|||
<winScanLocationCode ref="locationFrom" title="来源库位" @getLocation="getFromLocation"></winScanLocationCode> |
|||
<winScanLocationCode ref="locationTo" title="目标库位" @getLocation="getToLocation"></winScanLocationCode> |
|||
|
|||
<winScanByProductCode ref="scanPackPopup" title="单件码" @getScanResult='getScanResult'></winScanByProductCode> |
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getAssembleIssueDetail, |
|||
takeAssembleIssueJob, |
|||
cancelTakeAssembleIssueJob, |
|||
finshAssembleIssueJob, |
|||
getCountByItemCode, |
|||
getRecommendBalance |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButtonLeft from '@/mycomponents/wincom/winScanButtonLeft.vue' |
|||
import winScanButtonTop from '@/mycomponents/wincom/winScanButtonTop.vue' |
|||
import winScanButtonBottom from '@/mycomponents/wincom/winScanButtonBottom.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comBalance from '@/mycomponents/common/comBalance.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import winScanLocationCode from '@/mycomponents/wincom/winScanLocationCode.vue'; |
|||
import winScanByProductCode from '@/mycomponents/wincom/winScanByProductCode.vue' |
|||
import selectClickList from "@/mycomponents/popup/selectClickList.vue" |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButtonLeft, |
|||
winScanButtonTop, |
|||
winScanButtonBottom, |
|||
winMulitScan, |
|||
comBalance, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
winScanLocationCode, |
|||
winScanByProductCode, |
|||
selectClickList |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: [], |
|||
toLocation: '', |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
allCount: 0, |
|||
scanCount:0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus: "", |
|||
toLocationInfo: {}, |
|||
singCode: "", |
|||
shouRongCount:null |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeAssembleIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopup() { |
|||
this.$refs.scanPackPopup.openScanPopup(); |
|||
}, |
|||
openLocationTo() { |
|||
this.$refs.locationTo.openScanPopup() |
|||
}, |
|||
openLocationFrom() { |
|||
this.$refs.locationFrom.openScanPopup() |
|||
}, |
|||
getFromLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.recommendFromLocationCode) { |
|||
this.showMessage(" 扫描来源库位[" + locationInfo.code + "]与推荐来源库位[" + current |
|||
.recommendFromLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
|
|||
current.handledFromLocationCode = locationInfo.code |
|||
current.handledFromLocationArea = locationInfo.locationArea |
|||
current.handledFromLocationGroup = locationInfo.locationGroup |
|||
current.handledFromLocationErpCode = locationInfo.locationErpCode |
|||
current.handledFromWarehouseCode = locationInfo.warehouseCode |
|||
current.handledFromPackingCode = "" |
|||
current.handledFromLot = "" |
|||
|
|||
}, |
|||
|
|||
getToLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.recommendToLocationCode) { |
|||
this.showMessage("扫描目标库位[" + locationInfo.code + "]与推荐目标库位[" + current |
|||
.recommendToLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
this.toLocationInfo = locationInfo |
|||
current.handledToLocationCode = locationInfo.code |
|||
current.handledToLocationArea = locationInfo.locationArea |
|||
current.handledToLocationGroup = locationInfo.locationGroup |
|||
current.handledToLocationErpCode = locationInfo.locationErpCode |
|||
current.handledToWarehouseCode = locationInfo.warehouseCode |
|||
current.handledToPackingCode = "" |
|||
current.handledToLot = "" |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getAssembleIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus = item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
|
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
this.allCount = that.details[0].recommendFromQty; |
|||
this.scanCount = that.details[0].handledToQty; |
|||
that.details[0].defaultHandleQty = that.details[0].handledFromQty; |
|||
that.details[0].tempHandledToQty =0 |
|||
that.details[0].tempHandledFromQty =0 |
|||
//查找收容数 |
|||
getCountByItemCode(that.details[0].itemCode).then(res => { |
|||
if (res) { |
|||
uni.hideLoading(); |
|||
var qty = res.qty; |
|||
this.shouRongCount = qty; |
|||
this.details[0].tempHandledToQty = qty; |
|||
this.details[0].tempHandledFromQty = qty; |
|||
this.$forceUpdate() |
|||
} else { |
|||
this.showMessage("没有查找到[" + that.details[0].itemCode + "]的收容数") |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
this.showMessage(error) |
|||
}) |
|||
} |
|||
|
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
|
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
getScanResult(result) { |
|||
let item = this.details.find(r => { |
|||
return r.itemCode == result.itemCode |
|||
}); |
|||
|
|||
if (item == undefined) { |
|||
this.showMessage('在任务详情中,未找到物料号【' + result.itemCode + '】'); |
|||
return; |
|||
} |
|||
this.singCode = result.itemCode |
|||
|
|||
|
|||
}, |
|||
|
|||
recommend(){ |
|||
var itemCode =this.details[0].itemCode |
|||
var productLine =this.details[0].prodLine |
|||
if(!itemCode){ |
|||
this.showMessage("物料为空") |
|||
return; |
|||
} |
|||
if(!productLine){ |
|||
this.showMessage("生产线为空") |
|||
return; |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
|
|||
getRecommendBalance(itemCode,productLine,false).then(res=>{ |
|||
uni.hideLoading() |
|||
if (res.length > 0) { |
|||
var list = []; |
|||
list = res.Result; |
|||
list.forEach(res => { |
|||
res.label = res.PLAN_NO; |
|||
res.value = res.SHIFT_CODE |
|||
}) |
|||
this.$refs.selectPopup.openScanPopup(list) |
|||
} |
|||
|
|||
else { |
|||
this.showMessage("推荐列表为0") |
|||
} |
|||
}).catch(error=>{ |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeAssembleIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.details.length === 0) { |
|||
this.showMessage('该任务没有零件'); |
|||
return; |
|||
} |
|||
if (this.singCode == "") { |
|||
this.showMessage('请先扫描单件码'); |
|||
return; |
|||
} |
|||
|
|||
if (!that.details[0].handledFromLocationCode) { |
|||
this.showMessage('请先扫描来源库位'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledToLocationCode) { |
|||
this.showMessage('请先扫描目标库位'); |
|||
return; |
|||
} |
|||
|
|||
if (that.details[0].itempHandledToQty == 0 || that.details[0].itempHandledToQty == "") { |
|||
this.showMessage('发料数量必须大于0'); |
|||
return; |
|||
} |
|||
that.finsh(); |
|||
|
|||
}, |
|||
|
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
that.details[0].handledFromQty =that.details[0].tempHandledToQty |
|||
that.details[0].handledToQty =that.details[0].tempHandledToQty |
|||
let params = that.details[0]; |
|||
finshAssembleIssueJob(that.id, params.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.singCode == "" |
|||
this.getDetail(); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopupForm.closeScanPopup(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopupForm.getfocus(); |
|||
}, |
|||
|
|||
qtyChanged(value, item, index) { |
|||
if (item.tempHandledToQty == 0) { |
|||
this.$refs.comNumberBoxRef[0].setValue(0); |
|||
this.showMessage('请先扫描单件码') |
|||
return; |
|||
} |
|||
if (value == 0) { |
|||
this.showMessage('发料数量必须大于0') |
|||
item.tempHandledToQty =item.tempHandledFromQty |
|||
this.$refs.comNumberBoxRef[0].setValue(item.tempHandledToQty); |
|||
return; |
|||
} |
|||
item.tempHandledFromQty =value; |
|||
console.log('item', item.tempHandledFromQty); |
|||
this.$forceUpdate(); |
|||
|
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.scan_float_top { |
|||
opacity: 0.4; |
|||
width: 110rpx; |
|||
height: 110rpx; |
|||
color: #000; |
|||
background-color: #5A7CF3; |
|||
border-radius: 50%; |
|||
text-align: center; |
|||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); |
|||
} |
|||
|
|||
.scan_float_top image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.scan_float_top view { |
|||
color: #fff; |
|||
font-size: .725rem; |
|||
margin-top: -8rpx; |
|||
} |
|||
</style> |
|||
@ -1,713 +0,0 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail :jobContent="datacontent" :allCount="allCount" :scanCount="scanCount"> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view :scroll-top="scrollTop" scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" |
|||
@scroll="scroll" class="scroll-detail"> |
|||
|
|||
<view class="detail-list margin_top" v-for="(item, index) in details" :key="item.id"> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left desc_ljh"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style="overflow-x: hidden;"> |
|||
<uni-tr> |
|||
<!-- <uni-th width="90"></uni-th> |
|||
<uni-th width="100" align="center">推荐</uni-th> |
|||
<uni-th width="100" align="center">实际</uni-th> --> |
|||
<uni-th width="50"></uni-th> |
|||
<uni-th width="120" align="center">推荐</uni-th> |
|||
<uni-th width="120" align="center">实际</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">数量</text></uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<text class="text_black">{{item.recommendQty}}({{item.uom}})</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" |
|||
style="display: flex;flex-direction: row;justify-content:center;align-items: center;"> |
|||
|
|||
<com-number-box :ref="'comNumberBox_'+index" v-model="item.handledQty" |
|||
:max="99999" :min="0" style='width: 100px;' |
|||
@change="qtyChanged($event,item,index)"> |
|||
</com-number-box> |
|||
<text class="text_black">({{item.uom}})</text> |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">箱码</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view class="text_packingCode"> |
|||
{{ item.recommendPackingCode }} |
|||
</view> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" class="text_packingCode"> |
|||
{{ item.handledPackingCode }} |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">批次</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view class="text_black">{{item.recommendLot }}</view> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" class="text_black">{{item.handledLot }}</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="60">库位</uni-th> |
|||
<uni-th width="100" align="center"> |
|||
<view class="text_black">{{ item.recommendFromLocationCode }}</view> |
|||
</uni-th> |
|||
<uni-th width="100" align="center"> |
|||
<view class="text_black" v-if="item.scaned"> |
|||
{{ item.handledFromLocationCode }} |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="choose_marked" v-if="item.scaned"> |
|||
<image src="@/static/image_marked.svg"></image> |
|||
</view> |
|||
<view class="fr" |
|||
> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<com-balance ref='issueitems' @selectedItem='selectedBalanceItem'></com-balance> |
|||
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
|||
<win-scan-by-pack ref="scanPopup" @getScanResult='getScanResult'></win-scan-by-pack> |
|||
|
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getAssemblingIssueDetail, |
|||
takeAssemblingIssueJob, |
|||
cancelTakeAssemblingIssueJob, |
|||
finshAssemblingIssueJob, |
|||
issueBalances |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButton from '@/mycomponents/wincom/winScanButton.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comBalance from '@/mycomponents/common/comBalance.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import comUnPacking from '@/mycomponents/coms/comUnPacking.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButton, |
|||
winMulitScan, |
|||
comBalance, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
comUnPacking |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: {}, |
|||
toLocation: '', |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
balancesItem: null, |
|||
currentItem: null, |
|||
currentScanLebel: null, |
|||
allCount: 0, |
|||
scanCount: 0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus:"" |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
}else if(e.index === 1){ |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeAssemblingIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopup() { |
|||
// if (this.allCount === this.scanCount) { |
|||
// this.showMessage("零件已经全部扫描完成"); |
|||
// return; |
|||
// } |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getAssemblingIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus =item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
// if (that.toLocation === '') { |
|||
// that.toLocation = item.details[0].requestLocationCode; |
|||
// } |
|||
this.allCount = that.details.length; |
|||
this.scanCount = 0; |
|||
|
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
|
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
getScanResult(result) { |
|||
//零件是否已经被扫描过 |
|||
let item = this.details.find(r => r.recommendPackingCode === result.data.packingCode && r |
|||
.scanPackingCode != result.data.packingCode); |
|||
if (item != undefined && item.scaned) { |
|||
showConfirmMsg('扫描的箱码【' + result.data.packingCode + '】匹配到任务中的【' + item.scanPackingCode + |
|||
'】箱,是否要重新匹配任务中的【' + item.scanPackingCode + '】箱?', |
|||
confirm => { |
|||
if (confirm) { |
|||
this.handledPackCode(result, true); |
|||
} else { |
|||
return; |
|||
} |
|||
}) |
|||
} else { |
|||
if (this.allCount === this.scanCount) { |
|||
this.showMessage("零件已经全部扫描完成"); |
|||
return; |
|||
} |
|||
this.handledPackCode(result, false); |
|||
} |
|||
this.scrollToTop(); |
|||
}, |
|||
|
|||
//处理箱标签 |
|||
//scaned是否是重新匹配 |
|||
handledPackCode(result, scaned) { |
|||
//获取标签信息 |
|||
let that = this; |
|||
that.currentScanLebel = result; |
|||
let scanItem = this.details.find(r => r.scanItemCode === that.currentScanLebel.data.itemCode && |
|||
r.scanPackingCode === that.currentScanLebel.data.packingCode && |
|||
r.scanLot === that.currentScanLebel.data.lot && |
|||
r.scaned == true) |
|||
if (scanItem != undefined) { |
|||
this.showScanMessage('箱码【' + that.currentScanLebel.data.packingCode + '】已经扫描,请扫描下一箱零件'); |
|||
} else { |
|||
this.dyIssue(result, scaned); |
|||
} |
|||
}, |
|||
|
|||
dyIssue(result, scaned) { |
|||
let that = this; |
|||
var itemCode = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.scaned === scaned |
|||
}) |
|||
if (itemCode == undefined) { |
|||
that.showScanMessage('所扫描的箱码【' + result.data.code + '】对应的物料【' + result.data.itemCode + '】不在任务中'); |
|||
}else { |
|||
//零件号相同、箱码相同 |
|||
var itemCode1 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendPackingCode === result.data.code |
|||
r.scaned === scaned |
|||
}) |
|||
//零件号相同、箱码不相同 |
|||
if(itemCode1 == undefined){ |
|||
var itemCode2 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendLot === result.data.lot |
|||
&&r.scaned === scaned |
|||
}) |
|||
//零件号相同、箱码不相同、批次相同 |
|||
if(itemCode2==undefined){ |
|||
//零件号相同、箱码不相同、批次不相同 |
|||
console.log("零件号相同、箱码不相同、批次不相同") |
|||
setTimeout(res => { |
|||
showConfirmMsg(itemCode.recommendPackingCode+'未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
if (confirm) { |
|||
that.currentItem = itemCode; |
|||
that.afterScanPackLabel(result); |
|||
} else { |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}, 100) |
|||
|
|||
}else { |
|||
console.log("零件号相同、箱码不相同、批次相同") |
|||
//零件号相同、箱码不相同、批次相同 |
|||
that.currentItem = itemCode2; |
|||
that.afterScanPackLabel(result); |
|||
} |
|||
|
|||
|
|||
}else { |
|||
//零件号相同、箱码相同、批次相同 |
|||
var itemCode3 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendPackingCode === result.data.code&& |
|||
r.recommendLot === result.data.lot |
|||
&&r.scaned === scaned |
|||
}) |
|||
if(itemCode3==undefined){ |
|||
//零件号相同、箱码相同、批次不同 |
|||
console.log("零件号相同、箱码相同、批次不同") |
|||
setTimeout(res => { |
|||
showConfirmMsg(itemCode1.recommendPackingCode+'未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
if (confirm) { |
|||
that.currentItem = itemCode1; |
|||
that.afterScanPackLabel(result); |
|||
} else { |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}, 100) |
|||
|
|||
}else { |
|||
console.log("零件号相同、箱码相同、批次相同") |
|||
//零件号相同、箱码相同、批次相同 |
|||
that.currentItem = itemCode3; |
|||
that.afterScanPackLabel(result); |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
// that.currentItem = that.details.find(r => { |
|||
// return r.itemCode === result.data.itemCode && |
|||
// r.recommendPackingCode === result.data.code && |
|||
// r.recommendLot === result.data.lot && |
|||
// r.scaned === scaned |
|||
// }); |
|||
|
|||
|
|||
|
|||
// //没找到符合的箱码、零件号、箱码、批次都相等 |
|||
// if (that.currentItem === undefined) { |
|||
// var itemCode = that.details.find(res => { |
|||
// return res.itemCode === result.data.itemCode && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// //零件号相等 |
|||
// if (itemCode != undefined) { |
|||
// var lot = that.details.find(res => { |
|||
// return res.itemCode === result.data.itemCode && |
|||
// res.recommendLot === result.data.lot && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// if (lot != undefined) { |
|||
// //通过 |
|||
// that.currentItem = lot; |
|||
// that.afterScanPackLabel(result); |
|||
// } else { |
|||
// //批次不相等 |
|||
// // 提示未执行先进先出或者不是最先批次。 |
|||
// setTimeout(res => { |
|||
// showConfirmMsg('未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
// if (confirm) { |
|||
// that.currentItem = itemCode; |
|||
// that.afterScanPackLabel(result); |
|||
// } else { |
|||
// that.scanPopupGetFocus(); |
|||
// } |
|||
// }); |
|||
// }, 100) |
|||
|
|||
// } |
|||
// } else { |
|||
// //零件号不相等 |
|||
// var lot = that.details.find(res => { |
|||
// return res.recommendLot === result.data.lot && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// //批次相等 |
|||
// if (lot != undefined) { |
|||
// // 在该任务中未找到零件。 |
|||
// that.showScanMessage('在该任务中未找到零件'); |
|||
// } else { |
|||
// //零件号不相等,批次不相等 |
|||
// that.showScanMessage('所扫描的物料不在任务中'); |
|||
// } |
|||
// } |
|||
// } else { |
|||
// that.afterScanPackLabel(result); |
|||
// } |
|||
}, |
|||
|
|||
afterScanPackLabel(result) { |
|||
let that = this; |
|||
that.getBalance(result, res => { |
|||
if (res.totalCount === 1) { |
|||
that.balancesItem = res.items[0]; |
|||
if (that.balancesItem != null || that.balancesItem != undefined) { |
|||
that.setBalanceInfo(this.currentItem, that.balancesItem); |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
} else { |
|||
this.$refs['issueitems'].openPopup(res.items); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//查询库存记录 |
|||
getBalance(result, callback) { |
|||
uni.showLoading({ |
|||
title: '扫描中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
pageSize: 1000, |
|||
pageIndex: 1, |
|||
packingCode: result.data.code, |
|||
itemCode: result.data.itemCode, |
|||
lot: result.data.lot, |
|||
inventoryStatus: 2, //库存状态默认2 |
|||
locationTypes: [2, 3], |
|||
sortBy: 'PackingCode asc' |
|||
}; |
|||
issueBalances(params) |
|||
.then(res => { |
|||
if (res.totalCount === 0) { |
|||
this.showScanMessage('按零件号【' + result.data.itemCode + '】箱码【' + result.data.code + '】批次【' + |
|||
result |
|||
.data.lot + '】在【原料库、半成品库】未查询到库存信息'); |
|||
} else { |
|||
callback(res); |
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showScanMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
setBalanceInfo(item, balanceItem) { |
|||
item.scaned = true; |
|||
item.scanDate = new Date() //增加扫描信息属性 |
|||
item.fromLocationCode = balanceItem.locationCode; |
|||
item.fromLocationErpCode = balanceItem.locationErpCode; |
|||
item.toLocationCode = item.locationCode; |
|||
item.toLocationErpCode = item.locationErpCode; |
|||
|
|||
//实际库存数量 |
|||
item.handledContainerCode = balanceItem.containerCode; |
|||
item.handledPackingCode = balanceItem.packingCode; |
|||
item.handledBatch = balanceItem.batch; |
|||
item.handledLot = balanceItem.lot; |
|||
|
|||
item.handledQty = balanceItem.qty>item.recommendQty?item.recommendQty:balanceItem.qty; |
|||
item.defaultHandleQty = item.handledQty; |
|||
item.handledFromLocationCode = balanceItem.locationCode; |
|||
item.handledFromLocationArea = balanceItem.locationArea; |
|||
item.handledFromLocationGroup = balanceItem.locationErpCode; |
|||
item.handledFromLocationErpCode = balanceItem.locationGroup; |
|||
item.handledFromWarehouseCode = balanceItem.warehouseCode; |
|||
|
|||
item.toLocationArea = balanceItem.locationArea; |
|||
item.toLocationGroup = balanceItem.locationGroup; |
|||
item.toLocationErpCode = balanceItem.locationErpCode; |
|||
|
|||
//当前扫描标签的信息 |
|||
item.scanItemCode = this.currentScanLebel.data.itemCode; |
|||
item.scanPackingCode = this.currentScanLebel.data.code; |
|||
item.scanLot = this.currentScanLebel.data.lot; |
|||
|
|||
item.worker = localStorage.userName_CN ==""?localStorage.userName:localStorage.userName_CN; |
|||
item.uom = balanceItem.uom; |
|||
|
|||
this.details.sort(compareDesc('scanDate')); //按扫描信息排 |
|||
this.calcScanCount(); //计算扫描的数量 |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
selectedBalanceItem(balanceItem) { |
|||
this.setBalanceInfo(this.currentItem, balanceItem); |
|||
|
|||
}, |
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeAssemblingIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.datacontent.details.length === 0) { |
|||
this.showMessage('该任务没有要上架的零件'); |
|||
return; |
|||
} |
|||
let checkItems = that.details.filter(r => r.scaned === true); |
|||
if (checkItems.length < that.details.length) { |
|||
showConfirmMsg('还有未扫描的零件,是否继续发料', confirm => { |
|||
if (confirm) { |
|||
that.finsh(); |
|||
} |
|||
}); |
|||
} else { |
|||
that.finsh(); |
|||
} |
|||
}, |
|||
|
|||
handleLocation() { |
|||
let that = this; |
|||
if (that.details[0].requestLocationCode != that.toLocation) { |
|||
showConfirmMsg('目标库位【' + that.toLocation + '】与需求库位不一致,是否要将以上零件发到目标库位?', confirm => { |
|||
if (confirm) { |
|||
that.handledPackingCode(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} else { |
|||
showConfirmMsg('是否要将以上零件发到目标库位:【' + that.toLocation + "】", confirm => { |
|||
if (confirm) { |
|||
that.handledPackingCode(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
//判断是否有推荐箱码为空的情况 |
|||
handledPackingCode() { |
|||
let that = this; |
|||
let items = this.details.filter(r => { |
|||
return r.scaned && (r.handledPackingCode === null || r.handledPackingCode === '') |
|||
}) |
|||
|
|||
if (items.length > 0) { |
|||
let packingCodes = ''; |
|||
items.forEach(r => { |
|||
packingCodes += r.recommendPackingCode + ',' |
|||
}) |
|||
showConfirmMsg('以下箱码对应的实际箱码为空,是否要继续发料?【' + packingCodes + "】", confirm => { |
|||
if (confirm) { |
|||
that.finsh(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} else { |
|||
that.finsh(); |
|||
} |
|||
}, |
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
that.datacontent.completeUserId = localStorage.getItem('userId') |
|||
that.datacontent.completeUserName = localStorage.getItem('userName_CN') |
|||
that.datacontent.completeTime = getCurrDateTime(); |
|||
that.datacontent.worker = localStorage.userName_CN ==""?localStorage.userName:localStorage.userName_CN; |
|||
that.datacontent.details = that.details; |
|||
let params = JSON.stringify(that.datacontent); |
|||
finshAssemblingIssueJob(that.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.scanCount = 0; |
|||
this.currentItem = null; |
|||
this.currentScanLebel = null; |
|||
this.getDetail(); |
|||
}, |
|||
clearScanLocation() { |
|||
this.currentItem = null; |
|||
}, |
|||
unPacking(item) { |
|||
this.$refs.comUnPacking.openPopup3(this.datacontent, item,item.handledQty,item.recommendQty,false); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
calcScanCount() { |
|||
this.scanCount = this.details.filter(r => r.scaned === true).length; |
|||
this.closeScanPopup(); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
if (this.allCount == this.scanCount) { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
} |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scrollToTop() { |
|||
let that = this; |
|||
// 解决view层不同步的问题 |
|||
that.scrollTop = that.old.scrollTop |
|||
this.$nextTick(function() { |
|||
that.scrollTop = 0 |
|||
}); |
|||
}, |
|||
|
|||
scroll: function(e) { |
|||
// console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop; |
|||
}, |
|||
qtyChanged(value, item, index) { |
|||
if (value <= 0) { |
|||
this.showMessage('发料数量不能小于或等于0') |
|||
item.handledQty = item.defaultHandleQty |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} else if (value > item.defaultHandleQty) { |
|||
item.handledQty = item.defaultHandleQty |
|||
this.showMessage('发料数量不能大于叫料数量:' + item.handledQty) |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,599 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail :jobContent="datacontent" |
|||
:allCount="allCount" |
|||
:isShowScanHint="false" |
|||
allCountHint ="箱数" |
|||
> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" |
|||
class="scroll-detail"> |
|||
<view class="" v-for="(item, index) in details" :key="index"> |
|||
<view class="detail-list margin_top"> |
|||
<!-- 单选卡片 --> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">推荐</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.recommendToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text style="font-weight:800; font-size: 35rpx; color: black; ">库移 |
|||
</text> |
|||
</uni-th> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.transferLibToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.transferLibToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">实际</text></uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">箱码</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledFromPackingCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToPackingCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">批次</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledFromLot}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledToLot}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.handledFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.handledToQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="choose_marked" v-if="item.scaned"> |
|||
<image src="@/static/image_marked.svg"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style="margin-left: 50rpx; margin-right: 50rpx;"> |
|||
<button type="primary" size="default" @click="recommend"> 推荐</button> |
|||
</view> |
|||
</view> |
|||
|
|||
</scroll-view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<selectClickList ref="selectPopup" title="推荐信息" @select="selectPlan"></selectClickList> |
|||
<winScanButtonTop @goScan='openScanPopupFrom' title="箱码"></winScanButtonTop> |
|||
<win-scan-button @goScan='openLocationTo' title="库位"></win-scan-button> |
|||
|
|||
<win-scan-by-pack ref="scanPopupFrom" @getScanResult='getScanResultFrom' title="来源箱码"></win-scan-by-pack> |
|||
<winScanLocationCode ref="locationTo" title="目标库位" @getLocation="geToLocation"></winScanLocationCode> |
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getCoatingIssueDetail, |
|||
takeCoatingIssueJob, |
|||
cancelTakeCoatingIssueJob, |
|||
finshCoatingIssueJob, |
|||
getRecommendBalance, |
|||
balances |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButton from '@/mycomponents/wincom/winScanButton.vue' |
|||
import winScanButtonTop from '@/mycomponents/wincom/winScanButtonTop.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import winScanLocationCode from '@/mycomponents/wincom/winScanLocationCode.vue'; |
|||
import selectClickList from "@/mycomponents/popup/selectClickList.vue" |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButton, |
|||
winScanButtonTop, |
|||
winMulitScan, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
winScanLocationCode, |
|||
selectClickList |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: {}, |
|||
toLocation: '', |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
balancesItem: null, |
|||
allCount: 0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus: "", |
|||
toLocationInfo: {} |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeCoatingIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopupFrom() { |
|||
this.$refs.scanPopupFrom.openScanPopup(); |
|||
}, |
|||
openLocationTo() { |
|||
this.$refs.locationTo.openScanPopup() |
|||
}, |
|||
geToLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.transferLibToLocationCode) { |
|||
this.showMessage(" 扫描目标库位[" + locationInfo.code + "]与推荐库位[" + this.details[0] |
|||
.transferLibToLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
current.handledToLocationCode = locationInfo.code |
|||
current.handledToLocationArea = locationInfo.locationArea |
|||
current.handledToLocationGroup = locationInfo.locationGroup |
|||
current.handledToLocationErpCode = locationInfo.locationErpCode |
|||
current.handledToWarehouseCode = locationInfo.warehouseCode |
|||
current.handledToPackingCode = "" |
|||
current.handledToLot = "" |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getCoatingIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus = item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
r.handledFromContainerCode = r.transferLibFromContainerCode |
|||
r.handledFromPackingCode = r.transferLibFromPackingCode |
|||
r.handledFromSupplierBatch = r.transferLibFromSupplierBatch |
|||
r.handledFromArriveDate = r.transferLibFromArriveDate |
|||
r.handledFromProduceDate = r.transferLibFromProduceDate |
|||
r.handledFromExpireDate = r.transferLibFromExpireDate |
|||
r.handledFromLot = r.transferLibFromLot |
|||
r.handledFromLocationCode = r.transferLibFromLocationCode |
|||
r.handledFromLocationArea = r.transferLibFromLocationArea |
|||
r.handledFromLocationGroup = r.transferLibFromLocationGroup |
|||
r.handledFromLocationErpCode = r.transferLibFromLocationErpCode |
|||
r.handledFromWarehouseCode = r.transferLibFromWarehouseCode |
|||
r.handledFromQty = r.transferLibFromQty |
|||
r.handledToQty = r.handledFromQty |
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
this.allCount = that.details.length; |
|||
|
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
getScanResultFrom(result) { |
|||
var fromData = result.data; |
|||
var data = this.details.filter(r => r.itemCode == result.data.itemCode) |
|||
if (data.length == 0) { |
|||
this.showMessage("扫描的箱码[" + fromData.code + "]的物品不在列表中") |
|||
return; |
|||
} |
|||
this.getBalance(result, res => { |
|||
if (res.totalCount > 0) { |
|||
var balancesItem = res.items[0]; |
|||
var item = data[0]; |
|||
item.handledFromContainerCode = balancesItem.containerCode |
|||
item.handledFromPackingCode = balancesItem.packingCode |
|||
item.handledFromSupplierBatch = balancesItem.supplierBatch |
|||
item.handledFromArriveDate = balancesItem.arriveDate |
|||
item.handledFromProduceDate = balancesItem.produceDate |
|||
item.handledFromExpireDate = balancesItem.expireDate |
|||
item.handledFromLot = balancesItem.lot |
|||
item.handledFromLocationCode = balancesItem.locationCode |
|||
item.handledFromLocationArea = balancesItem.locationArea |
|||
item.handledFromLocationGroup = balancesItem.locationGroup |
|||
item.handledFromLocationErpCode = balancesItem.locationErpCode |
|||
item.handledFromWarehouseCode = balancesItem.warehouseCode |
|||
item.handledFromQty = balancesItem.qty; |
|||
item.handledToQty =item.handledFromQty; |
|||
this.$forceUpdate() |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
getScanResultTo(result) { |
|||
var fromData = result.data; |
|||
var data = this.details.filter(r => r.itemCode == result.data.itemCode) |
|||
if (data.length == 0) { |
|||
this.showMessage("扫描的箱码[" + fromData.code + "]的物品不在列表中") |
|||
return; |
|||
} |
|||
this.getBalance(result, res => { |
|||
if (res.totalCount > 0) { |
|||
var balancesItem = res.items[0]; |
|||
var item = data[0]; |
|||
item.handledToContainerCode = balancesItem.containerCode |
|||
item.handledToPackingCode = balancesItem.packingCode |
|||
item.handledToSupplierBatch = balancesItem.supplierBatch |
|||
item.handledToArriveDate = balancesItem.arriveDate |
|||
item.handledToProduceDate = balancesItem.produceDate |
|||
item.handledToExpireDate = balancesItem.expireDate |
|||
item.handledToLot = balancesItem.lot |
|||
item.handledToLocationCode = balancesItem.locationCode |
|||
item.handledToLocationArea = balancesItem.locationArea |
|||
item.handledToLocationGroup = balancesItem.locationGroup |
|||
item.handledToLocationErpCode = balancesItem.locationErpCode |
|||
item.handledToWarehouseCode = balancesItem.warehouseCode |
|||
item.handledToQty = balancesItem.qty |
|||
this.$forceUpdate() |
|||
|
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
//查询库存记录 |
|||
getBalance(result, callback) { |
|||
uni.showLoading({ |
|||
title: '扫描中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
pageSize: 1000, |
|||
pageIndex: 1, |
|||
packingCode: result.data.code, |
|||
// itemCode: result.data.itemCode, |
|||
// lot: result.data.lot, |
|||
// inventoryStatus: 2, //库存状态默认2 |
|||
// locationTypes: [2, 3], |
|||
// sortBy: 'PackingCode asc' |
|||
|
|||
}; |
|||
balances(params) |
|||
.then(res => { |
|||
if (res.totalCount === 0) { |
|||
this.showScanMessage('按箱码【' + result.data.code + '】未查询到库存信息'); |
|||
} else { |
|||
callback(res); |
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showScanMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
recommend(){ |
|||
var itemCode =this.details[0].itemCode |
|||
var productLine =this.details[0].prodLine |
|||
if(!itemCode){ |
|||
this.showMessage("物料为空") |
|||
return; |
|||
} |
|||
if(!productLine){ |
|||
this.showMessage("生产线为空") |
|||
return; |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
|
|||
getRecommendBalance(itemCode,productLine).then(res=>{ |
|||
uni.hideLoading() |
|||
if (res.length > 0) { |
|||
var list = []; |
|||
list = res.Result; |
|||
list.forEach(res => { |
|||
res.label = res.PLAN_NO; |
|||
res.value = res.SHIFT_CODE |
|||
}) |
|||
this.$refs.selectPopup.openScanPopup(list) |
|||
} |
|||
|
|||
else { |
|||
this.showMessage("推荐列表为0") |
|||
} |
|||
}).catch(error=>{ |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeCoatingIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.details.length === 0) { |
|||
this.showMessage('该任务没有要上架的零件'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledFromPackingCode) { |
|||
this.showMessage('请先扫描箱码'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledToLocationCode) { |
|||
this.showMessage('请先扫描库位'); |
|||
return; |
|||
} |
|||
that.finsh(); |
|||
|
|||
}, |
|||
|
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
let params = that.details[0]; |
|||
finshCoatingIssueJob(that.id, params.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.getDetail(); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopupForm.closeScanPopup(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopupForm.getfocus(); |
|||
}, |
|||
|
|||
scrollToTop() { |
|||
let that = this; |
|||
// 解决view层不同步的问题 |
|||
that.scrollTop = that.old.scrollTop |
|||
this.$nextTick(function() { |
|||
that.scrollTop = 0 |
|||
}); |
|||
}, |
|||
|
|||
scroll: function(e) { |
|||
// console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop; |
|||
}, |
|||
qtyChanged(value, item, index) { |
|||
if (value <= 0) { |
|||
this.showMessage('发料数量不能小于或等于0') |
|||
item.handledQty = item.defaultHandleQty |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} else if (value > item.defaultHandleQty) { |
|||
item.handledQty = item.defaultHandleQty |
|||
this.showMessage('发料数量不能大于叫料数量:' + item.handledQty) |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,585 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail |
|||
:jobContent="datacontent" |
|||
:allCount="allCount" |
|||
:isShowScanHint="true" |
|||
scanHint="已发数" |
|||
:scanCount="scanCount" |
|||
:isShowOther="true" |
|||
:isShowShouRong="true" |
|||
:shouRongCount="shouRongCount" |
|||
> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" |
|||
class="scroll-detail" style="padding-bottom: 40rpx;"> |
|||
<view class="" v-for="(item, index) in details" :key="index"> |
|||
<view class="detail-list margin_top"> |
|||
<!-- 单选卡片 --> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">推荐</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.recommendToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendFromQty}}</uni-td> |
|||
<uni-td width="120" align="center">{{item.recommendToQty }}</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form hold_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style=""> |
|||
<uni-tr> |
|||
<uni-th width="100" align="center"> |
|||
<text |
|||
style="font-weight:800; font-size: 35rpx; color: black; ">实际</text></uni-th> |
|||
<uni-th width="120" align="center">来源</uni-th> |
|||
<uni-th width="120" align="center">目标</uni-th> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td width="100" align="center">库位</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
{{item.handledFromLocationCode}}</uni-td> |
|||
<uni-td width="120" align="center"> {{item.handledToLocationCode}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td width="100" align="center">数量({{item.uom}})</uni-td> |
|||
<uni-td width="120" align="center">{{item.tempHandledFromQty}}</uni-td> |
|||
<uni-td width="120" align="center"> |
|||
<view |
|||
style="display: flex;flex-direction: row;justify-content:center;align-items: center;"> |
|||
<com-number-box ref="comNumberBoxRef" v-model="item.tempHandledToQty" |
|||
:max="999999" :min="0" style='width: 100px;' |
|||
@change="qtyChanged($event,item,index)"> |
|||
</com-number-box> |
|||
</view> |
|||
</uni-td> |
|||
</uni-tr> |
|||
|
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style="margin-left: 50rpx; margin-right: 50rpx;"> |
|||
<button type="primary" size="default" @click="recommend"> 推荐</button> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</scroll-view> |
|||
<view class="" |
|||
style=" display: flex; width: 100%;padding-bottom: 150rpx; flex-direction: row; justify-content: space-around;"> |
|||
<view class="" style=" align-items: center;"> |
|||
<view class="scan_float_top" @click="openScanPopup"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>单件码</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style=""> |
|||
<view class="scan_float_top" @click="openLocationFrom"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>来源库位</view> |
|||
</view> |
|||
</view> |
|||
<view class="" style=""> |
|||
<view class="scan_float_top" @click="openLocationTo"> |
|||
<image src="@/static/icons_ui/icon_scan_white.svg"></image> |
|||
<view>目标库位</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<com-balance ref='issueitems' @selectedItem='selectedBalanceItem'></com-balance> |
|||
<selectClickList ref="selectPopup" title="推荐信息" @select="selectPlan"></selectClickList> |
|||
<winScanLocationCode ref="locationFrom" title="来源库位" @getLocation="getFromLocation"></winScanLocationCode> |
|||
<winScanLocationCode ref="locationTo" title="目标库位" @getLocation="getToLocation"></winScanLocationCode> |
|||
|
|||
<winScanByProductCode ref="scanPackPopup" title="单件码" @getScanResult='getScanResult'></winScanByProductCode> |
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getCoatingIssueDetail, |
|||
takeCoatingIssueJob, |
|||
cancelTakeCoatingIssueJob, |
|||
finshCoatingIssueJob, |
|||
balances, |
|||
getCountByItemCode, |
|||
getRecommendBalance |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButtonLeft from '@/mycomponents/wincom/winScanButtonLeft.vue' |
|||
import winScanButtonTop from '@/mycomponents/wincom/winScanButtonTop.vue' |
|||
import winScanButtonBottom from '@/mycomponents/wincom/winScanButtonBottom.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comBalance from '@/mycomponents/common/comBalance.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import winScanLocationCode from '@/mycomponents/wincom/winScanLocationCode.vue'; |
|||
import winScanByProductCode from '@/mycomponents/wincom/winScanByProductCode.vue' |
|||
import selectClickList from "@/mycomponents/popup/selectClickList.vue" |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButtonLeft, |
|||
winScanButtonTop, |
|||
winScanButtonBottom, |
|||
winMulitScan, |
|||
comBalance, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
winScanLocationCode, |
|||
winScanByProductCode, |
|||
selectClickList |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: [], |
|||
toLocation: '', |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
balancesItem: null, |
|||
allCount: 0, |
|||
scanCount:0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus: "", |
|||
toLocationInfo: {}, |
|||
singCode: "", |
|||
shouRongCount:null |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeCoatingIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopup() { |
|||
this.$refs.scanPackPopup.openScanPopup(); |
|||
}, |
|||
openLocationTo() { |
|||
this.$refs.locationTo.openScanPopup() |
|||
}, |
|||
openLocationFrom() { |
|||
this.$refs.locationFrom.openScanPopup() |
|||
}, |
|||
getFromLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.recommendFromLocationCode) { |
|||
this.showMessage(" 扫描来源库位[" + locationInfo.code + "]与推荐来源库位[" + current |
|||
.recommendFromLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
|
|||
current.handledFromLocationCode = locationInfo.code |
|||
current.handledFromLocationArea = locationInfo.locationArea |
|||
current.handledFromLocationGroup = locationInfo.locationGroup |
|||
current.handledFromLocationErpCode = locationInfo.locationErpCode |
|||
current.handledFromWarehouseCode = locationInfo.warehouseCode |
|||
current.handledFromPackingCode = "" |
|||
current.handledFromLot = "" |
|||
|
|||
}, |
|||
|
|||
getToLocation(locationInfo) { |
|||
var current = this.details[0] |
|||
if (locationInfo.code != current.recommendToLocationCode) { |
|||
this.showMessage("扫描目标库位[" + locationInfo.code + "]与推荐目标库位[" + current |
|||
.recommendToLocationCode + "]不一致,请重新扫描") |
|||
return; |
|||
} |
|||
this.toLocationInfo = locationInfo |
|||
current.handledToLocationCode = locationInfo.code |
|||
current.handledToLocationArea = locationInfo.locationArea |
|||
current.handledToLocationGroup = locationInfo.locationGroup |
|||
current.handledToLocationErpCode = locationInfo.locationErpCode |
|||
current.handledToWarehouseCode = locationInfo.warehouseCode |
|||
current.handledToPackingCode = "" |
|||
current.handledToLot = "" |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getCoatingIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus = item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
|
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
this.allCount = that.details[0].recommendFromQty; |
|||
this.scanCount = that.details[0].handledToQty; |
|||
that.details[0].defaultHandleQty = that.details[0].handledFromQty; |
|||
that.details[0].tempHandledToQty =0 |
|||
that.details[0].tempHandledFromQty =0 |
|||
//查找收容数 |
|||
getCountByItemCode(that.details[0].itemCode).then(res => { |
|||
if (res) { |
|||
uni.hideLoading(); |
|||
var qty = res.qty; |
|||
this.shouRongCount = qty; |
|||
this.details[0].tempHandledToQty = qty; |
|||
this.details[0].tempHandledFromQty = qty; |
|||
this.$forceUpdate() |
|||
} else { |
|||
this.showMessage("没有查找到[" + that.details[0].itemCode + "]的收容数") |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
this.showMessage(error) |
|||
}) |
|||
} |
|||
|
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
|
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
getScanResult(result) { |
|||
let item = this.details.find(r => { |
|||
return r.itemCode == result.itemCode |
|||
}); |
|||
|
|||
if (item == undefined) { |
|||
this.showMessage('在任务详情中,未找到物料号【' + result.itemCode + '】'); |
|||
return; |
|||
} |
|||
this.singCode = result.itemCode |
|||
|
|||
|
|||
}, |
|||
|
|||
//查询库存记录 |
|||
getBalance(result, callback) { |
|||
uni.showLoading({ |
|||
title: '扫描中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
pageSize: 1000, |
|||
pageIndex: 1, |
|||
packingCode: result.data.code, |
|||
// itemCode: result.data.itemCode, |
|||
// lot: result.data.lot, |
|||
// inventoryStatus: 2, //库存状态默认2 |
|||
// locationTypes: [2, 3], |
|||
// sortBy: 'PackingCode asc' |
|||
|
|||
}; |
|||
balances(params) |
|||
.then(res => { |
|||
if (res.totalCount === 0) { |
|||
this.showScanMessage('按箱码【' + result.data.code + '】未查询到库存信息'); |
|||
} else { |
|||
callback(res); |
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showScanMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
recommend(){ |
|||
var itemCode =this.details[0].itemCode |
|||
var productLine =this.details[0].prodLine |
|||
if(!itemCode){ |
|||
this.showMessage("物料为空") |
|||
return; |
|||
} |
|||
if(!productLine){ |
|||
this.showMessage("生产线为空") |
|||
return; |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
|
|||
getRecommendBalance(itemCode,productLine).then(res=>{ |
|||
uni.hideLoading() |
|||
if (res.length > 0) { |
|||
var list = []; |
|||
list = res.Result; |
|||
list.forEach(res => { |
|||
res.label = res.PLAN_NO; |
|||
res.value = res.SHIFT_CODE |
|||
}) |
|||
this.$refs.selectPopup.openScanPopup(list) |
|||
} |
|||
|
|||
else { |
|||
this.showMessage("推荐列表为0") |
|||
} |
|||
}).catch(error=>{ |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeCoatingIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.details.length === 0) { |
|||
this.showMessage('该任务没有零件'); |
|||
return; |
|||
} |
|||
if (this.singCode == "") { |
|||
this.showMessage('请先扫描单件码'); |
|||
return; |
|||
} |
|||
|
|||
if (!that.details[0].handledFromLocationCode) { |
|||
this.showMessage('请先扫描来源库位'); |
|||
return; |
|||
} |
|||
if (!that.details[0].handledToLocationCode) { |
|||
this.showMessage('请先扫描目标库位'); |
|||
return; |
|||
} |
|||
|
|||
if (that.details[0].itempHandledToQty == 0 || that.details[0].itempHandledToQty == "") { |
|||
this.showMessage('发料数量必须大于0'); |
|||
return; |
|||
} |
|||
that.finsh(); |
|||
|
|||
}, |
|||
|
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
that.details[0].handledFromQty =that.details[0].tempHandledToQty |
|||
that.details[0].handledToQty =that.details[0].tempHandledToQty |
|||
let params = that.details[0]; |
|||
finshCoatingIssueJob(that.id, params.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.singCode == "" |
|||
this.getDetail(); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopupForm.closeScanPopup(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopupForm.getfocus(); |
|||
}, |
|||
|
|||
qtyChanged(value, item, index) { |
|||
if (item.tempHandledToQty == 0) { |
|||
this.$refs.comNumberBoxRef[0].setValue(0); |
|||
this.showMessage('请先扫描单件码') |
|||
return; |
|||
} |
|||
if (value == 0) { |
|||
this.showMessage('发料数量必须大于0') |
|||
item.tempHandledToQty =item.tempHandledFromQty |
|||
this.$refs.comNumberBoxRef[0].setValue(item.tempHandledToQty); |
|||
return; |
|||
} |
|||
item.tempHandledFromQty =value; |
|||
console.log('item', item.tempHandledFromQty); |
|||
this.$forceUpdate(); |
|||
|
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.scan_float_top { |
|||
opacity: 0.4; |
|||
width: 110rpx; |
|||
height: 110rpx; |
|||
color: #000; |
|||
background-color: #5A7CF3; |
|||
border-radius: 50%; |
|||
text-align: center; |
|||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); |
|||
} |
|||
|
|||
.scan_float_top image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.scan_float_top view { |
|||
color: #fff; |
|||
font-size: .725rem; |
|||
margin-top: -8rpx; |
|||
} |
|||
</style> |
|||
@ -1,713 +0,0 @@ |
|||
<!-- 发料任务详情 --> |
|||
<template> |
|||
<page-meta root-font-size="16px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<com-job-scan-detail :jobContent="datacontent" :allCount="allCount" :scanCount="scanCount"> |
|||
</com-job-scan-detail> |
|||
</view> |
|||
<scroll-view :scroll-top="scrollTop" scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" |
|||
@scroll="scroll" class="scroll-detail"> |
|||
|
|||
<view class="detail-list margin_top" v-for="(item, index) in details" :key="item.id"> |
|||
<view class="detail-content"> |
|||
<view class="choose_main"> |
|||
<view class="ljh_box"> |
|||
<view class="tit_ljh">{{ item.itemCode }}</view> |
|||
<view class="ljh_left desc_ljh"> |
|||
<view class="font_xs text_lightblue">{{ item.itemName }}</view> |
|||
<view class="font_xs text_lightblue">{{ item.itemDesc1 }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list_form"> |
|||
<view class="uni-container"> |
|||
<uni-table style="overflow-x: hidden;"> |
|||
<uni-tr> |
|||
<!-- <uni-th width="90"></uni-th> |
|||
<uni-th width="100" align="center">推荐</uni-th> |
|||
<uni-th width="100" align="center">实际</uni-th> --> |
|||
<uni-th width="50"></uni-th> |
|||
<uni-th width="120" align="center">推荐</uni-th> |
|||
<uni-th width="120" align="center">实际</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">数量</text></uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<text class="text_black">{{item.recommendQty}}({{item.uom}})</text> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" |
|||
style="display: flex;flex-direction: row;justify-content:center;align-items: center;"> |
|||
|
|||
<com-number-box :ref="'comNumberBox_'+index" v-model="item.handledQty" |
|||
:max="99999" :min="0" style='width: 100px;' |
|||
@change="qtyChanged($event,item,index)"> |
|||
</com-number-box> |
|||
<text class="text_black">({{item.uom}})</text> |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">箱码</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view class="text_packingCode"> |
|||
{{ item.recommendPackingCode }} |
|||
</view> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" class="text_packingCode"> |
|||
{{ item.handledPackingCode }} |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="50">批次</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view class="text_black">{{item.recommendLot }}</view> |
|||
</uni-th> |
|||
<uni-th width="120" align="center"> |
|||
<view v-if="item.scaned" class="text_black">{{item.handledLot }}</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-th width="60">库位</uni-th> |
|||
<uni-th width="100" align="center"> |
|||
<view class="text_black">{{ item.recommendFromLocationCode }}</view> |
|||
</uni-th> |
|||
<uni-th width="100" align="center"> |
|||
<view class="text_black" v-if="item.scaned"> |
|||
{{ item.handledFromLocationCode }} |
|||
</view> |
|||
</uni-th> |
|||
</uni-tr> |
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="choose_marked" v-if="item.scaned"> |
|||
<image src="@/static/image_marked.svg"></image> |
|||
</view> |
|||
<view class="fr" |
|||
> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
<view class="uni-flex uni-row new_btn_bot"> |
|||
<button class="new_clear_btn btn_double" @click="clear()">清空</button> |
|||
<button class="new_save_btn btn_double" @click="submit()">提交</button> |
|||
</view> |
|||
<com-balance ref='issueitems' @selectedItem='selectedBalanceItem'></com-balance> |
|||
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
|||
<win-scan-by-pack ref="scanPopup" @getScanResult='getScanResult'></win-scan-by-pack> |
|||
|
|||
<com-message ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()' |
|||
@afterCloseScanMessage='closeScanMessage'></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getIssueDetail, |
|||
takeSprayIssueJob, |
|||
cancelTakeSprayIssueJob, |
|||
finshSprayIssueJob, |
|||
issueBalances |
|||
} from '@/api/index.js'; |
|||
import { |
|||
getJobStatuStyle, |
|||
getJobStatuDesc, |
|||
showConfirmMsg, |
|||
goHome, |
|||
compareDesc, |
|||
compareStr, |
|||
getCurrDateTime, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanButton from '@/mycomponents/wincom/winScanButton.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comBalance from '@/mycomponents/common/comBalance.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
import winScanByPack from '@/mycomponents/wincom/winScanByPack.vue' |
|||
import comNumberBox from '@/mycomponents/common/comNumberBox.vue'; |
|||
import comUnPacking from '@/mycomponents/coms/comUnPacking.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
winScanButton, |
|||
winMulitScan, |
|||
comBalance, |
|||
comJobScanDetail, |
|||
winScanByPack, |
|||
comNumberBox, |
|||
comUnPacking |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: {}, |
|||
toLocation: '', |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
ispending: false, |
|||
balancesItem: null, |
|||
currentItem: null, |
|||
currentScanLebel: null, |
|||
allCount: 0, |
|||
scanCount: 0, |
|||
isPack: true, |
|||
titleArray: ['箱标签'], |
|||
jobStatus:"" |
|||
} |
|||
}, |
|||
props: { |
|||
itemCode: "", |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
if (param.jobStatus == 1) { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
}else if(e.index === 1){ |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.jobStatus == 2) { |
|||
//取消承接任务 |
|||
cancelTakeSprayIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
openScanPopup() { |
|||
// if (this.allCount === this.scanCount) { |
|||
// this.showMessage("零件已经全部扫描完成"); |
|||
// return; |
|||
// } |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}, |
|||
//加载零件信息 |
|||
getDetail() { |
|||
let that = this; |
|||
if (that.id == undefined) { |
|||
return; |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
id: that.id, |
|||
}; |
|||
getIssueDetail(params) |
|||
.then(item => { |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus =item.jobStatus; |
|||
that.details = item.details; |
|||
if (that.details != null) { |
|||
that.details.forEach( |
|||
r => { |
|||
r.scaned = false; |
|||
r.scanDate = new Date() |
|||
} |
|||
); |
|||
that.ispending = item.jobStatus === 2; |
|||
// if (that.toLocation === '') { |
|||
// that.toLocation = item.details[0].requestLocationCode; |
|||
// } |
|||
this.allCount = that.details.length; |
|||
this.scanCount = 0; |
|||
|
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage('未查找到详细信息') |
|||
|
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
getScanResult(result) { |
|||
//零件是否已经被扫描过 |
|||
let item = this.details.find(r => r.recommendPackingCode === result.data.packingCode && r |
|||
.scanPackingCode != result.data.packingCode); |
|||
if (item != undefined && item.scaned) { |
|||
showConfirmMsg('扫描的箱码【' + result.data.packingCode + '】匹配到任务中的【' + item.scanPackingCode + |
|||
'】箱,是否要重新匹配任务中的【' + item.scanPackingCode + '】箱?', |
|||
confirm => { |
|||
if (confirm) { |
|||
this.handledPackCode(result, true); |
|||
} else { |
|||
return; |
|||
} |
|||
}) |
|||
} else { |
|||
if (this.allCount === this.scanCount) { |
|||
this.showMessage("零件已经全部扫描完成"); |
|||
return; |
|||
} |
|||
this.handledPackCode(result, false); |
|||
} |
|||
this.scrollToTop(); |
|||
}, |
|||
|
|||
//处理箱标签 |
|||
//scaned是否是重新匹配 |
|||
handledPackCode(result, scaned) { |
|||
//获取标签信息 |
|||
let that = this; |
|||
that.currentScanLebel = result; |
|||
let scanItem = this.details.find(r => r.scanItemCode === that.currentScanLebel.data.itemCode && |
|||
r.scanPackingCode === that.currentScanLebel.data.packingCode && |
|||
r.scanLot === that.currentScanLebel.data.lot && |
|||
r.scaned == true) |
|||
if (scanItem != undefined) { |
|||
this.showScanMessage('箱码【' + that.currentScanLebel.data.packingCode + '】已经扫描,请扫描下一箱零件'); |
|||
} else { |
|||
this.dyIssue(result, scaned); |
|||
} |
|||
}, |
|||
|
|||
dyIssue(result, scaned) { |
|||
let that = this; |
|||
var itemCode = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.scaned === scaned |
|||
}) |
|||
if (itemCode == undefined) { |
|||
that.showScanMessage('所扫描的箱码【' + result.data.code + '】对应的物料【' + result.data.itemCode + '】不在任务中'); |
|||
}else { |
|||
//零件号相同、箱码相同 |
|||
var itemCode1 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendPackingCode === result.data.code |
|||
r.scaned === scaned |
|||
}) |
|||
//零件号相同、箱码不相同 |
|||
if(itemCode1 == undefined){ |
|||
var itemCode2 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendLot === result.data.lot |
|||
&&r.scaned === scaned |
|||
}) |
|||
//零件号相同、箱码不相同、批次相同 |
|||
if(itemCode2==undefined){ |
|||
//零件号相同、箱码不相同、批次不相同 |
|||
console.log("零件号相同、箱码不相同、批次不相同") |
|||
setTimeout(res => { |
|||
showConfirmMsg(itemCode.recommendPackingCode+'未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
if (confirm) { |
|||
that.currentItem = itemCode; |
|||
that.afterScanPackLabel(result); |
|||
} else { |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}, 100) |
|||
|
|||
}else { |
|||
console.log("零件号相同、箱码不相同、批次相同") |
|||
//零件号相同、箱码不相同、批次相同 |
|||
that.currentItem = itemCode2; |
|||
that.afterScanPackLabel(result); |
|||
} |
|||
|
|||
|
|||
}else { |
|||
//零件号相同、箱码相同、批次相同 |
|||
var itemCode3 = that.details.find(r => { |
|||
return r.itemCode === result.data.itemCode&& |
|||
r.recommendPackingCode === result.data.code&& |
|||
r.recommendLot === result.data.lot |
|||
&&r.scaned === scaned |
|||
}) |
|||
if(itemCode3==undefined){ |
|||
//零件号相同、箱码相同、批次不同 |
|||
console.log("零件号相同、箱码相同、批次不同") |
|||
setTimeout(res => { |
|||
showConfirmMsg(itemCode1.recommendPackingCode+'未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
if (confirm) { |
|||
that.currentItem = itemCode1; |
|||
that.afterScanPackLabel(result); |
|||
} else { |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}, 100) |
|||
|
|||
}else { |
|||
console.log("零件号相同、箱码相同、批次相同") |
|||
//零件号相同、箱码相同、批次相同 |
|||
that.currentItem = itemCode3; |
|||
that.afterScanPackLabel(result); |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
// that.currentItem = that.details.find(r => { |
|||
// return r.itemCode === result.data.itemCode && |
|||
// r.recommendPackingCode === result.data.code && |
|||
// r.recommendLot === result.data.lot && |
|||
// r.scaned === scaned |
|||
// }); |
|||
|
|||
|
|||
|
|||
// //没找到符合的箱码、零件号、箱码、批次都相等 |
|||
// if (that.currentItem === undefined) { |
|||
// var itemCode = that.details.find(res => { |
|||
// return res.itemCode === result.data.itemCode && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// //零件号相等 |
|||
// if (itemCode != undefined) { |
|||
// var lot = that.details.find(res => { |
|||
// return res.itemCode === result.data.itemCode && |
|||
// res.recommendLot === result.data.lot && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// if (lot != undefined) { |
|||
// //通过 |
|||
// that.currentItem = lot; |
|||
// that.afterScanPackLabel(result); |
|||
// } else { |
|||
// //批次不相等 |
|||
// // 提示未执行先进先出或者不是最先批次。 |
|||
// setTimeout(res => { |
|||
// showConfirmMsg('未执行先进先出或不是最先批次,是否继续?', confirm => { |
|||
// if (confirm) { |
|||
// that.currentItem = itemCode; |
|||
// that.afterScanPackLabel(result); |
|||
// } else { |
|||
// that.scanPopupGetFocus(); |
|||
// } |
|||
// }); |
|||
// }, 100) |
|||
|
|||
// } |
|||
// } else { |
|||
// //零件号不相等 |
|||
// var lot = that.details.find(res => { |
|||
// return res.recommendLot === result.data.lot && |
|||
// res.scaned === scaned |
|||
// }) |
|||
// //批次相等 |
|||
// if (lot != undefined) { |
|||
// // 在该任务中未找到零件。 |
|||
// that.showScanMessage('在该任务中未找到零件'); |
|||
// } else { |
|||
// //零件号不相等,批次不相等 |
|||
// that.showScanMessage('所扫描的物料不在任务中'); |
|||
// } |
|||
// } |
|||
// } else { |
|||
// that.afterScanPackLabel(result); |
|||
// } |
|||
}, |
|||
|
|||
afterScanPackLabel(result) { |
|||
let that = this; |
|||
that.getBalance(result, res => { |
|||
if (res.totalCount === 1) { |
|||
that.balancesItem = res.items[0]; |
|||
if (that.balancesItem != null || that.balancesItem != undefined) { |
|||
that.setBalanceInfo(this.currentItem, that.balancesItem); |
|||
that.scanPopupGetFocus(); |
|||
} |
|||
} else { |
|||
this.$refs['issueitems'].openPopup(res.items); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//查询库存记录 |
|||
getBalance(result, callback) { |
|||
uni.showLoading({ |
|||
title: '扫描中...', |
|||
mask: true |
|||
}) |
|||
let params = { |
|||
pageSize: 1000, |
|||
pageIndex: 1, |
|||
packingCode: result.data.code, |
|||
itemCode: result.data.itemCode, |
|||
lot: result.data.lot, |
|||
inventoryStatus: 2, //库存状态默认2 |
|||
locationTypes: [2, 3], |
|||
sortBy: 'PackingCode asc' |
|||
}; |
|||
issueBalances(params) |
|||
.then(res => { |
|||
if (res.totalCount === 0) { |
|||
this.showScanMessage('按零件号【' + result.data.itemCode + '】箱码【' + result.data.code + '】批次【' + |
|||
result |
|||
.data.lot + '】在【原料库、半成品库】未查询到库存信息'); |
|||
} else { |
|||
callback(res); |
|||
} |
|||
uni.hideLoading(); |
|||
}) |
|||
.catch(err => { |
|||
this.showScanMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
setBalanceInfo(item, balanceItem) { |
|||
item.scaned = true; |
|||
item.scanDate = new Date() //增加扫描信息属性 |
|||
item.fromLocationCode = balanceItem.locationCode; |
|||
item.fromLocationErpCode = balanceItem.locationErpCode; |
|||
item.toLocationCode = item.locationCode; |
|||
item.toLocationErpCode = item.locationErpCode; |
|||
|
|||
//实际库存数量 |
|||
item.handledContainerCode = balanceItem.containerCode; |
|||
item.handledPackingCode = balanceItem.packingCode; |
|||
item.handledBatch = balanceItem.batch; |
|||
item.handledLot = balanceItem.lot; |
|||
|
|||
item.handledQty = balanceItem.qty>item.recommendQty?item.recommendQty:balanceItem.qty; |
|||
item.defaultHandleQty = item.handledQty; |
|||
item.handledFromLocationCode = balanceItem.locationCode; |
|||
item.handledFromLocationArea = balanceItem.locationArea; |
|||
item.handledFromLocationGroup = balanceItem.locationErpCode; |
|||
item.handledFromLocationErpCode = balanceItem.locationGroup; |
|||
item.handledFromWarehouseCode = balanceItem.warehouseCode; |
|||
|
|||
item.toLocationArea = balanceItem.locationArea; |
|||
item.toLocationGroup = balanceItem.locationGroup; |
|||
item.toLocationErpCode = balanceItem.locationErpCode; |
|||
|
|||
//当前扫描标签的信息 |
|||
item.scanItemCode = this.currentScanLebel.data.itemCode; |
|||
item.scanPackingCode = this.currentScanLebel.data.code; |
|||
item.scanLot = this.currentScanLebel.data.lot; |
|||
|
|||
item.worker = localStorage.userName_CN ==""?localStorage.userName:localStorage.userName_CN; |
|||
item.uom = balanceItem.uom; |
|||
|
|||
this.details.sort(compareDesc('scanDate')); //按扫描信息排 |
|||
this.calcScanCount(); //计算扫描的数量 |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
selectedBalanceItem(balanceItem) { |
|||
this.setBalanceInfo(this.currentItem, balanceItem); |
|||
|
|||
}, |
|||
// //接收 |
|||
receive(callback) { |
|||
let params = { |
|||
id: this.id |
|||
}; |
|||
takeSprayIssueJob(params) |
|||
.then(res => { |
|||
callback(true); |
|||
}) |
|||
.catch(err => { |
|||
this.showMessage(err.message); |
|||
callback(false); |
|||
}); |
|||
}, |
|||
|
|||
submit() { |
|||
let that = this; |
|||
if (that.datacontent.details.length === 0) { |
|||
this.showMessage('该任务没有要上架的零件'); |
|||
return; |
|||
} |
|||
let checkItems = that.details.filter(r => r.scaned === true); |
|||
if (checkItems.length < that.details.length) { |
|||
showConfirmMsg('还有未扫描的零件,是否继续发料', confirm => { |
|||
if (confirm) { |
|||
that.finsh(); |
|||
} |
|||
}); |
|||
} else { |
|||
that.finsh(); |
|||
} |
|||
}, |
|||
|
|||
handleLocation() { |
|||
let that = this; |
|||
if (that.details[0].requestLocationCode != that.toLocation) { |
|||
showConfirmMsg('目标库位【' + that.toLocation + '】与需求库位不一致,是否要将以上零件发到目标库位?', confirm => { |
|||
if (confirm) { |
|||
that.handledPackingCode(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} else { |
|||
showConfirmMsg('是否要将以上零件发到目标库位:【' + that.toLocation + "】", confirm => { |
|||
if (confirm) { |
|||
that.handledPackingCode(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
//判断是否有推荐箱码为空的情况 |
|||
handledPackingCode() { |
|||
let that = this; |
|||
let items = this.details.filter(r => { |
|||
return r.scaned && (r.handledPackingCode === null || r.handledPackingCode === '') |
|||
}) |
|||
|
|||
if (items.length > 0) { |
|||
let packingCodes = ''; |
|||
items.forEach(r => { |
|||
packingCodes += r.recommendPackingCode + ',' |
|||
}) |
|||
showConfirmMsg('以下箱码对应的实际箱码为空,是否要继续发料?【' + packingCodes + "】", confirm => { |
|||
if (confirm) { |
|||
that.finsh(); |
|||
} else { |
|||
that.clearScanLocation(); |
|||
} |
|||
}); |
|||
} else { |
|||
that.finsh(); |
|||
} |
|||
}, |
|||
|
|||
finsh() { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "提交中...", |
|||
mask: true |
|||
}); |
|||
that.datacontent.completeUserId = localStorage.getItem('userId') |
|||
that.datacontent.completeUserName = localStorage.getItem('userName_CN') |
|||
that.datacontent.completeTime = getCurrDateTime(); |
|||
that.datacontent.worker = localStorage.userName_CN ==""?localStorage.userName:localStorage.userName_CN; |
|||
that.datacontent.details = that.details; |
|||
let params = JSON.stringify(that.datacontent); |
|||
finshSprayIssueJob(that.id, params) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (res != null) { |
|||
that.showCommitSuccessMessage(); |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
that.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
}); |
|||
}, |
|||
|
|||
clear() { |
|||
this.scanCount = 0; |
|||
this.currentItem = null; |
|||
this.currentScanLebel = null; |
|||
this.getDetail(); |
|||
}, |
|||
clearScanLocation() { |
|||
this.currentItem = null; |
|||
}, |
|||
unPacking(item) { |
|||
this.$refs.comUnPacking.openPopup3(this.datacontent, item,item.handledQty,item.recommendQty,false); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
calcScanCount() { |
|||
this.scanCount = this.details.filter(r => r.scaned === true).length; |
|||
this.closeScanPopup(); |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1) |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
if (this.allCount == this.scanCount) { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
} |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scrollToTop() { |
|||
let that = this; |
|||
// 解决view层不同步的问题 |
|||
that.scrollTop = that.old.scrollTop |
|||
this.$nextTick(function() { |
|||
that.scrollTop = 0 |
|||
}); |
|||
}, |
|||
|
|||
scroll: function(e) { |
|||
// console.log(e) |
|||
this.old.scrollTop = e.detail.scrollTop; |
|||
}, |
|||
qtyChanged(value, item, index) { |
|||
if (value <= 0) { |
|||
this.showMessage('发料数量不能小于或等于0') |
|||
item.handledQty = item.defaultHandleQty |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} else if (value > item.defaultHandleQty) { |
|||
item.handledQty = item.defaultHandleQty |
|||
this.showMessage('发料数量不能大于叫料数量:' + item.handledQty) |
|||
this.$refs['comNumberBox_' + index][0].setValue(item.handledQty); |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
Loading…
Reference in new issue