PDA拼箱,多箱拼箱

This commit is contained in:
2024-07-05 16:49:32 +08:00
parent d4b87a05a5
commit de7770a28f
3 changed files with 368 additions and 309 deletions

View File

@@ -24,3 +24,14 @@ export function doUnpackingGoods(data) {
}) })
} }
/**
* 拼箱2 多箱拼箱
* @param data
*/
export function doConsolidationGoods2(data) {
return request({
url: '/mes/wm/WmGoodsAction/doConsolidationGoods2',
method: 'post',
data: data,
})
}

View File

@@ -4,11 +4,11 @@
<!-- <span class="title-text">拼箱</span> --> <!-- <span class="title-text">拼箱</span> -->
<view class="warehoseInfo-box"> <view class="warehoseInfo-box">
<view class="row"> <view class="row">
<span class="col">已扫货物{{ quantityTotal }}</span> <span class="col">已扫零件{{ quantityTotal }}</span>
<span class="col">已扫箱数{{ newMaterialList.length }}</span> <span class="col">已扫箱数{{ newMaterialList.length }}</span>
</view> </view>
<view> <view>
<view v-if="searchType === 2" class="color2 aciton-box">请扫货物码</view> <view v-if="searchType === 2" class="color2 aciton-box">请扫外箱标签</view>
<!-- 扫描操作 --> <!-- 扫描操作 -->
<view class="pda-search-box"> <view class="pda-search-box">
<PdaScanInput @getInfo="handleGetInfo" :type="searchType" :hasFocus="false"></PdaScanInput> <PdaScanInput @getInfo="handleGetInfo" :type="searchType" :hasFocus="false"></PdaScanInput>
@@ -21,24 +21,39 @@
<view class="scroll-view-title">拼箱清单</view> <view class="scroll-view-title">拼箱清单</view>
<scroll-view :scroll-y="true" class="scroll-view-height"> <scroll-view :scroll-y="true" class="scroll-view-height">
<view v-for="(item, index) in newMaterialList" :key="index"> <view v-for="(item, index) in newMaterialList" :key="index">
<materialItem style="background-color: whitesmoke" :index="index" :materialInfo="item" @click.native="handleDeleteItem(item, index)"></materialItem> <materialItem style="background-color: whitesmoke" :index="index" :materialInfo="item"
@click.native="handleDeleteItem(item, index)"></materialItem>
</view> </view>
</scroll-view> </scroll-view>
<!-- <packageCard v-if="newMaterialList.length > 0" :packageInfo="newMaterialList[newMaterialList.length - 1]"></packageCard> --> <!-- <packageCard v-if="newMaterialList.length > 0" :packageInfo="newMaterialList[newMaterialList.length - 1]"></packageCard> -->
</view> </view>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<view class="button-box"> <view class="button-box">
<u-button style="width: 40%" type="error" @click="clear" :disabled="loading" :loading="loading">清空</u-button> <u-button style="width: 40%" type="error" @click="clear" :disabled="loading"
<u-button style="width: 40%" type="primary" @click="handlerSubmit" :disabled="loading" :loading="loading">拼箱</u-button> :loading="loading">清空</u-button>
<u-button style="width: 40%" type="primary" @click="handlerSubmit" :disabled="loading"
:loading="loading">拼箱</u-button>
</view> </view>
<!-- 数量选择 --> <!-- 数量选择 -->
<u-modal :show="modalShow" showCancelButton title="请输入次箱拼入数量" @confirm="modalConfirm" @cancel="modalCancel"> <u-modal :show="modalShow" showCancelButton title="主箱需求数" @confirm="modalConfirm" @cancel="modalCancel">
<view class="slot-content"> <view class="slot-content">
<view> <!-- <view>
<u--text bold size="36" :text="'拼箱后主箱零件数:' + mainPackageQuantity"></u--text> <u--text bold size="36" :text="'拼箱后主箱零件数:' + mainPackageQuantity"></u--text>
</view> -->
<!-- <view>
<u--input placeholder="请输入拼入数量" type="number" border="surround" v-model="secondNum" @input="numInput"></u--input>
</view> -->
<view>
<u--text bold size="36" :text="'已扫箱数:' + newMaterialList.length"></u--text>
<u--text bold size="36" :text="'已扫零件数:' + quantityTotal"></u--text>
<u--text bold size="36" :text="'待拼箱主箱零件数:' + mainPackageQuantity"></u--text>
</view> </view>
<view> <view>
<u--input placeholder="请输入拼入数量" type="number" border="surround" v-model="secondNum" @input="numInput"></u--input> <u--text bold type="primary" size="36" text="请填写拼箱后主箱总零件数:"></u--text>
<u--input placeholder="请输入拼箱后主箱总零件数" type="number" border="surround" v-model="mainPackageActionNum"
@input="numInput2"></u--input>
<u--text size="24" type="error" text="如需要拼箱后零件号结果为48个,则填写数字48."></u--text>
<u--text size="24" type="error" text="结果需要大于主箱零件数,小于已扫零件数"></u--text>
</view> </view>
</view> </view>
</u-modal> </u-modal>
@@ -46,341 +61,374 @@
</template> </template>
<script> <script>
import materialItem from '@/components/material-item/material-item.vue'; import materialItem from '@/components/material-item/material-item.vue';
import packageCard from '@/components/package-card/package-card.vue'; import packageCard from '@/components/package-card/package-card.vue';
import * as WarehoseApi from '@/api/warehouse/warehose.js'; import * as WarehoseApi from '@/api/warehouse/warehose.js';
import * as GoodsActionApi from '@/api/warehouse/wmGoodsAction.js'; import * as GoodsActionApi from '@/api/warehouse/wmGoodsAction.js';
// 拼箱 // 拼箱
export default { export default {
components: { components: {
materialItem, materialItem,
packageCard packageCard
},
data() {
return {
loading: false,
// 双击判定
touchNum: 0,
clearData: {},
// 货物信息
packageInfo: {
// id
id: '',
// 工单号
workoderID: '',
// 批次号(工单号+箱号+班组)
patchCode: '',
// 零件号
partNumner: '',
// 标签数量
goodsNumLogic: 0,
// 盘点数量(实际)
goodsNumAction: 0,
// 描述
productionDescribe: '',
// 出厂日期/生产日期
productionTime: '',
// 此箱数量
quantity: 0
},
// 新录入货物信息
newMaterialList: [],
// 1-仓库扫码 2-货物扫码 3-出货单扫码
searchType: 2,
modalShow: false,
secondNum: 0
};
},
watch: {},
created() {
this.init();
},
computed: {
quantityTotal() {
let num = 0;
for (let index = 0; index < this.newMaterialList.length; index++) {
let _num = parseInt(this.newMaterialList[index].quantity);
_num = _num || 0;
num += _num * 1;
}
return num;
}, },
mainPackageQuantity() { data() {
try { return {
if (this.newMaterialList.length === 2) { loading: false,
return this.newMaterialList[0].quantity * 1 + this.secondNum * 1; // 双击判定
} else { touchNum: 0,
clearData: {},
// 货物信息
packageInfo: {
// id
id: '',
// 工单号
workoderID: '',
// 批次号(工单号+箱号+班组)
patchCode: '',
// 零件号
partNumner: '',
// 标签数量
goodsNumLogic: 0,
// 盘点数量(实际)
goodsNumAction: 0,
// 描述
productionDescribe: '',
// 出厂日期/生产日期
productionTime: '',
// 此箱数量
quantity: 0
},
// 新录入货物信息
newMaterialList: [],
// 1-仓库扫码 2-货物扫码 3-出货单扫码
searchType: 2,
modalShow: false,
secondNum: 0,
// 主箱需求数
mainPackageActionNum: 0
};
},
watch: {},
created() {
this.init();
},
computed: {
quantityTotal() {
let num = 0;
for (let index = 0; index < this.newMaterialList.length; index++) {
let _num = parseInt(this.newMaterialList[index].quantity);
_num = _num || 0;
num += _num * 1;
}
return num;
},
//主箱零件数
mainPackageQuantity() {
try {
if (this.newMaterialList.length > 0) {
return this.newMaterialList[0].quantity * 1;
} else {
return 0;
}
} catch (e) {
return 0; return 0;
} }
} catch (e) {
return 0;
} }
}
},
methods: {
init() {
// 需要展示的参数:【零件号[物料号](35233201041) 描述(鲨鱼鳍) 箱号+班组(BNW240312023_18B1) 数量 时间 】
// 初始化,并且清空数据
this.clearData.packageInfo = JSON.parse(JSON.stringify(this.packageInfo));
this.clearData.newMaterialList = JSON.parse(JSON.stringify(this.newMaterialList));
this.searchType = 2;
this.secondNum = 0;
}, },
clear() { methods: {
this.packageInfo = JSON.parse(JSON.stringify(this.clearData.packageInfo)); init() {
this.newMaterialList = JSON.parse(JSON.stringify(this.clearData.newMaterialList)); // 需要展示的参数:【零件号[物料号](35233201041) 描述(鲨鱼鳍) 箱号+班组(BNW240312023_18B1) 数量 时间 】
this.secondNum = 0; // 初始化,并且清空数据
this.searchType = 2; this.clearData.packageInfo = JSON.parse(JSON.stringify(this.packageInfo));
}, this.clearData.newMaterialList = JSON.parse(JSON.stringify(this.newMaterialList));
// 长按弹出删除 this.searchType = 2;
handleDeleteItem(item, index) { this.secondNum = 0;
// 双击判定 },
this.touchNum++; clear() {
setTimeout(() => { this.packageInfo = JSON.parse(JSON.stringify(this.clearData.packageInfo));
if (this.touchNum >= 2) { this.newMaterialList = JSON.parse(JSON.stringify(this.clearData.newMaterialList));
uni.showModal({ this.secondNum = 0;
title: '删除提示', this.searchType = 2;
content: '是否从拼箱列表中删除此货物?', },
showCancel: true, // 长按弹出删除
cancelText: '取消', handleDeleteItem(item, index) {
confirmText: '删除', // 双击判定
success: (res) => { this.touchNum++;
if (res.confirm) { setTimeout(() => {
this.newMaterialList.splice(index, 1); if (this.touchNum >= 2) {
uni.showModal({
title: '删除提示',
content: '是否从拼箱列表中删除此货物?',
showCancel: true,
cancelText: '取消',
confirmText: '删除',
success: (res) => {
if (res.confirm) {
this.newMaterialList.splice(index, 1);
}
}
});
}
this.touchNum = 0;
}, 250);
},
// 扫码信息录入
handleGetInfo(data, type) {
if (type === 2) {
// 此时扫描的是箱号
if (this.newMaterialList.length > 0) {
for (let item of this.newMaterialList) {
if (data.patchCode === item.patchCode) {
uni.showModal({
title: '提示',
content: '已扫过此箱!',
showCancel: false,
confirmText: '确定'
});
return;
} }
} }
}); }
} // if (this.newMaterialList.length > 2) {
this.touchNum = 0; // uni.showModal({
}, 250); // title: '提示',
}, // content: '只可录入两箱!',
// 扫码信息录入 // showCancel: false,
handleGetInfo(data, type) { // confirmText: '确定'
if (type === 2) { // });
// 此时扫描的是箱号 // return;
if (this.newMaterialList.length > 0) { // }
for (let item of this.newMaterialList) { const checkData = {
if (data.patchCode === item.patchCode) { originalCode: data.originalCode
};
// 是否在库
WarehoseApi.isExistedWarehouse(checkData).then((res) => {
if (res.code !== 200 || !res.data) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '已扫过此箱', content: '货物异常或未入库',
showCancel: false, showCancel: false,
confirmText: '确定' confirmText: '确定'
}); });
return; return;
} }
} this.newMaterialList.push(data);
const searchInfoData = {
patchCode: data.patchCode
};
// 获取解析结果
WarehoseApi.getInfoByPatchCode(searchInfoData).then((res) => {
if (res.code === 200) {
this.packageInfo = res.data;
} else {
uni.showModal({
title: '提示',
content: '货物数据异常',
showCancel: false,
confirmText: '确定'
});
return;
}
});
});
} }
if (this.newMaterialList.length > 2) { },
modalConfirm() {
this.loading = true;
setTimeout(() => {
this.loading = false;
}, 30000)
// let data = {
// packageList: this.newMaterialList,
// createBy: 'admin',
// secondNum: this.secondNum || 0
// };
let data = {
packageList: this.newMaterialList,
createBy: 'pda',
mainPackageActionNum: this.mainPackageActionNum
};
uni.$u.throttle(() => {
GoodsActionApi.doConsolidationGoods2(data).then((res) => {
if (res.code === 200) {
uni.showModal({
title: '提示',
content: '拼箱成功!' + res.data.description,
showCancel: false,
confirmText: '确认'
});
this.modalShow = false;
this.loading = false;
this.clear();
} else {
uni.showToast({
icon: 'error',
title: res.message
});
this.modalShow = false;
this.loading = false;
}
});
}, 5000)
},
modalCancel() {
this.modalShow = false;
this.secondNum = 0;
},
numInput(value) {
let maxQuantity = this.newMaterialList[1]?.quantity;
if (!maxQuantity) {
this.secondNum = 0;
return;
}
if (!(value * 1 < maxQuantity * 1)) {
this.secondNum = maxQuantity;
return;
}
},
numInput2(value) {
const num = value * 1;
const packageList = this.newMaterialList;
if (packageList.length < 1) {
this.mainPackageActionNum = 0;
return;
}
let minQuantity = packageList[0]?.quantity * 1;
let maxQuantity = this.quantityTotal * 1;
if (num < minQuantity) {
this.$nextTick(() => {
this.mainPackageActionNum = minQuantity;
})
return;
}
if (num > maxQuantity) {
this.$nextTick(() => {
this.mainPackageActionNum = maxQuantity;
})
return;
}
},
// 点击拼箱
handlerSubmit() {
if (this.newMaterialList.length < 2) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '只可录入两箱!', content: '需要至少两箱才能拼箱!',
showCancel: false, showCancel: false,
confirmText: '确' confirmText: '确'
}); });
return; return;
} }
const checkData = { // this.secondNum = this.newMaterialList[1].quantity * 1;
originalCode: data.originalCode this.mainPackageActionNum = this.quantityTotal * 1;
}; this.modalShow = true;
// 是否在库
WarehoseApi.isExistedWarehouse(checkData).then((res) => {
if (res.code !== 200 || !res.data) {
uni.showModal({
title: '提示',
content: '货物异常或未入库!',
showCancel: false,
confirmText: '确定'
});
return;
}
this.newMaterialList.push(data);
const searchInfoData = {
patchCode: data.patchCode
};
// 获取解析结果
WarehoseApi.getInfoByPatchCode(searchInfoData).then((res) => {
if (res.code === 200) {
this.packageInfo = res.data;
} else {
uni.showModal({
title: '提示',
content: '货物数据异常',
showCancel: false,
confirmText: '确定'
});
return;
}
});
});
} }
},
modalConfirm() {
this.loading = true;
setTimeout(()=>{
this.loading = false;
},30000)
let data = {
packageList: this.newMaterialList,
createBy: 'admin',
secondNum: this.secondNum || 0
};
uni.$u.throttle(()=>{
GoodsActionApi.doConsolidationGoods(data).then((res) => {
if (res.code === 200) {
uni.showModal({
title: '提示',
content: '拼箱成功!' + res.data.description,
showCancel: false,
confirmText: '确认'
});
this.modalShow = false;
this.loading = false;
this.clear();
} else {
uni.showToast({
icon: 'error',
title: '拼箱失败!'
});
this.modalShow = false;
this.loading = false;
}
});
},5000)
},
modalCancel() {
this.modalShow = false;
this.secondNum = 0;
},
numInput(value) {
let maxQuantity = this.newMaterialList[1]?.quantity;
if (!maxQuantity) {
this.secondNum = 0;
return;
}
if (!(value * 1 < maxQuantity * 1)) {
this.secondNum = maxQuantity;
return;
}
},
// 点击拼箱
handlerSubmit() {
if (this.newMaterialList.length < 2) {
uni.showModal({
title: '提示',
content: '需要主次两箱才能拼箱!',
showCancel: false,
confirmText: '确认'
});
return;
}
this.secondNum = this.newMaterialList[1].quantity * 1;
this.modalShow = true;
} }
} };
};
</script> </script>
<style scoped> <style scoped>
.title-box { .title-box {
margin-top: 54px; margin-top: 54px;
margin-bottom: 20px; margin-bottom: 20px;
height: 60px; height: 60px;
font-size: 26px; font-size: 26px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.warehoseInfo-box { .warehoseInfo-box {
font-size: 20px; font-size: 20px;
width: 94%; width: 94%;
margin: 0 auto; margin: 0 auto;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
background-color: aliceblue; background-color: aliceblue;
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.warehoseInfo-box .row { .warehoseInfo-box .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.warehoseInfo-box .row .col { .warehoseInfo-box .row .col {
width: 50%; width: 50%;
} }
.aciton-box { .aciton-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.color1 { .color1 {
color: yellowgreen; color: yellowgreen;
} }
.color2 { .color2 {
color: orange; color: orange;
} }
.pda-search-box { .pda-search-box {
margin-bottom: 5px; margin-bottom: 5px;
} }
.list-box { .list-box {
width: 100%; width: 100%;
} }
.scroll-view-title { .scroll-view-title {
font-size: 24px; font-size: 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.scroll-view-box { .scroll-view-box {
width: 94%; width: 94%;
margin: 0 auto; margin: 0 auto;
margin-top: 50px; margin-top: 50px;
height: 360px; height: 360px;
padding: 10px; padding: 10px;
background-color: rgba(179, 179, 179, 0.7); background-color: rgba(179, 179, 179, 0.7);
border-radius: 5px; border-radius: 5px;
} }
.scroll-view-height {
height: 300px;
}
.scroll-view-last {
width: 100%;
height: 60px;
font-size: 20px;
color: rgba(0, 9, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
background-color: white;
}
.button-box { .scroll-view-height {
width: 80%; height: 300px;
margin: 10px auto; }
display: flex;
flex-direction: row;
}
.changeInput { .scroll-view-last {
font-size: 20px; width: 100%;
background-color: gainsboro; height: 60px;
border: 1px solid grey; font-size: 20px;
} color: rgba(0, 9, 0, 0.7);
</style> display: flex;
flex-direction: column;
justify-content: center;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
background-color: white;
}
.button-box {
width: 80%;
margin: 10px auto;
display: flex;
flex-direction: row;
}
.changeInput {
font-size: 20px;
background-color: gainsboro;
border: 1px solid grey;
}
</style>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="box-container"> <view class="box-container">
<!-- 功能筛选区 --> <!-- 功能筛选区 -->
<uni-card :is-shadow="false"> <uni-card :is-shadow="false" is-full>
<uni-forms label-width="100"> <uni-forms label-width="100">
<!-- 选择小车 --> <!-- 选择小车 -->
<uni-forms-item label="AGV小车"> <uni-forms-item label="AGV小车">