| | |
| | | updateFeedback, |
| | | } from '#/api/mes/pro/feedback'; |
| | | import { getRouteProcessByRouteAndProcess } from '#/api/mes/pro/route/process'; |
| | | import { getTask } from '#/api/mes/pro/task'; |
| | | import { getWorkOrder } from '#/api/mes/pro/workorder'; |
| | | import { getWorkOrderParamRecordPage } from '#/api/mes/pro/workorderparamrecord'; |
| | | import { $t } from '#/locales'; |
| | | |
| | | import { useFormSchema } from '../data'; |
| | | import { |
| | | findMissingRequiredParams, |
| | | loadParamDetails, |
| | | paramDetails, |
| | | resetWaitConfig, |
| | | waitDuration, |
| | | waitStartTime, |
| | | waitTaskId, |
| | | } from '../param-state'; |
| | | import BatchInputDialog from './batch-input-dialog.vue'; |
| | | import ItemConsumeList from './item-consume-list.vue'; |
| | | import ProductProduceList from './product-produce-list.vue'; |
| | | import WaitCountdown from './wait-countdown.vue'; |
| | | |
| | | const emit = defineEmits(['success']); |
| | | const formType = ref<FormType>('create'); |
| | |
| | | const userStore = useUserStore(); |
| | | const subTabsName = ref('itemConsume'); |
| | | const originalSnapshot = ref(''); // 表单原始数据快照,用于 submit 时跳过未变更的保存请求 |
| | | const paramDetails = ref<Array<{ id: number; paramName?: string; paramCode?: string; unitMeasureName?: string; paramValue?: string }>>([]); |
| | | |
| | | const isEditable = computed(() => |
| | | ['create', 'submit', 'update'].includes(formType.value), |
| | |
| | | wrapperClass: 'grid-cols-3', |
| | | }); |
| | | |
| | | /** 提交前对齐数量:根据 checkFlag 决定 uncheck/合格/不良归零策略 */ |
| | | function alignQuantity(data: MesProFeedbackApi.Feedback) { |
| | | if (data.checkFlag) { |
| | | data.uncheckQuantity = data.feedbackQuantity; |
| | | data.qualifiedQuantity = 0; |
| | | data.unqualifiedQuantity = 0; |
| | | data.laborScrapQuantity = 0; |
| | | data.materialScrapQuantity = 0; |
| | | data.otherScrapQuantity = 0; |
| | | } else { |
| | | data.feedbackQuantity = |
| | | (data.qualifiedQuantity || 0) + (data.unqualifiedQuantity || 0); |
| | | data.uncheckQuantity = 0; |
| | | /** 提交前对齐数量:报工只填写报工数量,合格/不良/废品数量由质检确定,报工环节不采集 */ |
| | | function alignQuantity( |
| | | data: MesProFeedbackApi.Feedback, |
| | | needReportQuantity: boolean, |
| | | ) { |
| | | if (!needReportQuantity) { |
| | | data.feedbackQuantity = 0; |
| | | } |
| | | data.uncheckQuantity = data.checkFlag ? data.feedbackQuantity : 0; |
| | | delete data.qualifiedQuantity; |
| | | delete data.unqualifiedQuantity; |
| | | delete data.laborScrapQuantity; |
| | | delete data.materialScrapQuantity; |
| | | delete data.otherScrapQuantity; |
| | | } |
| | | |
| | | /** 读取并按提交规则对齐后的表单数据,用于快照和保存 */ |
| | | async function getAlignedData(): Promise<MesProFeedbackApi.Feedback> { |
| | | const data = (await formApi.getValues()) as MesProFeedbackApi.Feedback; |
| | | const data = (await formApi.getValues()) as MesProFeedbackApi.Feedback & { |
| | | needReportQuantity?: boolean; |
| | | }; |
| | | syncParamValues(data); |
| | | alignQuantity(data); |
| | | alignQuantity(data, data.needReportQuantity !== false); |
| | | delete data.needReportQuantity; |
| | | return data; |
| | | } |
| | | |
| | |
| | | async function handleSave() { |
| | | const { valid } = await formApi.validate(); |
| | | if (!valid) { |
| | | return; |
| | | } |
| | | if (!checkRequiredParams()) { |
| | | return; |
| | | } |
| | | modalApi.lock(); |
| | |
| | | } |
| | | |
| | | const batchDialogRef = ref<InstanceType<typeof BatchInputDialog>>(); |
| | | const batchActionType = ref<'submit' | 'approve'>(''); |
| | | |
| | | async function loadParamDetails(taskId?: number) { |
| | | paramDetails.value = []; |
| | | if (!taskId) return; |
| | | const page = await getWorkOrderParamRecordPage({ taskId, pageNo: 1, pageSize: 1 }); |
| | | const record = page.list?.[0]; |
| | | paramDetails.value = (record?.details ?? []).map((detail) => ({ |
| | | id: detail.id!, |
| | | paramCode: detail.paramCode, |
| | | paramName: detail.paramName, |
| | | unitMeasureName: detail.unitMeasureName, |
| | | paramValue: detail.paramValue, |
| | | })); |
| | | } |
| | | const batchActionType = ref<'' | 'submit' | 'approve'>(''); |
| | | |
| | | function syncParamValues(data: MesProFeedbackApi.Feedback) { |
| | | data.paramValues = paramDetails.value.map((detail) => ({ |
| | | detailId: detail.id, |
| | | value: detail.paramValue, |
| | | })); |
| | | } |
| | | |
| | | /** 校验必填参数是否填写完整 */ |
| | | function checkRequiredParams(): boolean { |
| | | const missing = findMissingRequiredParams(); |
| | | if (missing.length > 0) { |
| | | message.warning(`必填参数未填写:${missing.join('、')}`); |
| | | return false; |
| | | } |
| | | return true; |
| | | } |
| | | |
| | | /** 执行提交(含批次属性) */ |
| | |
| | | async function handleSubmit() { |
| | | const { valid } = await formApi.validate(); |
| | | if (!valid) { |
| | | return; |
| | | } |
| | | if (!checkRequiredParams()) { |
| | | return; |
| | | } |
| | | modalApi.lock(); |
| | |
| | | } |
| | | } |
| | | |
| | | /** 加载工序的 checkFlag 用于回显数量区域 */ |
| | | async function resolveCheckFlag(routeId?: number, processId?: number) { |
| | | /** 加载工序配置(checkFlag / 等待时长 / 报工数量规则)用于回显 */ |
| | | async function resolveRouteProcessConfig(routeId?: number, processId?: number) { |
| | | if (!routeId || !processId) { |
| | | return true; |
| | | return { checkFlag: true, needReportQuantity: true }; |
| | | } |
| | | try { |
| | | const routeProcess = await getRouteProcessByRouteAndProcess( |
| | | routeId, |
| | | processId, |
| | | ); |
| | | return routeProcess?.checkFlag ?? false; |
| | | waitDuration.value = routeProcess?.waitDuration; |
| | | return { |
| | | checkFlag: routeProcess?.checkFlag ?? false, |
| | | needReportQuantity: routeProcess?.needReportQuantity ?? true, |
| | | }; |
| | | } catch { |
| | | return true; |
| | | waitDuration.value = undefined; |
| | | return { checkFlag: true, needReportQuantity: true }; |
| | | } |
| | | } |
| | | |
| | |
| | | formData.value = undefined; |
| | | subTabsName.value = 'itemConsume'; |
| | | originalSnapshot.value = ''; |
| | | paramDetails.value = []; |
| | | resetWaitConfig(); |
| | | // 关闭时清空 id,避免下次新增报工时误带旧主键导致主键冲突 |
| | | await formApi.setFieldValue('id', undefined); |
| | | return; |
| | | } |
| | | // 加载数据 |
| | |
| | | const code = await generateAutoCode( |
| | | MesAutoCodeRuleCode.PRO_FEEDBACK_CODE, |
| | | ); |
| | | // 清空上一条报工残留的 id,避免新增时误带旧主键导致主键冲突 |
| | | await formApi.setFieldValue('id', undefined); |
| | | await formApi.setValues({ |
| | | code, |
| | | feedbackTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
| | |
| | | try { |
| | | formData.value = await getFeedback(data.id); |
| | | await loadParamDetails(formData.value.taskId); |
| | | const checkFlag = await resolveCheckFlag( |
| | | const config = await resolveRouteProcessConfig( |
| | | formData.value.routeId, |
| | | formData.value.processId, |
| | | ); |
| | | waitTaskId.value = formData.value.taskId; |
| | | waitStartTime.value = undefined; |
| | | if (formData.value.taskId) { |
| | | try { |
| | | const task = await getTask(formData.value.taskId); |
| | | waitStartTime.value = task?.waitStartTime; |
| | | } catch { |
| | | // 任务不存在时忽略倒计时回显 |
| | | } |
| | | } |
| | | // 设置到 values |
| | | await formApi.setValues({ ...formData.value, checkFlag }); |
| | | await formApi.setValues({ |
| | | ...formData.value, |
| | | checkFlag: config.checkFlag, |
| | | needReportQuantity: config.needReportQuantity, |
| | | }); |
| | | // 记录初始快照(含数量对齐结果),submit 时用于跳过无变更的保存请求 |
| | | originalSnapshot.value = JSON.stringify(await getAlignedData()); |
| | | } finally { |
| | |
| | | <template> |
| | | <Modal :title="getTitle" class="w-3/5"> |
| | | <Form class="mx-4" /> |
| | | <div |
| | | v-if="waitDuration" |
| | | class="mx-4 mt-4 rounded border border-gray-200 p-4" |
| | | > |
| | | <div class="mb-2 font-medium">报工倒计时</div> |
| | | <WaitCountdown |
| | | :task-id="waitTaskId" |
| | | :wait-duration="waitDuration" |
| | | :wait-start-time="waitStartTime" |
| | | :disabled="!isEditable" |
| | | /> |
| | | </div> |
| | | <div v-if="paramDetails.length" class="mx-4 mt-4 rounded border border-gray-200 p-4"> |
| | | <div class="mb-3 font-medium">工艺参数</div> |
| | | <div class="grid grid-cols-2 gap-3"> |
| | | <div v-for="detail in paramDetails" :key="detail.id" class="flex items-center gap-2"> |
| | | <span class="w-40 text-right text-sm text-gray-600"> |
| | | <span class="w-44 text-right text-sm text-gray-600"> |
| | | <span v-if="detail.required" class="text-red-500">* </span> |
| | | {{ detail.paramName || detail.paramCode }}{{ detail.unitMeasureName ? `(${detail.unitMeasureName})` : '' }} |
| | | </span> |
| | | <Input v-model:value="detail.paramValue" :disabled="!isEditable" placeholder="请输入参数值" /> |