| | |
| | | <script lang="ts" setup> |
| | | <script lang="ts" setup> |
| | | import type { FormType } from '../data'; |
| | | |
| | | import type { MesProFeedbackApi } from '#/api/mes/pro/feedback'; |
| | | |
| | | import { computed, ref } from 'vue'; |
| | | |
| | | import dayjs from 'dayjs'; |
| | | |
| | | import { useVbenModal } from '@vben/common-ui'; |
| | | import { MesAutoCodeRuleCode, MesProFeedbackStatusEnum } from '@vben/constants'; |
| | | import { useUserStore } from '@vben/stores'; |
| | | |
| | | import { Button, message, Popconfirm, Tabs } from 'ant-design-vue'; |
| | | import { Button, Input, message, Popconfirm, Tabs } from 'ant-design-vue'; |
| | | |
| | | import { useVbenForm } from '#/adapter/form'; |
| | | import { generateAutoCode } from '#/api/mes/md/autocode/record'; |
| | | import { |
| | | approveFeedback, |
| | | createFeedback, |
| | | getBatchRequirements, |
| | | getFeedback, |
| | | rejectFeedback, |
| | | submitFeedback, |
| | | 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 { $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'); |
| | |
| | | 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; |
| | | alignQuantity(data); |
| | | const data = (await formApi.getValues()) as MesProFeedbackApi.Feedback & { |
| | | needReportQuantity?: boolean; |
| | | }; |
| | | syncParamValues(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'>(''); |
| | | |
| | | 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 doSubmit(batchFields?: Record<string, unknown>) { |
| | | if (!formData.value?.id) return; |
| | | modalApi.lock(); |
| | | try { |
| | | await submitFeedback({ id: formData.value.id, ...batchFields }); |
| | | await modalApi.close(); |
| | | emit('success'); |
| | | message.success('报工单已提交'); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | | } |
| | | |
| | | /** 提交:仅当表单较快照有变更时才先保存,再调用提交接口 */ |
| | | async function handleSubmit() { |
| | | const { valid } = await formApi.validate(); |
| | | if (!valid) { |
| | | return; |
| | | } |
| | | if (!checkRequiredParams()) { |
| | | return; |
| | | } |
| | | modalApi.lock(); |
| | |
| | | await updateFeedback(data); |
| | | originalSnapshot.value = JSON.stringify(data); |
| | | } |
| | | await submitFeedback(formData.value!.id!); |
| | | |
| | | // 检查是否需要审批,若需要审批,则不需要在此阶段填写批次属性,直接提交 |
| | | let feedbackApprove = false; |
| | | if (formData.value?.workOrderId) { |
| | | try { |
| | | const workOrder = await getWorkOrder(formData.value.workOrderId); |
| | | feedbackApprove = workOrder?.feedbackApprove ?? false; |
| | | } catch { |
| | | // ignore |
| | | } |
| | | } |
| | | |
| | | if (feedbackApprove) { |
| | | await doSubmit(); |
| | | return; |
| | | } |
| | | |
| | | let checkResult; |
| | | try { |
| | | checkResult = await getBatchRequirements(formData.value!.id!); |
| | | } catch { |
| | | // ignore |
| | | } |
| | | |
| | | if (checkResult?.needBatchInput) { |
| | | batchActionType.value = 'submit'; |
| | | batchDialogRef.value?.open({ checkResult }); |
| | | } else { |
| | | await doSubmit(); |
| | | } |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | | } |
| | | |
| | | /** 执行审批(含批次属性) */ |
| | | async function doApprove(batchFields?: Record<string, unknown>) { |
| | | if (!formData.value?.id) return; |
| | | modalApi.lock(); |
| | | try { |
| | | const finished = await approveFeedback({ |
| | | id: formData.value.id, |
| | | ...batchFields, |
| | | }); |
| | | await modalApi.close(); |
| | | emit('success'); |
| | | message.success('报订单已提交'); |
| | | message.success( |
| | | finished ? '报订单已审批完成' : '报工成功,请等待质量检验完成!', |
| | | ); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | |
| | | if (!formData.value?.id) { |
| | | return; |
| | | } |
| | | modalApi.lock(); |
| | | try { |
| | | const finished = await approveFeedback(formData.value.id); |
| | | await modalApi.close(); |
| | | emit('success'); |
| | | message.success( |
| | | finished ? '报订单已审批完成' : '报工成功,请等待质量检验完成!', |
| | | ); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | const checkResult = await getBatchRequirements(formData.value.id); |
| | | if (checkResult?.needBatchInput) { |
| | | // 需要填写批次属性,弹窗收集 |
| | | batchActionType.value = 'approve'; |
| | | batchDialogRef.value?.open({ checkResult }); |
| | | } else { |
| | | await doApprove(); |
| | | } |
| | | } catch { |
| | | // 检查失败时直接审批(兼容旧逻辑) |
| | | await doApprove(); |
| | | } |
| | | } |
| | | |
| | | /** 批次弹窗确认回调 */ |
| | | function handleBatchConfirm(batchData: Record<string, unknown>) { |
| | | if (batchActionType.value === 'submit') { |
| | | doSubmit(batchData); |
| | | } else { |
| | | doApprove(batchData); |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | /** 加载工序的 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: Date.now(), |
| | | feedbackTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
| | | feedbackUserId: userStore.userInfo?.id, |
| | | }); |
| | | // 记录初始快照(含数量对齐结果),submit 时用于跳过无变更的保存请求 |
| | |
| | | modalApi.lock(); |
| | | try { |
| | | formData.value = await getFeedback(data.id); |
| | | const checkFlag = await resolveCheckFlag( |
| | | await loadParamDetails(formData.value.taskId); |
| | | 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-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="请输入参数值" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <Tabs |
| | | v-if="showSubTabs" |
| | | v-model:active-key="subTabsName" |
| | |
| | | </Popconfirm> |
| | | </div> |
| | | </template> |
| | | <BatchInputDialog ref="batchDialogRef" @confirm="handleBatchConfirm" /> |
| | | </Modal> |
| | | </template> |