FeiDaBaoKai/wms_client_kate_suzhou
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

代码更新

Browse Source
This commit is contained in:
梁州 2024-07-26 17:00:49 +08:00
parent 31afefafe9
commit 8d0d3de59b
4 changed files with 505 additions and 454 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/api/task.js
View File

@ -96,6 +96,14 @@ const confirmFinishWork = (params) => {
}) })
} }
const callEmptyVehicle = (params) => {
return request({
url: '/task/callEmptyVehicle',
method: 'post',
data: params
})
}
export { export {
sendGoodsInTask, sendGoodsInTask,
sendGoodsOutTask, sendGoodsOutTask,
@ -108,5 +116,6 @@ export {
getWorkByStandAndGoods, getWorkByStandAndGoods,
confirmFinishedWork, confirmFinishedWork,
confirmFinishWork, confirmFinishWork,
getFinishedWorkInfo getFinishedWorkInfo,
callEmptyVehicle
} }

279
src/layout/callEmptyVehicle.vue
View File

@ -27,86 +27,53 @@
<div style="display: none;">{{ workFormEntity.tip }}</div> <div style="display: none;">{{ workFormEntity.tip }}</div>
<div style="display: flex;"> <div style="display: flex;">
<div style="display: flex; flex-direction: column;"> <div style="display: flex; flex-direction: column;">
<div class="display-title-div">
<span class="display-title-text">物料种类选择</span>
</div>
<div class="display-form-div">
<el-select-v2 v-model="workFormEntity.vehicleType2" placeholder="请选择类型"
:options="vehicleType2Options"
@change="vehicleType2ChangeHandle()"></el-select-v2>
<!-- <el-input v-model="workFormEntity.goodsId" size="default"
v-on:keyup.enter="getCurrentWorkInfo()" clearable></el-input> -->
</div>
</div>
<div v-if="displayVehicleType1Selection"
style="display: flex; flex-direction: column;">
<div class="display-title-div">
<span class="display-title-text">料箱种类选择</span>
</div>
<div class="display-form-div">
<el-select-v2 v-model="workFormEntity.vehicleType1" placeholder="请选择类型"
:options="vehicleType1Options"></el-select-v2>
<!-- <el-input v-model="workFormEntity.goodsId" size="default"
v-on:keyup.enter="getCurrentWorkInfo()" clearable></el-input> -->
</div>
</div>
<div v-if="displayGoods" style="display: flex; flex-direction: column;">
<div class="display-title-div"> <div class="display-title-div">
<span class="display-title-text">料号</span> <span class="display-title-text">料号</span>
</div> </div>
<div class="display-form-div"> <div class="display-form-div">
<el-input v-model="workFormEntity.goodsId" size="default" <el-input v-model="workFormEntity.goodsId" size="default"
v-on:keyup.enter="getCurrentWorkInfo()" clearable></el-input> clearable></el-input>
</div> </div>
</div> </div>
<div style="display: flex; flex-direction: column;"> <div style="display: flex; flex-direction: column;">
<div class="display-title-div"> <div class="display-title-div">
<span class="display-title-text">计划拣选数量</span> <span class="display-title-text">料箱数量</span>
</div> </div>
<div style="display: flex; margin-top: 20px;"> <div style="display: flex; margin-top: 20px;">
<div class="display-form-div-left"> <div class="display-form-div-left">
<el-input-number v-model.number="workFormEntity.planPickNum" <el-input-number v-model.number="workFormEntity.needNum"
controls-position="right" :min="0" width="200px" />
</div>
<div class="display-form-div-right">
<span class="display-form-text-right">{{ workFormEntity.goodsUnit
}}</span>
</div>
</div>
</div>
<div style="display: flex; flex-direction: column;">
<div class="display-title-div">
<span class="display-title-text">实际数量差异</span>
</div>
<div style="display: flex; margin-top: 20px;">
<div class="display-form-div-left">
<el-input-number v-model.number="workFormEntity.actualDifference"
controls-position="right" :min="0" /> controls-position="right" :min="0" />
</div> </div>
<div class="display-form-div-right"> <div class="display-form-div-right">
<span class="display-form-text-right">{{ workFormEntity.goodsUnit <span class="display-form-text-right">个</span>
}}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style="display: flex; margin-top: 15px">
<div
style="display: inline-flex; justify-content: center; width: 160px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span style="align-self: center; font-weight: bold;font-size: 25px;">备注</span>
</div>
<div
style="display: inline-flex; justify-content: center; width: 700px; margin: 5px; padding: 5px; background-color: #00AAE8;">
<span style="align-self: center; font-weight: bold;font-size: 25px;">
{{ workFormEntity.remark }}
</span>
</div>
</div>
<div style="display: flex; margin-top: 5px; margin-top: 15px">
<div
style="display: inline-flex; justify-content: center; width: 160px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span
style="align-self: center; font-weight: bold;font-size: 20px;">当前进度：</span>
</div>
<div
style="display: inline-flex; justify-content: center; width: 240px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span style="align-self: center; font-weight: bold;font-size: 20px;">
{{ workFormEntity.finishedRows + '/' + workFormEntity.totalRows }}
</span>
</div>
<div
style="display: inline-flex; justify-content: center; width: 80px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span style="align-self: center; font-weight: bold;font-size: 20px;">行</span>
</div>
<div
style="display: inline-flex; justify-content: center; width: 240px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span style="align-self: center; font-weight: bold;font-size: 20px;">
{{ workFormEntity.finishedCounts + '/' + workFormEntity.totalCounts }}
</span>
</div>
<div
style="display: inline-flex; justify-content: center; width: 80px; margin: 5px; padding: 5px; background-color: #CCCCCC;">
<span style="align-self: center; font-weight: bold;font-size: 20px;">
{{ workFormEntity.goodsUnit }}
</span>
</div>
</div>
</div> </div>
<div style="margin: 10px;"> <div style="margin: 10px;">
<div class="arrow" @click="confirmTask()"> <div class="arrow" @click="confirmTask()">
@ -124,7 +91,7 @@
<script setup> <script setup>
import store from '@/store' import store from '@/store'
import { getWorkByStandAndGoods, confirmFinishWork } from '@/api/task' import { callEmptyVehicle } from '@/api/task'
import { reactive, ref } from 'vue' import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
@ -136,26 +103,41 @@ export default {
data() { data() {
return { return {
standId: store.getters.getStandId, standId: store.getters.getStandId,
displayGoods: false,// 是否显示料号输入
displayVehicleType1Selection: false,// 是否显示料箱类型选择
// timer: '', // timer: '',
labelPosition: 'top', labelPosition: 'top',
workFormRef: ref(), workFormRef: ref(),
workFormEntity: reactive({ workFormEntity: reactive({
vehicleType1: '',
vehicleType2: '',
goodsId: '', goodsId: '',
goodsUnit: '', needNum: 0
planPickNum: 0,
actualDifference: 0,
remark: '',
finishedRows: 0,
totalRows: 0,
finishedCounts: 0,
totalCounts: 0,
tip: ''
}), }),
rules: reactive({ rules: reactive({
goodsId: [ goodsId: [
{ required: true, message: '请输入料号' } { required: true, message: '请输入料号' }
] ]
}), }),
vehicleType1Options: [],
vehicleType2Options: [
{
value: 'CLC一箱一料',
label: 'CLC一箱一料'
},
{
value: 'CLC一箱两料',
label: 'CLC一箱两料'
},
{
value: 'No-CLC',
label: 'No-CLC'
},
{
value: '间接物料',
label: '间接物料'
}
]
} }
}, },
mounted() { mounted() {
@ -167,78 +149,103 @@ export default {
// clearInterval(this.timer) // clearInterval(this.timer)
}, },
methods: { methods: {
getCurrentWorkInfo() { vehicleType2ChangeHandle() {
// this.workFormEntity = { if (this.workFormEntity.vehicleType2 == '间接物料') {
// goodsId: 'text0001', this.displayGoods = true
// goodsUnit: 'PC', this.displayVehicleType1Selection = false
// planPickNum: 10, this.vehicleType1Options = [
// actualDifference: 0, {
// remark: '装盒子', value: 'FB02',
// finishedRows: 800, label: '分包1/2个料箱'
// totalRows: 2500, },
// finishedCounts: 2500, {
// totalCounts: 6000, value: 'FB03',
// tip: '' label: '分包1/3个料箱'
// } },
const request = { {
standId: this.standId, value: 'FB04',
goodsId: this.workFormEntity.goodsId label: '分包1/4个料箱'
},
{
value: 'FB05',
label: '分包1/5个料箱'
},
{
value: 'FB06',
label: '分包1/6个料箱'
}
]
} else if (this.workFormEntity.vehicleType2 == 'CLC一箱一料') {
this.displayGoods = false
this.displayVehicleType1Selection = true
this.vehicleType1Options = [
{
value: 'LR02',
label: '811左右2个'
},
{
value: 'FC01',
label: '822整体1个'
}
]
} else if (this.workFormEntity.vehicleType2 == 'CLC一箱两料') {
this.displayGoods = true
this.displayVehicleType1Selection = true
this.vehicleType1Options = [
{
value: 'LR01',
label: '810左右4个'
},
{
value: 'UD01',
label: '911上下2个'
}
]
} else {
this.displayGoods = false
this.displayVehicleType1Selection = false
this.vehicleType1Options = [
{
value: 'FB01',
label: '分包1个料箱'
},
]
} }
getWorkByStandAndGoods(request).then(res => {
const response = res.data
if (response.code == 0) {
this.workFormEntity.goodsId = response.returnData.goodsId
this.workFormEntity.goodsUnit = response.returnData.goodsUnit
this.workFormEntity.planPickNum = response.returnData.planPickNum
this.workFormEntity.actualDifference = response.returnData.actualDifference
this.workFormEntity.remark = response.returnData.remark
this.workFormEntity.finishedRows = response.returnData.finishedRows
this.workFormEntity.totalRows = response.returnData.totalRows
this.workFormEntity.finishedCounts = response.returnData.finishedCounts
this.workFormEntity.totalCounts = response.returnData.totalCounts
this.workFormEntity.tip = response.returnData.tip
} else {
this.resetForms()
ElMessage.error(response.message)
}
}).catch(err => {
console.log(err)
this.resetForms()
ElMessage.error('查询工作信息错误')
})
}, },
resetForms() { resetForms() {
this.workFormEntity = reactive({ this.workFormEntity = reactive({
vehicleType1: '',
vehicleType2: '',
goodsId: '', goodsId: '',
goodsUnit: '', needNum: 0
planPickNum: 0,
actualDifference: 0,
remark: '',
finishedRows: 0,
totalRows: 0,
finishedCounts: 0,
totalCounts: 0,
tip: ''
}) })
}, },
confirmTask() { confirmTask() {
if (this.standId == '' || this.workFormEntity.goodsId == '') { if (this.workFormEntity.vehicleType1 == '' && this.workFormEntity.vehicleType2 == '') {
ElMessage({ ElMessage({
message: '站台号和料号不可缺少', message: '存放类型和料箱类型至少需要一个',
type: 'error', type: 'error',
}) })
return return
} }
const confirmParams = { if (this.workFormEntity.needNum <= 0) {
standId: this.standId, ElMessage({
goodsId: this.workFormEntity.goodsId, message: '料箱数量必须为大于0的整数',
actualDifference: this.workFormEntity.actualDifference type: 'error',
})
return
} }
confirmFinishWork(confirmParams).then(res => { const request = {
vehicleType1: this.workFormEntity.vehicleType1,
vehicleType2: this.workFormEntity.vehicleType2,
goodsId: this.workFormEntity.goodsId,
needNum: this.workFormEntity.needNum
}
callEmptyVehicle(request).then(res => {
const response = res.data const response = res.data
if (response.code == 0) { if (response.code == 0) {
ElMessage({ ElMessage({
message: response.message, message: '出空箱成功，请等待箱子到达',
type: 'success', type: 'success',
}) })
this.resetForms() this.resetForms()
@ -247,7 +254,7 @@ export default {
} }
}).catch(err => { }).catch(err => {
console.log(err) console.log(err)
ElMessage.error('确认时发生异常') ElMessage.error('出空箱异常')
}) })
} }
} }
@ -299,7 +306,7 @@ export default {
#309330 50%, #309330 50%,
#309330 100%) bottom right; #309330 100%) bottom right;
background-size: 100% 50%; background-size: 100% 50%;
height: 400px; height: 270px;
width: 250px; width: 250px;
background-repeat: no-repeat; background-repeat: no-repeat;
display: inline-flex; display: inline-flex;
@ -307,11 +314,19 @@ export default {
} }
:deep(.el-input) { :deep(.el-input) {
width: 230px;
height: 130px; height: 130px;
font-size: 25px; font-size: 25px;
} }
:deep(.el-input-number) { :deep(.el-input-number) {
width: 150px;
height: 130px;
font-size: 25px;
}
:deep(.el-select-v2__wrapper) {
width: 230px;
height: 130px; height: 130px;
font-size: 25px; font-size: 25px;
} }
@ -363,7 +378,7 @@ export default {
.display-title-div { .display-title-div {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
width: 280px; width: 240px;
height: 80px; height: 80px;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
@ -379,7 +394,7 @@ export default {
.display-form-div { .display-form-div {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
width: 270px; width: 230px;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
border: 5px double #000000; border: 5px double #000000;
@ -389,7 +404,7 @@ export default {
.display-form-div-left { .display-form-div-left {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
width: 170px; width: 150px;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
border: 5px double #000000; border: 5px double #000000;
@ -398,7 +413,7 @@ export default {
.display-form-div-right { .display-form-div-right {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
width: 80px; width: 60px;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
background-color: #CCCCCC; background-color: #CCCCCC;

1
src/layout/doKitting.vue
View File

@ -312,6 +312,7 @@ export default {
} }
:deep(.el-input-number) { :deep(.el-input-number) {
width: 270px;
height: 130px; height: 130px;
font-size: 25px; font-size: 25px;
} }

668
src/layout/goodsIn.vue
View File

@ -1,112 +1,72 @@
<template> <template>
<el-config-provider :locale="zhCn"> <el-config-provider :locale="zhCn">
<el-container class="content"> <el-container class="content">
<div class="left"> <div class="work-area">
<fieldset class="display-area"> <fieldset class="title-area">
<legend> <legend>
入库暂存信息 工作台
</legend> </legend>
<el-table :data="tempTasks" stripe border class="table-class" max-height="684px" <div class="title-div">
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }"> <span class="title-text">呼叫空箱</span>
<el-table-column prop="vehicleId" label="载具号" fixed="left" min-width="120px" /> </div>
<el-table-column prop="goodsId" label="物料编号" fixed="left" min-width="120px" /> <div class="station-div">
<el-table-column prop="goodsNum" label="数量" min-width="120px" /> <span class="station-text">工作站：</span>
<el-table-column prop="goodsName" label="物料名称" min-width="120px" /> </div>
<el-table-column prop="singleWeight" label="单个物料重量" min-width="120px" /> <div class="station-no-div">
<el-table-column prop="weight" label="物料总重量" min-width="120px" /> <span class="station-no-text">{{ standId }}</span>
<el-table-column prop="originPoint" label="入库站点" min-width="120px" /> </div>
<el-table-column fixed="right" label="操作" width="120px">
<template #default>
<el-button plain type="primary" @click="deleteRowTask(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<br />
</fieldset> </fieldset>
</div> <fieldset class="main-area">
<div class="right"> <legend>
<fieldset class="input-area"> 备料执行
<legend>输入入库信息</legend> </legend>
<el-form ref="taskInRequestRef" :model="taskInRequestEntity" :label-position="labelPosition" <el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
label-width="100px" style="max-width: 100%" :rules="rules" status-icon> label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
<el-row :gutter="16"> <div style="display: flex;">
<el-col :span="12" :offset="0"> <div style="display: block; margin: 5px;">
<el-form-item label="载具号" prop="vehicleId"> <div style="display: none;">{{ workFormEntity.tip }}</div>
<el-input v-model="taskInRequestEntity.vehicleId" clearable /> <div style="display: flex;">
</el-form-item> <div style="display: flex; flex-direction: column;">
</el-col> <div class="display-title-div">
<el-col :span="12"> <span class="display-title-text">料号</span>
<el-form-item label="物料编号" prop="goodsId"> </div>
<el-input v-model="taskInRequestEntity.goodsId" :disabled="disabledEmpty" <div class="display-form-div">
clearable /> <el-input v-model="workFormEntity.goodsId" size="default"
</el-form-item> clearable></el-input>
</el-col> </div>
</el-row> </div>
<el-row :gutter="16"> <div style="display: flex; flex-direction: column;">
<el-col :span="12" :offset="0"> <div class="display-title-div">
<el-form-item label="数量" prop="goodsNum"> <span class="display-title-text">数量</span>
<el-input-number v-model.number="taskInRequestEntity.goodsNum" clearable </div>
controls-position="right" :min="1" :disabled="disabledEmpty" <div style="display: flex; margin-top: 20px;">
@blur="calWeight(taskInRequestEntity)"></el-input-number> <div class="display-form-div-left">
</el-form-item> <el-input-number v-model.number="workFormEntity.needNum"
</el-col> controls-position="right" :min="0" />
<el-col :span="12"> </div>
<el-form-item label="物料名称" prop="goodsName"> <div class="display-form-div-right">
<el-input v-model="taskInRequestEntity.goodsName" :disabled="disabledEmpty" <span class="display-form-text-right">个</span>
clearable /> </div>
</el-form-item> </div>
</el-col> </div>
</el-row> <div style="display: flex; flex-direction: column;">
<el-row :gutter="16"> <div class="display-title-div">
<el-col :span="12" :offset="0"> <span class="display-title-text">箱号</span>
<el-form-item label="单个物料重量" prop="singleWeight"> </div>
<el-input-number v-model.number="taskInRequestEntity.singleWeight" clearable <div class="display-form-div">
controls-position="right" :min="0" :precision="3" :disabled="disabledEmpty" <el-input v-model="workFormEntity.goodsId" size="default"
@blur="calWeight(taskInRequestEntity)"></el-input-number> clearable></el-input>
</el-form-item> </div>
</el-col> </div>
<el-col :span="12"> </div>
<el-form-item label="物料总重量" prop="weight"> </div>
<el-input-number v-model.number="taskInRequestEntity.weight" clearable <div style="margin: 10px;">
controls-position="right" :min="0" :precision="3" <div class="arrow" @click="confirmTask()">
:disabled="disabledEmpty"></el-input-number> <span
</el-form-item> style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">完成确认</span>
</el-col> </div>
</el-row> </div>
<el-row :gutter="16"> </div>
<el-col :span="12" :offset="0">
<el-form-item label="入库站点" prop="originPoint">
<el-select-v2 v-model="taskInRequestEntity.originPoint" placeholder="请选择入库站点"
:options="standOptions"></el-select-v2>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否空托" prop="isEmpty">
<el-select-v2 v-model="taskInRequestEntity.isEmpty" placeholder="请选择入库类型"
:options="stockTypeOptions"
@change="autoCompleteEmptyInfo(taskInRequestEntity)"></el-select-v2>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16" class="btn-area">
<el-col :span="8" :offset="0">
<el-form-item>
<el-button type="primary" round
@click="addTempTasks(taskInRequestRef)">绑定信息</el-button>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="success" round
@click="submitGoodsInTask(taskInRequestRef)">下发任务</el-button>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="danger" round @click="resetForm(taskInRequestRef)">清空信息</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</fieldset> </fieldset>
</div> </div>
@ -115,12 +75,11 @@
</template> </template>
<script setup> <script setup>
import { sendGoodsInTask } from '@/api/task' import store from '@/store'
import { callEmptyVehicle } from '@/api/task'
import { reactive, ref } from 'vue' import { reactive, ref } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import store from '@/store'
const taskInRequestRef = ref()
</script> </script>
<script> <script>
@ -128,193 +87,160 @@ export default {
name: 'goodsIn', name: 'goodsIn',
data() { data() {
return { return {
labelPosition: "top", standId: store.getters.getStandId,
tempTasks: [], displayGoods: false,// 是否显示料号输入
tempVehicleId: '', displayVehicleType1Selection: false,// 是否显示料箱类型选择
tempOriginPoint: '', // timer: '',
totalWeight: 0, labelPosition: 'top',
isEmptyTask: false, workFormRef: ref(),
disabledEmpty: false, workFormEntity: reactive({
taskInRequestEntity: reactive({ vehicleType1: '',
vehicleId: '', vehicleType2: '',
originPoint: 'RC1',
goodsId: '', goodsId: '',
goodsName: '', needNum: 0
singleWeight: 0,
goodsNum: 1,
weight: 0,
isEmpty: '1'
}), }),
rules: reactive({ rules: reactive({
vehicleId: [
{ required: true, message: '请输入载具号' }
],
goodsId: [ goodsId: [
{ required: true, message: '请输入物料号' } { required: true, message: '请输入料号' }
],
goodsNum: [
{ required: true, message: '请输入数量' },
{ type: 'number', message: '请输入数字' }
] ]
}), }),
standOptions: [ vehicleType1Options: [],
vehicleType2Options: [
{ {
value: "RC1", value: 'CLC一箱一料',
label: '入库口' label: 'CLC一箱一料'
}
],
stockTypeOptions: [
{
value: '0',
label: '空载具入库'
}, },
{ {
value: '1', value: 'CLC一箱两料',
label: '带料入库' label: 'CLC一箱两料'
},
{
value: 'No-CLC',
label: 'No-CLC'
},
{
value: '间接物料',
label: '间接物料'
} }
], ]
} }
}, },
mounted() { mounted() {
// this.timer = setInterval(() => {
// // this.getAllTasks()
// }, 2000)
},
beforeUnmount() {
// clearInterval(this.timer)
}, },
methods: { methods: {
autoCompleteEmptyInfo(taskInRequestEntity) {// 自动补全空托入库信息 vehicleType2ChangeHandle() {
if (taskInRequestEntity.isEmpty == '0') {// 空托入库 if (this.workFormEntity.vehicleType2 == '间接物料') {
taskInRequestEntity.goodsId = 'empty' this.displayGoods = true
taskInRequestEntity.goodsName = '空载具' this.displayVehicleType1Selection = false
taskInRequestEntity.goodsNum = 1 this.vehicleType1Options = [
taskInRequestEntity.singleWeight = 0 {
taskInRequestEntity.weight = 0 value: 'FB02',
this.disabledEmpty = true label: '分包1/2个料箱'
} else { },
taskInRequestEntity.goodsId = '' {
taskInRequestEntity.goodsName = '' value: 'FB03',
taskInRequestEntity.goodsNum = 1 label: '分包1/3个料箱'
taskInRequestEntity.singleWeight = 0 },
taskInRequestEntity.weight = 0 {
this.disabledEmpty = false value: 'FB04',
} label: '分包1/4个料箱'
}, },
calWeight(taskInRequestEntity) { {
if (taskInRequestEntity.singleWeight != null | undefined) { value: 'FB05',
taskInRequestEntity.weight = taskInRequestEntity.singleWeight * taskInRequestEntity.goodsNum label: '分包1/5个料箱'
} },
}, {
addTempTasks(taskInRequestRef) {// 生成入库任务 value: 'FB06',
if (!taskInRequestRef) return label: '分包1/6个料箱'
taskInRequestRef.validate((valid) => {
if (!valid) {
ElMessage({
message: '请输入必须的入库信息！',
type: 'warning',
})
return
}
if (this.isEmptyTask != null | undefined) {
if (this.isEmptyTask) {
ElMessage({
message: '当前载具已绑定空载具入库',
type: 'warning',
})
return
} else {
if (this.taskInRequestEntity.isEmpty == '1' && this.tempTasks.length != 0) {
ElMessage({
message: '当前载具已绑定过任务，不允许再绑定空载具入库',
type: 'warning',
})
}
} }
} ]
if (this.tempOriginPoint != '' && this.tempOriginPoint != this.taskInRequestEntity.originPoint) { } else if (this.workFormEntity.vehicleType2 == 'CLC一箱一料') {
ElMessage({ this.displayGoods = false
message: '入库站台不一致！', this.displayVehicleType1Selection = true
type: 'warning', this.vehicleType1Options = [
}) {
return value: 'LR02',
} label: '811左右2个'
if (this.tempVehicleId != '' && this.tempVehicleId != this.taskInRequestEntity.vehicleId) { },
ElMessage({ {
message: '载具号不一致', value: 'FC01',
type: 'warning', label: '822整体1个'
}) }
return ]
} } else if (this.workFormEntity.vehicleType2 == 'CLC一箱两料') {
this.tempVehicleId = this.taskInRequestEntity.vehicleId this.displayGoods = true
this.tempOriginPoint = this.taskInRequestEntity.originPoint this.displayVehicleType1Selection = true
this.totalWeight = this.totalWeight + this.taskInRequestEntity.weight this.vehicleType1Options = [
if (this.taskInRequestEntity.isEmpty == '0') { {
this.isEmptyTask = true value: 'LR01',
} else { label: '810左右4个'
this.isEmptyTask = false },
} {
const tempTask = { value: 'UD01',
vehicleId: this.taskInRequestEntity.vehicleId, label: '911上下2个'
originPoint: this.taskInRequestEntity.originPoint, }
goodsId: this.taskInRequestEntity.goodsId, ]
goodsName: this.taskInRequestEntity.goodsName, } else {
singleWeight: this.taskInRequestEntity.singleWeight, this.displayGoods = false
goodsNum: this.taskInRequestEntity.goodsNum, this.displayVehicleType1Selection = false
weight: this.taskInRequestEntity.weight this.vehicleType1Options = [
} {
this.tempTasks.push(tempTask) value: 'FB01',
// 清空物料相关信息 label: '分包1个料箱'
if (!this.isEmptyTask) { },
this.taskInRequestEntity.goodsId = '' ]
this.taskInRequestEntity.goodsName = '' }
this.taskInRequestEntity.goodsNum = 1 },
this.taskInRequestEntity.singleWeight = 0 resetForms() {
this.taskInRequestEntity.weight = 0 this.workFormEntity = reactive({
this.taskInRequestEntity.isEmpty = '1' vehicleType1: '',
this.disabledEmpty = false vehicleType2: '',
} goodsId: '',
ElMessage({ needNum: 0
message: '绑定成功！',
type: 'success',
})
}) })
}, },
submitGoodsInTask(formEl) {// 下发入库任务 confirmTask() {
const inParams = { if (this.workFormEntity.vehicleType1 == '' && this.workFormEntity.vehicleType2 == '') {
vehicleId: this.tempVehicleId, ElMessage({
originPoint: this.tempOriginPoint, message: '存放类型和料箱类型至少需要一个',
totalWeight: this.totalWeight, type: 'error',
userName: store.getters.getUserName, })
goodsList: this.isEmptyTask == false && this.tempTasks.length > 0 ? this.tempTasks : null return
} }
sendGoodsInTask(inParams).then(res => { if (this.workFormEntity.needNum <= 0) {
if (res.data.code == 0) { ElMessage({
message: '料箱数量必须为大于0的整数',
type: 'error',
})
return
}
const request = {
vehicleType1: this.workFormEntity.vehicleType1,
vehicleType2: this.workFormEntity.vehicleType2,
goodsId: this.workFormEntity.goodsId,
needNum: this.workFormEntity.needNum
}
callEmptyVehicle(request).then(res => {
const response = res.data
if (response.code == 0) {
ElMessage({ ElMessage({
message: '创建入库任务成功！', message: '出空箱成功，请等待箱子到达',
type: 'success', type: 'success',
}) })
this.tempTasks = [] this.resetForms()
this.tempVehicleId = ''
this.tempOriginPoint = ''
this.totalWeight = 0
this.isEmptyTask == false
formEl.resetFields()
this.disabledEmpty = false
} else { } else {
ElMessage.error(res.data.message) ElMessage.error(response.message)
} }
}).catch(err => { }).catch(err => {
console.log(err) console.log(err)
ElMessage.error('创建入库任务错误！' + err.message) ElMessage.error('出空箱异常')
}) })
},
resetForm(formEl) {// 重置表单信息
if (!formEl) return
formEl.resetFields()
},
deleteRowTask(row) {// 删除当前行的入库任务
this.tempTasks.splice(this.tempTasks.indexOf(row), 1)
if (this.tempTasks.length == 0) {
this.tempVehicleId = ''
this.tempOriginPoint = ''
this.totalWeight = 0
this.isEmptyTask = false
}
} }
} }
} }
@ -326,61 +252,161 @@ export default {
width: 100%; width: 100%;
} }
.el-row .el-form-item { .work-area {
width: 30% inherit;
justify-content: center;
}
/* .btn-area .el-form-item {
width: 30% inherit;
padding-left: 15px;
} */
.el-row .el-form-item .el-select {
width: 100% !important;
}
.el-row .el-form-item .el-select-v2 {
width: 100% !important;
}
.el-row .el-form-item .el-input-number {
width: 100% !important;
}
.el-row .el-form-item .el-button {
margin: auto;
}
.right {
width: 40%;
padding: 5px;
}
.left {
width: 60%;
padding: 5px;
}
.input-area {
margin: auto;
max-width: inherit;
height: 632px;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
}
.display-area {
margin: auto;
min-width: inherit;
height: 632px;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
}
.table-class {
width: 100%; width: 100%;
/* padding: 5px; */
}
.main-area {
margin: auto;
min-height: fit-content;
max-height: 90%;
margin-bottom: 10px;
min-width: inherit;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
overflow: auto;
}
.title-area {
display: flex;
min-height: 10%;
max-height: max-content;
margin-bottom: 10px;
min-width: inherit;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
overflow: auto;
}
.arrow {
background: linear-gradient(-105deg,
transparent 50%,
#309330 50%,
#309330 100%) top right,
linear-gradient(-75deg,
transparent 50%,
#309330 50%,
#309330 100%) bottom right;
background-size: 100% 50%;
height: 270px;
width: 250px;
background-repeat: no-repeat;
display: inline-flex;
cursor: pointer;
}
:deep(.el-input) {
width: 230px;
height: 130px;
font-size: 25px;
}
:deep(.el-input-number) {
width: 150px;
height: 130px;
font-size: 25px;
}
:deep(.el-select-v2__wrapper) {
width: 230px;
height: 130px;
font-size: 25px;
}
.title-div {
display: inline-flex;
width: -webkit-fill-available;
margin-right: 5px;
padding: 5px;
background-color: #CCCCCC;
}
.title-text {
align-self: center;
font-weight: bold;
font-size: 25px;
}
.station-div {
display: inline-flex;
justify-content: center;
width: 125px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
background-color: #FFFAAA;
}
.station-text {
align-self: center;
font-weight: bold;
font-size: 25px;
}
.station-no-div {
display: inline-flex;
justify-content: center;
width: 75px;
padding: 5px;
border: 5px double #000000;
}
.station-no-text {
align-self: center;
font-weight: bold;
font-size: 25px;
}
.display-title-div {
display: inline-flex;
justify-content: center;
width: 240px;
height: 80px;
margin: 5px;
padding: 5px;
background-color: #FFFAAA;
}
.display-title-text {
align-self: center;
font-weight: bold;
font-size: 25px;
}
.display-form-div {
display: inline-flex;
justify-content: center;
width: 230px;
margin: 5px;
padding: 5px;
border: 5px double #000000;
margin-top: 25px;
}
.display-form-div-left {
display: inline-flex;
justify-content: center;
width: 150px;
margin: 5px;
padding: 5px;
border: 5px double #000000;
}
.display-form-div-right {
display: inline-flex;
justify-content: center;
width: 60px;
margin: 5px;
padding: 5px;
background-color: #CCCCCC;
}
.display-form-text-right {
align-self: center;
font-weight: bold;
font-size: 25px;
} }
</style> </style>