forked from BaoKaiWms/202501-Wms-Kate-Wuxi
850 lines
35 KiB
Vue
850 lines
35 KiB
Vue
<template>
|
||
<el-config-provider :locale="zhCn">
|
||
<el-container class="content">
|
||
<div class="work-area">
|
||
<fieldset class="main-area">
|
||
<el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
|
||
label-width="158px" style="max-width: 100%" :rules="rules" status-icon>
|
||
<div style="display: flex; justify-content: space-between;">
|
||
<el-row>
|
||
<el-form-item label="计划开工日期" prop="planStartDate">
|
||
<el-date-picker v-model="workFormEntity.planStartDate" type="date"
|
||
placeholder="选择开工日期" :shortcuts="shortcuts" style="width: 196px;" clearable />
|
||
</el-form-item>
|
||
<el-form-item label="工单号" prop="workOrder">
|
||
<el-select v-model="workFormEntity.workOrder" filterable default-first-option
|
||
placeholder="请选择工单号" style="width: 196px" :loading="optionLoading" remote
|
||
:remote-method="(query) => {
|
||
workFormQuery.workOrder = query
|
||
initWorkOptions()
|
||
}" remote-show-suffix reserve-keyword clearable>
|
||
<el-option v-for="item in workOptions.workOrder" :key="item" :label="item"
|
||
:value="item" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="原始成品号" prop="productIdOrigin">
|
||
<el-input v-model="workFormEntity.productIdOrigin" placeholder="原始成品号" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="过滤成品号" prop="productId">
|
||
<el-input v-model="workFormEntity.productId" placeholder="过滤成品号" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="单片号" prop="singleProductId">
|
||
<el-select v-model="workFormEntity.singleProductId" filterable default-first-option
|
||
placeholder="请选择单片号" style="width: 196px" :loading="optionLoading" remote
|
||
:remote-method="(query) => {
|
||
workFormQuery.singleProductId = query
|
||
initWorkOptions()
|
||
}" remote-show-suffix reserve-keyword clearable>
|
||
<el-option v-for="item in workOptions.singleProductId" :key="item" :label="item"
|
||
:value="item" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="料盒号" prop="boxNo">
|
||
<el-select v-model="workFormEntity.boxNo" filterable default-first-option
|
||
placeholder="请选择料盒号" style="width: 196px" :loading="optionLoading" remote
|
||
:remote-method="(query) => {
|
||
workFormQuery.boxNo = query
|
||
initWorkOptions()
|
||
}" remote-show-suffix reserve-keyword clearable>
|
||
<el-option v-for="item in workOptions.boxNo" :key="item" :label="item"
|
||
:value="item" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="原材料号" prop="goodsId">
|
||
<el-select v-model="workFormEntity.goodsId" filterable default-first-option
|
||
placeholder="请选择原材料号" style="width: 196px" :loading="optionLoading" remote
|
||
:remote-method="(query) => {
|
||
workFormQuery.goodsId = query
|
||
initWorkOptions()
|
||
}" remote-show-suffix reserve-keyword clearable>
|
||
<el-option v-for="item in workOptions.goodsId" :key="item" :label="item"
|
||
:value="item" />
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-row>
|
||
<el-row>
|
||
<el-button type="success"
|
||
style="height: 50px; width: 100px; margin: auto 5px auto 5px; font-size: large; color: black;"
|
||
@click="confirmStart()">确认配料</el-button>
|
||
<el-button type="warning"
|
||
style="height: 50px; width: 100px; margin: auto 5px auto 5px; font-size: large; color: black;"
|
||
@click="resetWorkFormQuery()">清除选择</el-button>
|
||
</el-row>
|
||
</div>
|
||
</el-form>
|
||
</fieldset>
|
||
<fieldset class="confirm-area">
|
||
<el-form ref="confirmRef" :model="confirmEntity" :label-position="labelPosition" label-width="158px"
|
||
style="max-width: 100%" :rules="confirmRules" status-icon>
|
||
<div style="display: flex; justify-content: space-between;">
|
||
<el-row>
|
||
<el-row style="border-bottom: dashed 1px black;">
|
||
<el-form-item label="工单号" prop="workOrder">
|
||
<el-input v-model="confirmEntity.workOrder" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="成品号" prop="productId">
|
||
<el-input v-model="confirmEntity.productId" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="单片号" prop="singleProductId">
|
||
<el-input v-model="confirmEntity.singleProductId" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="物料号" prop="goodsId">
|
||
<el-input v-model="confirmEntity.goodsId" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="料盒号" prop="boxNo">
|
||
<el-input v-model="confirmEntity.boxNo" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="计划拣选数量" prop="planPickQty">
|
||
<el-input v-model="confirmEntity.planPickQty" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="实际拣选数量" prop="realPickQty">
|
||
<el-input-number v-model.number="confirmEntity.realPickQty"
|
||
controls-position="right" :min="0" clearable @change="changePlanQty()" />
|
||
</el-form-item>
|
||
</el-row>
|
||
<el-row>
|
||
<el-form-item label="箱号" prop="vehicleId">
|
||
<el-input v-model="confirmEntity.vehicleId" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="存放区域" prop="putArea">
|
||
<el-input v-model="confirmEntity.putArea" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="计划剩余数量" prop="planRemainQty" v-if="confirmEntity.isOut != 1">
|
||
<el-input v-model="confirmEntity.planRemainQty" disabled />
|
||
</el-form-item>
|
||
<el-form-item label="实际剩余数量" prop="realRemainQty" v-if="confirmEntity.isOut != 1">
|
||
<el-input-number v-model.number="confirmEntity.realRemainQty"
|
||
controls-position="right" :min="0" clearable />
|
||
</el-form-item>
|
||
</el-row>
|
||
</el-row>
|
||
<el-row>
|
||
<el-button type="primary"
|
||
style="height: 50px; width: 100px; margin: auto 5px auto 5px; font-size: large; color: black;"
|
||
@click="showBoxSummary()">显示料盒</el-button>
|
||
<el-button type="success" ref="confirmReleaseBtn"
|
||
style="height: 50px; width: 100px; margin: auto 5px auto 5px; font-size: large; color: black;"
|
||
@click="confirmOrRelease()">确认/放行</el-button>
|
||
<el-button type="warning"
|
||
style="height: 50px; width: 100px; margin: auto 5px auto 5px; font-size: large; color: black;"
|
||
@click="requestPrint()">打印标签</el-button>
|
||
</el-row>
|
||
</div>
|
||
</el-form>
|
||
</fieldset>
|
||
<div class="table-area">
|
||
<el-table :data="currentBoxGoodsList" stripe border class="table-class" max-height="350px"
|
||
highlight-current-row :header-cell-style="{ 'text-align': 'center' }"
|
||
:cell-style="{ 'text-align': 'center' }" @sort-change="handleSortChange">
|
||
<el-table-column prop="goodsId" label="料号" min-width="120px" sortable="custom"
|
||
show-overflow-tooltip />
|
||
<el-table-column prop="needNum" label="需求数量" min-width="120px" sortable="custom"
|
||
show-overflow-tooltip />
|
||
<el-table-column prop="finishNum" label="已完成数量" min-width="120px" sortable="custom"
|
||
show-overflow-tooltip />
|
||
</el-table>
|
||
<br />
|
||
<el-pagination v-model:current-page="baseTableQuery.currentPage"
|
||
v-model:page-size="baseTableQuery.pageSize" :page-sizes="[5, 10, 15]" :small="false"
|
||
:disabled="false" :background="false" :default-page-size="5" @size-change="searchKittingGoods"
|
||
@current-change="searchKittingGoods" layout="total, sizes, prev, pager, next, jumper"
|
||
:total="baseTableQuery.total" />
|
||
</div>
|
||
<el-dialog v-model="boxShowFlag" title="料盒总览" width="50%" center :close="closeBoxSummary">
|
||
<span>料盒信息</span>
|
||
<el-table :data="boxSummary" stripe border class="table-class" max-height="200px"
|
||
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
|
||
<el-table-column prop="workOrder" label="工单号" fixed="left" />
|
||
<el-table-column prop="taoQty" label="套数" />
|
||
<el-table-column prop="productId" label="总成号" />
|
||
<el-table-column prop="singleProductId" label="成品/单片" />
|
||
<el-table-column prop="boxNo" label="料盒号" />
|
||
<el-table-column prop="boxQty" label="料盒数量" />
|
||
</el-table>
|
||
<span>缺料信息</span>
|
||
<el-table :data="goodsLackSummary" stripe border class="table-class" max-height="450px"
|
||
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
|
||
<el-table-column prop="goodsId" label="料号" fixed="left" />
|
||
<el-table-column prop="needNum" label="需求数量" />
|
||
<el-table-column prop="stockNum" label="库存数量" />
|
||
<el-table-column prop="lackNum" label="缺料数量" />
|
||
<el-table-column prop="remark" label="备注" />
|
||
</el-table>
|
||
</el-dialog>
|
||
<div style="width: 0;height: 0;overflow: hidden">
|
||
<button ref="printBtn" style="display: none;" v-print="printObj"></button>
|
||
<div id="printArea" class="objectDialogFlowPrint">
|
||
<div class="pageWarp" v-for="item in printTabs">
|
||
<div class="print-tab-text">
|
||
<div class="print-row-normal">工单：{{ item.workOrder }}</div>
|
||
<div class="print-row-normal">总成：{{ item.productId }}</div>
|
||
<div class="print-row-normal">单片：{{ item.singleProductId }}</div>
|
||
<div class="print-row-normal">配料：{{ item.kittingDate }}</div>
|
||
</div>
|
||
<div class="print-tab-text">
|
||
<div class="print-row-normal">测试台：{{ item.testNo }}</div>
|
||
<div class="print-row-normal">产量：{{ item.productionQty }}</div>
|
||
<div class="print-row-normal">料盒号：{{ item.boxNo }}</div>
|
||
<div class="print-row-normal">生产：{{ item.produceDate }}</div>
|
||
</div>
|
||
<div class="print-tab-image">
|
||
<qrcode-vue
|
||
:value="item.imageId"
|
||
:size="size" :foreground="color" level="H" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="width: 0;height: 0;overflow: hidden">
|
||
<button ref="printLackGoodsBtn" style="display: none;"
|
||
v-print="getPrintObj('printLackGoodsArea')"></button>
|
||
<div id="printLackGoodsArea" class="objectDialogFlowPrint">
|
||
<div class="pageWarp" v-for="item in lackGoodsForPrint">
|
||
<div class="print-tab-full">
|
||
<div class="print-row-big">料盒：{{ item.boxNo }}</div>
|
||
<div class="print-row-big">料号：{{ item.goodsId }}</div>
|
||
<div class="print-row-big">需求：{{ item.needNum }}</div>
|
||
<div class="print-row-big">缺料：{{ item.needNum - item.finishNum }}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-container>
|
||
</el-config-provider>
|
||
</template>
|
||
|
||
<script setup>
|
||
import store from '@/store'
|
||
import QrcodeVue from 'qrcode.vue'
|
||
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||
import { queryKateWorks, initWorks, getCurrentWorks, confirmCurrentWork, getBoxesAndLacks, queryWorkingGoodsByPage, getLackGoods } from '@/api/kateWork.js'
|
||
import { errorBox, successBox, warningBox } from '@/utils/myMessageBox.js'
|
||
import { ElMessage } from 'element-plus'
|
||
import { dateFormatter } from '@/utils/formatter.js'
|
||
import { nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
|
||
import { printObj, labelPosition, shortcuts, getPrintObj } from '@/constant/form'
|
||
import { loading } from '@/utils/loading'
|
||
import { genTableRequest } from '@/utils/generator.js'
|
||
import { useRoute } from 'vue-router'
|
||
const standId = store.getters.getStandId
|
||
const userName = store.getters.getUserName
|
||
let storeKittingWork = store.getters.getKittingWork
|
||
let timer = ref()
|
||
let optionLoading = ref(false)
|
||
let workOptions = reactive({
|
||
workOrder: [],
|
||
singleProductId: [],
|
||
boxNo: [],
|
||
goodsId: []
|
||
})
|
||
let workFormRef = ref()
|
||
let workFormEntity = reactive({
|
||
workOrder: '',
|
||
productIdOrigin: '',
|
||
productId: '',
|
||
singleProductId: '',
|
||
boxNo: '',
|
||
goodsId: '',
|
||
planStartDate: null
|
||
})
|
||
let workFormQuery = reactive({
|
||
workOrder: '',
|
||
singleProductId: '',
|
||
boxNo: '',
|
||
goodsId: '',
|
||
})
|
||
const rules = reactive({
|
||
workOrder: [
|
||
{ required: true, message: '请选择工单号。' }
|
||
]
|
||
})
|
||
let confirmRef = ref()
|
||
let confirmEntity = reactive({
|
||
workOrder: storeKittingWork.workOrder,
|
||
productId: storeKittingWork.productId,
|
||
singleProductId: storeKittingWork.singleProductId,
|
||
boxNo: storeKittingWork.boxNo
|
||
})
|
||
let confirmRules = reactive({})
|
||
let boxShowFlag = ref(false)
|
||
let boxSummary = ref([])
|
||
let goodsLackSummary = ref([])
|
||
let pauseGetWorkFlag = ref(false)
|
||
let printTabs = ref([])
|
||
let currentBoxGoodsList = ref([])
|
||
let baseTableQuery = reactive({
|
||
currentPage: 1,
|
||
pageSize: 5,
|
||
total: 0,
|
||
sortBy: new Map([['goodsId', true]]),// 按照料号顺序排序
|
||
standId: store.getters.getStandId,
|
||
userName: store.getters.getUserName
|
||
})
|
||
let lackGoodsForPrint = ref([])
|
||
const printBtn = ref()
|
||
const printLackGoodsBtn = ref()
|
||
const confirmReleaseBtn = ref()
|
||
const size = ref(35)
|
||
const color = ref('#000000')
|
||
const route = useRoute()// 路由
|
||
// 系统
|
||
onMounted(() => {
|
||
nextTick(() => {
|
||
initWorkOptions()
|
||
searchKittingGoods()
|
||
timer.value = setInterval(() => {
|
||
timerTask_1()
|
||
}, 1000)
|
||
// 监听enter键
|
||
window.addEventListener('keydown', solveEnterKey)
|
||
})
|
||
})
|
||
onBeforeUnmount(() => {
|
||
clearInterval(timer.value)
|
||
window.removeEventListener('keydown', solveEnterKey)
|
||
})
|
||
// 监视路由
|
||
watch(() => route.path, (newVal, oldVal) => {
|
||
if (newVal == '/kitting') {
|
||
timer.value = setInterval(() => {
|
||
timerTask_1()
|
||
}, 1000)
|
||
// 监听enter键
|
||
window.addEventListener('keydown', solveEnterKey)
|
||
} else {
|
||
clearInterval(timer.value)
|
||
window.removeEventListener('keydown', solveEnterKey)
|
||
}
|
||
})
|
||
watch(() => workFormEntity.workOrder, (newVal, oldVal) => {
|
||
if (newVal == '') {
|
||
workFormEntity.productIdOrigin = ''
|
||
workFormEntity.productId = ''
|
||
workFormEntity.singleProductId = ''
|
||
workFormEntity.boxNo = ''
|
||
workFormEntity.goodsId = ''
|
||
}
|
||
})
|
||
watch(() => workFormEntity.productId, (newVal, oldVal) => {
|
||
if (newVal != oldVal) {
|
||
workFormEntity.singleProductId = ''
|
||
workFormEntity.boxNo = ''
|
||
workFormEntity.goodsId = ''
|
||
}
|
||
})
|
||
watch(() => workFormEntity.singleProductId, (newVal, oldVal) => {
|
||
if (newVal != oldVal) {
|
||
workFormEntity.boxNo = ''
|
||
workFormEntity.goodsId = ''
|
||
}
|
||
})
|
||
watch(() => workFormEntity.boxNo, (newVal, oldVal) => {
|
||
if (newVal != oldVal) {
|
||
workFormEntity.goodsId = ''
|
||
}
|
||
})
|
||
// 定时器任务1
|
||
const timerTask_1 = () => {
|
||
// 查询工作
|
||
getWork()
|
||
// 判断是否需要显示料盒信息
|
||
ifNeedShowBoxSummary()
|
||
}
|
||
// 自定义方法
|
||
const solveEnterKey = (e) => {
|
||
if (e.key.toLocaleLowerCase() == 'enter') {
|
||
confirmReleaseBtn.value.$el.click()
|
||
}
|
||
}
|
||
// 初始化工单options
|
||
const initWorkOptions = () => {
|
||
const request = {
|
||
workOrder: workFormQuery.workOrder != '' ? workFormQuery.workOrder : workFormEntity.workOrder,
|
||
singleProductId: workFormQuery.singleProductId != '' ? workFormQuery.singleProductId : workFormEntity.singleProductId,
|
||
boxNo: workFormQuery.boxNo != '' ? workFormQuery.boxNo : workFormEntity.boxNo,
|
||
goodsId: workFormQuery.goodsId != '' ? workFormQuery.goodsId : workFormEntity.goodsId,
|
||
planStartDate: dateFormatter(workFormEntity.planStartDate)
|
||
}
|
||
optionLoading.value = true
|
||
queryKateWorks(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
workOptions.workOrder = response.data.workOrder
|
||
// 设置成品号
|
||
workFormEntity.productIdOrigin = response.data.productIdOrigin
|
||
workFormEntity.productId = response.data.productId
|
||
workOptions.singleProductId = response.data.singleProductId
|
||
workOptions.boxNo = response.data.boxNo
|
||
workOptions.goodsId = response.data.goodsId
|
||
} else {
|
||
workOptions.workOrder = []
|
||
// 重置成品号
|
||
workFormEntity.productIdOrigin = ''
|
||
workFormEntity.productId = ''
|
||
workOptions.singleProductId = []
|
||
workOptions.boxNo = []
|
||
workOptions.goodsId = []
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
errorBox('查询选项错误。')
|
||
}).finally(() => {
|
||
optionLoading.value = false
|
||
})
|
||
}
|
||
// 重置参数
|
||
const resetWorkFormQuery = () => {
|
||
workFormQuery.workOrder = ''
|
||
workFormQuery.singleProductId = ''
|
||
workFormQuery.boxNo = ''
|
||
workFormQuery.goodsId = ''
|
||
workFormEntity.workOrder = ''
|
||
workFormEntity.productIdOrigin = ''
|
||
workFormEntity.productId = ''
|
||
workFormEntity.singleProductId = ''
|
||
workFormEntity.boxNo = ''
|
||
workFormEntity.goodsId = ''
|
||
}
|
||
// 确认配料
|
||
const confirmStart = () => {
|
||
const request = {
|
||
workOrder: workFormEntity.workOrder,
|
||
singleProductId: workFormEntity.singleProductId,
|
||
boxNo: workFormEntity.boxNo,
|
||
goodsId: workFormEntity.goodsId,
|
||
standId: standId,
|
||
userName: userName
|
||
}
|
||
loading.open()
|
||
initWorks(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
ElMessage.success(response.message)
|
||
setTimeout(() => {
|
||
showBoxSummary()
|
||
searchKittingGoods()
|
||
}, 2000)
|
||
} else {
|
||
errorBox(response.message)
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
errorBox('请求错误。')
|
||
}).finally(() => {
|
||
loading.close()
|
||
})
|
||
}
|
||
// 显示料盒总览
|
||
const showBoxSummary = () => {
|
||
if (boxShowFlag.value) {
|
||
return
|
||
}
|
||
boxSummary.value = []
|
||
goodsLackSummary.value = []
|
||
// 请求
|
||
const request = {
|
||
standId: standId,
|
||
userName: userName
|
||
}
|
||
getBoxesAndLacks(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
const boxDetailVo = response.data
|
||
// 获得打印标签数据
|
||
getPrintTabs(boxDetailVo.boxSummary)
|
||
// 料盒显示数据
|
||
boxSummary.value = [boxDetailVo.boxSummary]
|
||
goodsLackSummary.value = boxDetailVo.goodsLackSummary
|
||
boxShowFlag.value = true
|
||
} else {
|
||
errorBox(response.message)
|
||
}
|
||
}).catch(error => {
|
||
console.log(error)
|
||
errorBox('发生异常：' + error)
|
||
})
|
||
}
|
||
// 关闭弹窗
|
||
const closeBoxSummary = () => {
|
||
boxSummary.value = []
|
||
goodsLackSummary.value = []
|
||
boxShowFlag.value = false
|
||
}
|
||
// 获取工作信息
|
||
const getWork = () => {
|
||
if (pauseGetWorkFlag.value) {
|
||
return
|
||
}
|
||
const request = {
|
||
standId: standId,
|
||
userName: userName
|
||
}
|
||
getCurrentWorks(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
// 设置form
|
||
confirmEntity.workIndex = response.data.orderConfirm.workIndex
|
||
confirmEntity.workOrder = response.data.orderConfirm.workOrder
|
||
confirmEntity.productId = response.data.orderConfirm.productId
|
||
confirmEntity.singleProductId = response.data.orderConfirm.singleProductId
|
||
confirmEntity.boxNo = response.data.orderConfirm.boxNo
|
||
confirmEntity.goodsId = response.data.orderConfirm.goodsId
|
||
confirmEntity.planPickQty = response.data.orderConfirm.planPickQty
|
||
confirmEntity.realPickQty = response.data.orderConfirm.realPickQty
|
||
confirmEntity.stockId = response.data.stockConfirm.stockId
|
||
confirmEntity.vehicleId = response.data.stockConfirm.vehicleId
|
||
confirmEntity.planRemainQty = response.data.stockConfirm.planRemainQty
|
||
confirmEntity.realRemainQty = response.data.stockConfirm.realRemainQty
|
||
confirmEntity.isOut = response.data.stockConfirm.isOut
|
||
confirmEntity.putArea = response.data.stockConfirm.putArea
|
||
confirmEntity.warningQty = response.data.stockConfirm.warningQty
|
||
pauseGetWorkFlag.value = true
|
||
// 如果剩余数量低于预警值，弹框报警
|
||
if (confirmEntity.isOut == 0 && confirmEntity.planRemainQty <= confirmEntity.warningQty) {
|
||
warningBox('剩余数量低于预警值，请清点库存数量。')
|
||
}
|
||
} else if (response.code == 400) {
|
||
// 警告，弹框
|
||
pauseGetWorkFlag.value = true
|
||
warningBox(response.message)
|
||
} else {
|
||
if (response.data != null && response.data.orderConfirm != null) {
|
||
confirmEntity.workOrder = response.data.orderConfirm.workOrder
|
||
confirmEntity.boxNo = response.data.orderConfirm.boxNo
|
||
confirmEntity.productId = response.data.orderConfirm.productId
|
||
confirmEntity.singleProductId = response.data.orderConfirm.singleProductId
|
||
} else {
|
||
confirmEntity.workOrder = ''
|
||
confirmEntity.boxNo = ''
|
||
confirmEntity.productId = ''
|
||
confirmEntity.singleProductId = ''
|
||
}
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
pauseGetWorkFlag.value = true
|
||
errorBox('请求错误，请检查完原因后刷新界面。')
|
||
})
|
||
}
|
||
// 是否弹出料盒界面
|
||
const ifNeedShowBoxSummary = () => {
|
||
if (storeKittingWork.workOrder != '') {
|
||
// 需要弹出上一个料盒的缺料打印信息
|
||
if (confirmEntity.workOrder != storeKittingWork.workOrder
|
||
|| confirmEntity.productId != storeKittingWork.productId
|
||
|| confirmEntity.singleProductId != storeKittingWork.singleProductId
|
||
|| confirmEntity.boxNo != storeKittingWork.boxNo) {
|
||
printLacks(storeKittingWork.workOrder, storeKittingWork.productId, storeKittingWork.singleProductId, storeKittingWork.boxNo)
|
||
if (confirmEntity.workOrder == '') {
|
||
// 说明当前工单工作已完成，需要弹框提示工作已完成
|
||
successBox('当前工单已完成。')
|
||
} else if (confirmEntity.boxNo != storeKittingWork.boxNo) {
|
||
// 前一个料盒已完成，需要弹框提示料盒已完成
|
||
showBoxSummary()
|
||
}
|
||
// 替换store
|
||
storeKittingWork.workOrder = confirmEntity.workOrder
|
||
storeKittingWork.productId = confirmEntity.productId
|
||
storeKittingWork.singleProductId = confirmEntity.singleProductId
|
||
storeKittingWork.boxNo = confirmEntity.boxNo
|
||
searchKittingGoods()
|
||
}
|
||
} else {
|
||
// 替换store
|
||
storeKittingWork.workOrder = confirmEntity.workOrder
|
||
storeKittingWork.productId = confirmEntity.productId
|
||
storeKittingWork.singleProductId = confirmEntity.singleProductId
|
||
storeKittingWork.boxNo = confirmEntity.boxNo
|
||
}
|
||
store.commit('mutationKittingWork', storeKittingWork)
|
||
}
|
||
// 确认放行
|
||
const confirmOrRelease = () => {
|
||
const request = {
|
||
orderConfirm: {
|
||
workIndex: confirmEntity.workIndex,
|
||
workOrder: confirmEntity.workOrder,
|
||
productId: confirmEntity.productId,
|
||
singleProductId: confirmEntity.singleProductId,
|
||
boxNo: confirmEntity.boxNo,
|
||
goodsId: confirmEntity.goodsId,
|
||
planPickQty: confirmEntity.planPickQty,
|
||
realPickQty: confirmEntity.realPickQty
|
||
},
|
||
stockConfirm: {
|
||
stockId: confirmEntity.stockId,
|
||
vehicleId: confirmEntity.vehicleId,
|
||
goodsId: confirmEntity.goodsId,
|
||
planRemainQty: confirmEntity.planRemainQty,
|
||
realRemainQty: confirmEntity.realRemainQty,
|
||
isOut: confirmEntity.isOut,
|
||
putArea: confirmEntity.putArea
|
||
},
|
||
standId: standId,
|
||
userName: userName
|
||
}
|
||
confirmCurrentWork(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
// 设置form
|
||
resetConfirmEntity()
|
||
// 继续刷新
|
||
pauseGetWorkFlag.value = false
|
||
ElMessage.success(response.message)
|
||
} else if (response.code == 400) {
|
||
// 设置form
|
||
resetConfirmEntity()
|
||
// 警告
|
||
pauseGetWorkFlag.value = false
|
||
warningBox(response.message)
|
||
} else {
|
||
// 错误
|
||
errorBox(response.message)
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
errorBox('请求错误，请检查完原因后刷新界面。')
|
||
}).finally(() => {
|
||
// 刷新一下物料显示
|
||
searchKittingGoods()
|
||
})
|
||
}
|
||
const resetConfirmEntity = () => {
|
||
confirmEntity.workIndex = ''
|
||
confirmEntity.goodsId = ''
|
||
confirmEntity.planPickQty = null
|
||
confirmEntity.realPickQty = null
|
||
confirmEntity.stockId = ''
|
||
confirmEntity.vehicleId = ''
|
||
confirmEntity.planRemainQty = null
|
||
confirmEntity.realRemainQty = null
|
||
confirmEntity.isOut = null
|
||
confirmEntity.putArea = ''
|
||
confirmEntity.warningQty = null
|
||
}
|
||
// 当拣选数量修改时，要对应的修改
|
||
const changePlanQty = () => {
|
||
if (confirmEntity.isOut == 0 && confirmEntity.realPickQty != confirmEntity.planPickQty) {
|
||
// 修正量
|
||
const changeQty = confirmEntity.realPickQty - confirmEntity.planPickQty
|
||
// 修正实际剩余数量
|
||
confirmEntity.realRemainQty = confirmEntity.planRemainQty - changeQty
|
||
}
|
||
}
|
||
const requestPrint = () => {
|
||
nextTick(() => {
|
||
printBtn.value.click()
|
||
});
|
||
}
|
||
// 获得打印数据
|
||
const getPrintTabs = (boxSummary) => {
|
||
printTabs.value = []
|
||
if (boxSummary != undefined) {
|
||
for (let i = 1; i <= boxSummary.boxQty; i++) {
|
||
printTabs.value.push(
|
||
{
|
||
workOrder: boxSummary.workOrder,
|
||
productId: boxSummary.productIdOrigin,
|
||
singleProductId: boxSummary.singleProductId,
|
||
boxNo: boxSummary.boxNo,
|
||
kittingDate: boxSummary.kittingDate,
|
||
produceDate: boxSummary.produceDate,
|
||
testNo: boxSummary.testNo,
|
||
productionQty: boxSummary.productionQty,
|
||
imageId: boxSummary.imageId,
|
||
}
|
||
)
|
||
}
|
||
}
|
||
}
|
||
// 查询配料单
|
||
const searchKittingGoods = () => {
|
||
let request = genTableRequest(baseTableQuery)
|
||
request.workOrder = confirmEntity.workOrder
|
||
request.productId = confirmEntity.productId
|
||
request.singleProductId = confirmEntity.singleProductId
|
||
request.boxNo = confirmEntity.boxNo
|
||
queryWorkingGoodsByPage(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
const data = response.data
|
||
if (data != null) {
|
||
currentBoxGoodsList.value = data.lists
|
||
baseTableQuery.total = data.total
|
||
} else {
|
||
currentBoxGoodsList.value = []
|
||
baseTableQuery.total = 0
|
||
}
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
})
|
||
|
||
}
|
||
// 处理排序
|
||
const handleSortChange = (data) => {
|
||
if (baseTableQuery.sortBy.has(data.prop)) {
|
||
baseTableQuery.sortBy.delete(data.prop)
|
||
}
|
||
baseTableQuery.sortBy.set(data.prop, data.order == 'ascending')
|
||
searchKittingGoods()
|
||
}
|
||
// 打印上一个料盒的缺料信息
|
||
const printLacks = (workOrder, productId, singleProductId, boxNo) => {
|
||
const request = {
|
||
workOrder: workOrder,
|
||
productId: productId,
|
||
singleProductId: singleProductId,
|
||
boxNo: boxNo,
|
||
standId: standId,
|
||
userName: userName
|
||
}
|
||
getLackGoods(request).then(res => {
|
||
const response = res.data
|
||
if (response.code == 0) {
|
||
lackGoodsForPrint.value = response.data
|
||
nextTick(() => {
|
||
printLackGoodsBtn.value.click()
|
||
});
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
})
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
.content {
|
||
display: flex;
|
||
width: 100%;
|
||
}
|
||
|
||
.work-area {
|
||
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;
|
||
padding: 10px;
|
||
}
|
||
|
||
.confirm-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;
|
||
padding: 10px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.table-area {
|
||
margin: auto;
|
||
min-height: fit-content;
|
||
max-height: 60%;
|
||
margin-bottom: 10px;
|
||
min-width: inherit;
|
||
border: solid 1px;
|
||
border-radius: 10px;
|
||
box-shadow: 0px 15px 10px -15px #000;
|
||
overflow: auto;
|
||
padding: 10px;
|
||
}
|
||
|
||
.el-form-item {
|
||
margin: 10px 5px 10px 5px;
|
||
}
|
||
|
||
.el-form-item .el-input {
|
||
width: 196px;
|
||
}
|
||
|
||
.table-class {
|
||
margin: 5px 5px 5px 5px;
|
||
width: inherit;
|
||
}
|
||
|
||
@media print {
|
||
@page {
|
||
size: auto;
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
|
||
body,
|
||
html {
|
||
height: auto !important;
|
||
}
|
||
}
|
||
|
||
.objectDialogFlowPrint {
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
|
||
.objectDialogFlowPrint .pageWarp {
|
||
/*这句话很重要，控制时候强制分页 https://www.w3school.com.cn/cssref/pr_page-break-after.asp*/
|
||
page-break-after: always;
|
||
width: 100%;
|
||
height: 100%;
|
||
text-align: center;
|
||
padding: 0;
|
||
display: flex;
|
||
print-color-adjust: exact;
|
||
}
|
||
|
||
.print-tab-text {
|
||
width: 40%;
|
||
align-content: center;
|
||
}
|
||
|
||
.print-tab-image {
|
||
width: 20%;
|
||
align-content: center;
|
||
}
|
||
|
||
.print-row-normal {
|
||
margin: 8px 3px 8px 3px;
|
||
font-size: 13px;
|
||
font-weight: bold;
|
||
text-align: left;
|
||
}
|
||
|
||
.print-tab-full {
|
||
width: 90%;
|
||
align-content: center;
|
||
}
|
||
|
||
.print-row-big {
|
||
margin: 8px 3px 8px 3px;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
text-align: left;
|
||
}
|
||
</style> |