| | |
| | | :page="page" |
| | | :tableLoading="tableLoading" |
| | | @pagination="pagination"> |
| | | <template #completionStatus="{ row }"> |
| | | <el-progress :percentage="toProgressPercentage(row?.completionStatus)" :color="progressColor(toProgressPercentage(row?.completionStatus))" :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" /> |
| | | </template> |
| | | </PIMTable> |
| | | <template #completionStatus="{ row }"> |
| | | <el-progress :percentage="toProgressPercentage(row?.completionStatus)" |
| | | :color="progressColor(toProgressPercentage(row?.completionStatus))" |
| | | :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" /> |
| | | </template> |
| | | </PIMTable> |
| | | </div> |
| | | <el-dialog v-model="editDialogVisible" |
| | | title="编辑时间" |
| | |
| | | transferCardRowData.status |
| | | }}</span> |
| | | </div> --> |
| | | |
| | | <div class="info-item"> |
| | | <span class="info-label">计划开始时间</span> |
| | | <span class="info-value">{{ transferCardRowData.planStartTime }}</span> |
| | |
| | | readonly |
| | | style="width: 300px" /> |
| | | </el-form-item> |
| | | <el-form-item label="本次生产数量" prop="quantity"> |
| | | <el-form-item label="本次生产数量" |
| | | prop="quantity"> |
| | | <el-input v-model.number="reportForm.quantity" |
| | | type="number" |
| | | min="1" |
| | |
| | | placeholder="请输入本次生产数量" |
| | | @input="handleQuantityInput" /> |
| | | </el-form-item> |
| | | <el-form-item label="报废数量" prop="scrapQty"> |
| | | <el-form-item label="报废数量" |
| | | prop="scrapQty"> |
| | | <el-input v-model.number="reportForm.scrapQty" |
| | | type="number" |
| | | min="0" |
| | |
| | | @change="handleUserChange"> |
| | | <el-option v-for="user in userOptions" |
| | | :key="user.userId" |
| | | :label="user.userName" |
| | | :label="user.nickName" |
| | | :value="user.userId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | userId: "", |
| | | productMainId: null, |
| | | }); |
| | | |
| | | |
| | | // 本次生产数量验证规则 |
| | | const validateQuantity = (rule, value, callback) => { |
| | | if (value === null || value === undefined || value === '') { |
| | | callback(new Error('请输入本次生产数量')); |
| | | if (value === null || value === undefined || value === "") { |
| | | callback(new Error("请输入本次生产数量")); |
| | | return; |
| | | } |
| | | const num = Number(value); |
| | | // 整数且大于等于1 |
| | | if (isNaN(num) || !Number.isInteger(num) || num < 1) { |
| | | callback(new Error('本次生产数量必须大于等于1')); |
| | | callback(new Error("本次生产数量必须大于等于1")); |
| | | return; |
| | | } |
| | | callback(); |
| | | }; |
| | | |
| | | |
| | | // 报废数量验证规则 |
| | | const validateScrapQty = (rule, value, callback) => { |
| | | if (value === null || value === undefined || value === '') { |
| | | if (value === null || value === undefined || value === "") { |
| | | callback(); |
| | | return; |
| | | } |
| | | const num = Number(value); |
| | | // 整数且大于等于0 |
| | | if (isNaN(num) || !Number.isInteger(num) || num < 0) { |
| | | callback(new Error('报废数量必须大于等于0')); |
| | | callback(new Error("报废数量必须大于等于0")); |
| | | return; |
| | | } |
| | | callback(); |
| | | }; |
| | | |
| | | |
| | | // 验证规则 |
| | | const reportFormRules = { |
| | | quantity: [ |
| | | { required: true, validator: validateQuantity, trigger: 'blur' } |
| | | ], |
| | | scrapQty: [ |
| | | { validator: validateScrapQty, trigger: 'blur' } |
| | | ] |
| | | quantity: [{ required: true, validator: validateQuantity, trigger: "blur" }], |
| | | scrapQty: [{ validator: validateScrapQty, trigger: "blur" }], |
| | | }; |
| | | |
| | | |
| | | // 处理本次生产数量输入,限制必须大于等于1 |
| | | const handleQuantityInput = (value) => { |
| | | if (value === '' || value === null || value === undefined) { |
| | | const handleQuantityInput = value => { |
| | | if (value === "" || value === null || value === undefined) { |
| | | reportForm.quantity = null; |
| | | return; |
| | | } |
| | |
| | | } |
| | | reportForm.quantity = num; |
| | | }; |
| | | |
| | | |
| | | // 处理报废数量 |
| | | const handleScrapQtyInput = (value) => { |
| | | if (value === '' || value === null || value === undefined) { |
| | | const handleScrapQtyInput = value => { |
| | | if (value === "" || value === null || value === undefined) { |
| | | reportForm.scrapQty = null; |
| | | return; |
| | | } |
| | |
| | | |
| | | // 创建 Blob URL |
| | | const fileBlob = |
| | | blob instanceof Blob ? blob : new Blob([blob], { type: blob.type || "application/octet-stream" }); |
| | | blob instanceof Blob |
| | | ? blob |
| | | : new Blob([blob], { type: blob.type || "application/octet-stream" }); |
| | | const url = window.URL.createObjectURL(fileBlob); |
| | | |
| | | // 创建隐藏 iframe,用于触发浏览器打印 |
| | |
| | | const showReportDialog = row => { |
| | | currentReportRowData.value = row; |
| | | reportForm.planQuantity = row.planQuantity; |
| | | reportForm.quantity = row.quantity !== undefined && row.quantity !== null ? row.quantity : null; |
| | | reportForm.quantity = |
| | | row.quantity !== undefined && row.quantity !== null ? row.quantity : null; |
| | | reportForm.productProcessRouteItemId = row.productProcessRouteItemId; |
| | | reportForm.workOrderId = row.id; |
| | | reportForm.reportWork = row.reportWork; |
| | | reportForm.productMainId = row.productMainId; |
| | | reportForm.scrapQty = row.scrapQty !== undefined && row.scrapQty !== null ? row.scrapQty : null; |
| | | reportForm.scrapQty = |
| | | row.scrapQty !== undefined && row.scrapQty !== null ? row.scrapQty : null; |
| | | nextTick(() => { |
| | | reportFormRef.value?.clearValidate(); |
| | | }); |
| | |
| | | .then(res => { |
| | | if (res.code === 200) { |
| | | reportForm.userId = res.data.userId; |
| | | reportForm.userName = res.data.userName; |
| | | reportForm.userName = res.data.nickName; |
| | | } |
| | | }) |
| | | .catch(err => { |
| | |
| | | }; |
| | | |
| | | const handleReport = () => { |
| | | reportFormRef.value?.validate((valid) => { |
| | | reportFormRef.value?.validate(valid => { |
| | | if (!valid) { |
| | | return false; |
| | | } |
| | | |
| | | |
| | | if (reportForm.planQuantity <= 0) { |
| | | ElMessageBox.alert("待生产数量为0,无法报工", "提示", { |
| | | confirmButtonText: "确定", |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | |
| | | // 验证本次生产数量 |
| | | if (reportForm.quantity === null || reportForm.quantity === undefined || reportForm.quantity === '') { |
| | | if ( |
| | | reportForm.quantity === null || |
| | | reportForm.quantity === undefined || |
| | | reportForm.quantity === "" |
| | | ) { |
| | | ElMessageBox.alert("请输入本次生产数量", "提示", { |
| | | confirmButtonText: "确定", |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | |
| | | const quantity = Number(reportForm.quantity); |
| | | const scrapQty = reportForm.scrapQty === null || reportForm.scrapQty === undefined || reportForm.scrapQty === '' |
| | | ? 0 |
| | | : Number(reportForm.scrapQty); |
| | | |
| | | const scrapQty = |
| | | reportForm.scrapQty === null || |
| | | reportForm.scrapQty === undefined || |
| | | reportForm.scrapQty === "" |
| | | ? 0 |
| | | : Number(reportForm.scrapQty); |
| | | |
| | | // 本次生产数量 |
| | | if (isNaN(quantity) || !Number.isInteger(quantity) || quantity < 1) { |
| | | ElMessageBox.alert("本次生产数量必须大于等于1", "提示", { |
| | |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | |
| | | // 报废数量必须是整数且大于等于0 |
| | | if (isNaN(scrapQty) || !Number.isInteger(scrapQty) || scrapQty < 0) { |
| | | ElMessageBox.alert("报废数量必须大于等于0", "提示", { |
| | |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | |
| | | if (quantity > reportForm.planQuantity) { |
| | | ElMessageBox.alert("本次生产数量不能超过待生产数量", "提示", { |
| | | confirmButtonText: "确定", |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | |
| | | const submitData = { |
| | | ...reportForm, |
| | | quantity: quantity, |
| | | scrapQty: scrapQty |
| | | scrapQty: scrapQty, |
| | | }; |
| | | |
| | | |
| | | // console.log(submitData); |
| | | addProductMain(submitData).then(res => { |
| | | if (res.code === 200) { |
| | |
| | | }; |
| | | |
| | | // 用户选择变化时更新 userName |
| | | const handleUserChange = (userId) => { |
| | | const handleUserChange = userId => { |
| | | if (userId) { |
| | | const selectedUser = userOptions.value.find(user => user.userId === userId); |
| | | if (selectedUser) { |
| | | reportForm.userName = selectedUser.userName; |
| | | reportForm.userName = selectedUser.nickName; |
| | | } |
| | | } else { |
| | | reportForm.userName = ""; |