From 217cda7380e07a355053e6ca34fb77334248b7db Mon Sep 17 00:00:00 2001
From: chenhj <1263187585@qq.com>
Date: 星期三, 25 三月 2026 17:23:13 +0800
Subject: [PATCH] feat(productionOrder): 添加生产订单结束功能并优化界面组件
---
src/views/productionManagement/workOrder/index.vue | 473 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 424 insertions(+), 49 deletions(-)
diff --git a/src/views/productionManagement/workOrder/index.vue b/src/views/productionManagement/workOrder/index.vue
index fddcb30..b9df112 100644
--- a/src/views/productionManagement/workOrder/index.vue
+++ b/src/views/productionManagement/workOrder/index.vue
@@ -24,10 +24,12 @@
: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="缂栬緫鏃堕棿"
@@ -104,7 +106,6 @@
transferCardRowData.status
}}</span>
</div> -->
-
<div class="info-item">
<span class="info-label">璁″垝寮�濮嬫椂闂�</span>
<span class="info-value">{{ transferCardRowData.planStartTime }}</span>
@@ -120,7 +121,7 @@
</div>
<div class="info-group">
<div class="info-item">
- <span class="info-label">闇�姹傛暟閲�</span>
+ <span class="info-label">棰勮鐢熶骇鏁伴噺</span>
<span class="info-value">{{ transferCardRowData.planQuantity }}</span>
</div>
<div class="info-item">
@@ -166,26 +167,54 @@
<el-dialog v-model="reportDialogVisible"
title="鎶ュ伐"
width="500px">
- <el-form :model="reportForm"
+ <el-form ref="reportFormRef"
+ :model="reportForm"
+ :rules="reportFormRules"
label-width="120px">
<el-form-item label="寰呯敓浜ф暟閲�">
<el-input v-model="reportForm.planQuantity"
readonly
style="width: 300px" />
</el-form-item>
- <el-form-item label="鏈鐢熶骇鏁伴噺">
+ <el-form-item label="鎶曞叆鎬婚噺(kg)"
+ prop="totalInvestment">
+ <el-input v-model.number="reportForm.totalInvestment"
+ type="number"
+ min="1"
+ step="1"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ユ姇鍏ユ�婚噺"
+ @input="handleTotalInvestmentInput" />
+ </el-form-item>
+ <el-form-item label="鏈鐢熶骇鏁伴噺"
+ prop="quantity">
<el-input v-model.number="reportForm.quantity"
type="number"
min="1"
+ step="1"
style="width: 300px"
- placeholder="璇疯緭鍏ユ湰娆＄敓浜ф暟閲�" />
+ placeholder="璇疯緭鍏ユ湰娆＄敓浜ф暟閲�"
+ @input="handleQuantityInput" />
</el-form-item>
- <el-form-item label="鎶ュ簾鏁伴噺">
+ <el-form-item label="鎶ュ簾鏁伴噺"
+ prop="scrapQty">
<el-input v-model.number="reportForm.scrapQty"
type="number"
- min="1"
+ min="0"
+ step="1"
style="width: 300px"
- placeholder="璇疯緭鍏ユ姤搴熸暟閲�" />
+ placeholder="璇疯緭鍏ユ姤搴熸暟閲�"
+ @input="handleScrapQtyInput" />
+ </el-form-item>
+ <el-form-item label="妫�鍝佹暟閲�"
+ prop="inspectedQuantity">
+ <el-input v-model.number="reportForm.inspectedQuantity"
+ type="number"
+ min="0"
+ step="1"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ユ鍝佹暟閲�"
+ @input="handleInspectedQuantity"/>
</el-form-item>
<el-form-item label="鐝粍淇℃伅">
<el-select v-model="reportForm.userId"
@@ -196,10 +225,34 @@
@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>
+ <el-form-item label="璁惧閫夋嫨">
+ <el-select v-model="reportForm.deviceId"
+ style="width: 300px"
+ placeholder="璇烽�夋嫨璁惧"
+ clearable
+ filterable
+ @change="handleDeviceChange">
+ <el-option v-for="device in deviceOptions"
+ :key="device.id"
+ :label="device.deviceName"
+ :value="device.id" />
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="currentDevice" label="璁惧缂栧彿">
+ <el-input v-model="currentDevice.deviceCode"
+ disabled
+ style="width: 300px" />
+ </el-form-item>
+ <el-form-item v-if="currentDevice" label="杞暟">
+ <el-input v-model="currentDevice.rpm"
+ disabled
+ style="width: 300px" />
+ </el-form-item>
+ <ProductionRecordForm ref="productionRecordFormRef" :list="processParamList"/>
</el-form>
<template #footer>
<span class="dialog-footer">
@@ -214,7 +267,7 @@
</template>
<script setup>
- import { onMounted, ref } from "vue";
+ import { onMounted, ref, nextTick, computed } from "vue";
import { ElMessageBox } from "element-plus";
import dayjs from "dayjs";
import {
@@ -224,10 +277,17 @@
downProductWorkOrder,
} from "@/api/productionManagement/workOrder.js";
import { getUserProfile, userListNoPageByTenantId } from "@/api/system/user.js";
+ import { getBindDevices } from "@/api/productionManagement/productionProcess.js";
import QRCode from "qrcode";
import { getCurrentInstance, reactive, toRefs } from "vue";
import FilesDia from "./components/filesDia.vue";
+ import {
+ listPage as listProcessParamPage,
+ } from "@/api/productionManagement/productProcessParameter.js";
+
const { proxy } = getCurrentInstance();
+
+ const ProductionRecordForm = defineAsyncComponent(() => import("./components/ProductionRecordForm.vue"));
const tableColumn = ref([
{
@@ -255,6 +315,10 @@
prop: "model",
},
{
+ label: "UID鐮�",
+ prop: "uidNo",
+ },
+ {
label: "鍗曚綅",
prop: "unit",
},
@@ -263,7 +327,11 @@
prop: "processName",
},
{
- label: "闇�姹傛暟閲�",
+ label: "鎶曞叆鎬婚噺(kg)",
+ prop: "totalInvestment",
+ },
+ {
+ label: "棰勮鐢熶骇鏁伴噺",
prop: "planQuantity",
width: "140",
},
@@ -329,7 +397,7 @@
clickFun: row => {
showReportDialog(row);
},
- disabled: row => row.planQuantity <= 0,
+ disabled: row => row.planQuantity <= 0 || row.productOrderIsEnd,
},
],
},
@@ -345,17 +413,213 @@
const transferCardRowData = ref(null);
const reportDialogVisible = ref(false);
const workOrderFilesRef = ref(null);
+ const reportFormRef = ref(null);
const userOptions = ref([]);
+ const deviceOptions = ref([]);
const reportForm = reactive({
planQuantity: 0,
- quantity: 0,
+ totalInvestment: 0,
+ quantity: null,
+ scrapQty: null,
+ inspectedQuantity: null,
userName: "",
workOrderId: "",
reportWork: "",
productProcessRouteItemId: "",
userId: "",
productMainId: null,
+ deviceId: null,
+ otherData: {
+ rows: []
+ },
});
+ const productionRecordFormRef = ref();
+
+ const currentDevice = computed(() => {
+ if (!reportForm.deviceId) return null;
+ return deviceOptions.value.find(device => device.id === reportForm.deviceId) || null;
+ });
+
+ // 鎶曞叆鎬婚噺楠岃瘉瑙勫垯
+ const validateTotalInvestment = (rule, value, callback) => {
+ if (value === null || value === undefined || value === "") {
+ callback(new Error("璇疯緭鍏ユ姇鍏ユ�婚噺"));
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num) || !Number.isInteger(num) || num < 1) {
+ callback(new Error("鎶曞叆鎬婚噺蹇呴』澶т簬绛変簬1"));
+ return;
+ }
+ if (reportForm.quantity !== null && reportForm.quantity !== undefined && reportForm.quantity !== "") {
+ if (num < Number(reportForm.quantity)) {
+ callback(new Error("鎶曞叆鎬婚噺蹇呴』澶т簬鏈鐢熶骇鏁伴噺"));
+ return;
+ }
+ }
+ callback();
+ };
+
+ // 鏈鐢熶骇鏁伴噺楠岃瘉瑙勫垯
+ const validateQuantity = (rule, value, callback) => {
+ if (value === null || value === undefined || value === "") {
+ callback(new Error("璇疯緭鍏ユ湰娆＄敓浜ф暟閲�"));
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num) || !Number.isInteger(num) || num < 1) {
+ callback(new Error("鏈鐢熶骇鏁伴噺蹇呴』澶т簬绛変簬1"));
+ return;
+ }
+ if (reportForm.totalInvestment !== null && reportForm.totalInvestment !== undefined && reportForm.totalInvestment !== "") {
+ if (num > Number(reportForm.totalInvestment)) {
+ callback(new Error("鏈鐢熶骇鏁伴噺蹇呴』灏忎簬鎶曞叆鎬婚噺"));
+ return;
+ }
+ }
+ callback();
+ };
+
+ // 鎶ュ簾鏁伴噺楠岃瘉瑙勫垯
+ const validateScrapQty = (rule, value, callback) => {
+ 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"));
+ return;
+ }
+ callback();
+ };
+
+ // 楠岃瘉瑙勫垯
+ const reportFormRules = {
+ totalInvestment: [{ required: true, validator: validateTotalInvestment, trigger: "blur" }],
+ quantity: [{ required: true, validator: validateQuantity, trigger: "blur" }],
+ scrapQty: [{ validator: validateScrapQty, trigger: "blur" }],
+ };
+
+ // 澶勭悊鎶曞叆鎬婚噺杈撳叆
+ const handleTotalInvestmentInput = value => {
+ if (value === "" || value === null || value === undefined) {
+ reportForm.totalInvestment = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num)) {
+ return;
+ }
+ if (num < 1) {
+ reportForm.totalInvestment = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ if (!Number.isInteger(num)) {
+ const intValue = Math.floor(num);
+ if (intValue < 1) {
+ reportForm.totalInvestment = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ reportForm.totalInvestment = intValue;
+ } else {
+ reportForm.totalInvestment = num;
+ }
+ // 濡傛灉 quantity 鏈夊�硷紝鑷姩璁＄畻 scrapQty = totalInvestment - quantity
+ if (reportForm.quantity !== null && reportForm.quantity !== undefined && reportForm.quantity !== "") {
+ const total = Number(reportForm.totalInvestment);
+ const qty = Number(reportForm.quantity);
+ if (total > qty) {
+ reportForm.scrapQty = total - qty;
+ } else {
+ reportForm.scrapQty = null;
+ }
+ }
+ };
+
+ // 澶勭悊鏈鐢熶骇鏁伴噺杈撳叆锛岄檺鍒跺繀椤诲ぇ浜庣瓑浜�1
+ const handleQuantityInput = value => {
+ if (value === "" || value === null || value === undefined) {
+ reportForm.quantity = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num)) {
+ return;
+ }
+ if (num < 1) {
+ reportForm.quantity = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ if (!Number.isInteger(num)) {
+ const intValue = Math.floor(num);
+ if (intValue < 1) {
+ reportForm.quantity = null;
+ reportForm.scrapQty = null;
+ return;
+ }
+ reportForm.quantity = intValue;
+ } else {
+ reportForm.quantity = num;
+ }
+ // 濡傛灉 totalInvestment 鏈夊�硷紝鑷姩璁＄畻 scrapQty = totalInvestment - quantity
+ if (reportForm.totalInvestment !== null && reportForm.totalInvestment !== undefined && reportForm.totalInvestment !== "") {
+ const total = Number(reportForm.totalInvestment);
+ const qty = Number(reportForm.quantity);
+ if (total > qty) {
+ reportForm.scrapQty = total - qty;
+ } else {
+ reportForm.scrapQty = null;
+ }
+ }
+ };
+
+ // 澶勭悊鎶ュ簾鏁伴噺
+ const handleScrapQtyInput = value => {
+ if (value === "" || value === null || value === undefined) {
+ reportForm.scrapQty = null;
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num)) {
+ return;
+ }
+ if (num < 0) {
+ reportForm.scrapQty = null;
+ return;
+ }
+ if (!Number.isInteger(num)) {
+ reportForm.scrapQty = Math.floor(num);
+ return;
+ }
+ reportForm.scrapQty = num;
+ };
+
+ const handleInspectedQuantity = value => {
+ if (value === "" || value === null || value === undefined) {
+ reportForm.inspectedQuantity = null;
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num)) {
+ return;
+ }
+ if (num < 0) {
+ reportForm.inspectedQuantity = null;
+ return;
+ }
+ if (!Number.isInteger(num)) {
+ reportForm.inspectedQuantity = Math.floor(num);
+ return;
+ }
+ reportForm.inspectedQuantity = num;
+ };
const currentReportRowData = ref(null);
const page = reactive({
current: 1,
@@ -430,7 +694,9 @@
// 鍒涘缓 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锛岀敤浜庤Е鍙戞祻瑙堝櫒鎵撳嵃
@@ -491,21 +757,49 @@
});
};
- const showReportDialog = row => {
+ const processParamPage = reactive({
+ current: 1,
+ size: 9999,
+ total: 0,
+ });
+ const getProcessParamList = async (row) => {
+ const params = {
+ processId: row.processId,
+ ...processParamPage,
+ };
+ const res = await listProcessParamPage(params)
+ return res.data.records
+ };
+
+ const processParamList = ref([])
+ const showReportDialog = async row => {
currentReportRowData.value = row;
+ processParamList.value = await getProcessParamList(row)
reportForm.planQuantity = row.planQuantity;
- reportForm.quantity = row.quantity;
+ reportForm.totalInvestment = row.totalInvestment;
+ 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;
+ reportForm.inspectedQuantity = row.inspectedQuantity;
+ reportForm.scrapQty =
+ row.scrapQty !== undefined && row.scrapQty !== null ? row.scrapQty : null;
+ reportForm.deviceId = row.deviceId || null;
+
+ // 鑾峰彇宸ュ簭缁戝畾璁惧鍒楄〃
+ getDeviceList(row.processId);
+
+ nextTick(() => {
+ reportFormRef.value?.clearValidate();
+ });
// 鑾峰彇褰撳墠鐧诲綍鐢ㄦ埛淇℃伅锛岃缃负榛樿閫変腑
getUserProfile()
.then(res => {
if (res.code === 200) {
reportForm.userId = res.data.userId;
- reportForm.userName = res.data.userName;
+ reportForm.userName = res.data.nickName;
}
})
.catch(err => {
@@ -519,36 +813,94 @@
workOrderFilesRef.value?.openDialog(row);
};
- const handleReport = () => {
- if (reportForm.planQuantity <= 0) {
- ElMessageBox.alert("寰呯敓浜ф暟閲忎负0锛屾棤娉曟姤宸�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- });
+ const handleReport = async () => {
+ try {
+ const data = await productionRecordFormRef.value.submitData();
+ console.log("鐢熶骇璁板綍琛ㄥ崟鏁版嵁:", data);
+ reportForm.otherData.rows = data || [];
+ } catch (error) {
+ console.error("鑾峰彇鐢熶骇璁板綍琛ㄥ崟鏁版嵁澶辫触", error);
return;
}
- if (!reportForm.quantity || reportForm.quantity <= 0) {
- ElMessageBox.alert("璇疯緭鍏ユ湁鏁堢殑鏈鐢熶骇鏁伴噺", "鎻愮ず", {
- confirmButtonText: "纭畾",
- });
- return;
- }
- if (reportForm.quantity > reportForm.planQuantity) {
- ElMessageBox.alert("鏈鐢熶骇鏁伴噺涓嶈兘瓒呰繃寰呯敓浜ф暟閲�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- });
- return;
- }
- // console.log(reportForm);
- addProductMain(reportForm).then(res => {
- if (res.code === 200) {
- proxy.$modal.msgSuccess("鎶ュ伐鎴愬姛");
- reportDialogVisible.value = false;
- getList();
- } else {
- ElMessageBox.alert(res.msg || "鎶ュ伐澶辫触", "鎻愮ず", {
+
+ 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 === ""
+ ) {
+ ElMessageBox.alert("璇疯緭鍏ユ湰娆＄敓浜ф暟閲�", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
+ return;
+ }
+
+ const quantity = Number(reportForm.quantity);
+ 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", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
+ return;
+ }
+
+ // 鎶ュ簾鏁伴噺蹇呴』鏄暣鏁颁笖澶т簬绛変簬0
+ if (isNaN(scrapQty) || !Number.isInteger(scrapQty) || scrapQty < 0) {
+ ElMessageBox.alert("鎶ュ簾鏁伴噺蹇呴』澶т簬绛変簬0", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
+ return;
+ }
+
+ // if (quantity > reportForm.planQuantity) {
+ // ElMessageBox.alert("鏈鐢熶骇鏁伴噺涓嶈兘瓒呰繃寰呯敓浜ф暟閲�", "鎻愮ず", {
+ // confirmButtonText: "纭畾",
+ // });
+ // return;
+ // }
+
+ const submitData = {
+ ...reportForm,
+ quantity: quantity,
+ scrapQty: scrapQty,
+ otherData: JSON.stringify(reportForm.otherData)
+ };
+
+ addProductMain(submitData).then(res => {
+ if (res.code === 200) {
+ proxy.$modal.msgSuccess("鎶ュ伐鎴愬姛");
+ reportDialogVisible.value = false;
+ getList();
+ } else {
+ ElMessageBox.alert(res.msg || "鎶ュ伐澶辫触", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
+ }
+ }).catch(err => {
+ console.error("鎶ュ伐澶辫触", err);
+ ElMessageBox.alert("鎶ュ伐澶辫触", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
+ });
});
};
@@ -565,18 +917,41 @@
});
};
+ // 鑾峰彇璁惧鍒楄〃
+ const getDeviceList = (processId) => {
+ if (!processId) {
+ deviceOptions.value = [];
+ return;
+ }
+ getBindDevices(processId)
+ .then(res => {
+ if (res.code === 200) {
+ deviceOptions.value = res.data || [];
+ }
+ })
+ .catch(err => {
+ console.error("鑾峰彇璁惧鍒楄〃澶辫触", err);
+ deviceOptions.value = [];
+ });
+ };
+
// 鐢ㄦ埛閫夋嫨鍙樺寲鏃舵洿鏂� 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 = "";
}
};
+ // 璁惧閫夋嫨鍙樺寲鏃舵洿鏂� deviceId
+ const handleDeviceChange = deviceId => {
+ reportForm.deviceId = deviceId;
+ };
+
onMounted(() => {
getList();
getUserList();
--
Gitblit v1.9.3