| | |
| | | <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 { useVbenModal } from '..\..\..\..\..\packages\effects\common-ui\src'; |
| | | import { MesAutoCodeRuleCode, MesProFeedbackStatusEnum } from '..\..\..\..\..\packages\constants\src'; |
| | | import { useUserStore } from '..\..\..\..\..\packages\stores\src'; |
| | | 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 { |
| | | approveFeedback, |
| | | createFeedback, |
| | | getBatchRequirements, |
| | | getFeedback, |
| | | rejectFeedback, |
| | | submitFeedback, |
| | |
| | | import { $t } from '#/locales'; |
| | | |
| | | import { useFormSchema } from '../data'; |
| | | import BatchInputDialog from './batch-input-dialog.vue'; |
| | | import ItemConsumeList from './item-consume-list.vue'; |
| | | import ProductProduceList from './product-produce-list.vue'; |
| | | |
| | | const emit = defineEmits(['success']); |
| | | const formType = ref<FormType>('create'); |
| | | const showSubmitButton = ref(true); |
| | | const formData = ref<MesProFeedbackApi.Feedback>(); |
| | | const userStore = useUserStore(); |
| | | const subTabsName = ref('itemConsume'); |
| | |
| | | ); |
| | | const canSubmit = computed( |
| | | () => |
| | | showSubmitButton.value && |
| | | isEditable.value && |
| | | formData.value?.status === MesProFeedbackStatusEnum.PREPARE, |
| | | ); |
| | |
| | | await updateFeedback(data); |
| | | formData.value = { ...formData.value, ...data }; |
| | | message.success($t('common.updateSuccess')); |
| | | await modalApi.close(); |
| | | } |
| | | // 刷新快照(已对齐数量并补 id),后续 submit 用于判断是否需要再保存 |
| | | originalSnapshot.value = JSON.stringify(data); |
| | |
| | | await submitFeedback(formData.value!.id!); |
| | | await modalApi.close(); |
| | | emit('success'); |
| | | message.success('报工单已提交'); |
| | | message.success('报订单已提交'); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | | } |
| | | |
| | | const batchDialogRef = ref<InstanceType<typeof BatchInputDialog>>(); |
| | | |
| | | /** 执行审批(含批次属性) */ |
| | | 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( |
| | | 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) { |
| | | // 需要填写批次属性,弹窗收集 |
| | | batchDialogRef.value?.open({ checkResult }); |
| | | } else { |
| | | await doApprove(); |
| | | } |
| | | } catch { |
| | | // 检查失败时直接审批(兼容旧逻辑) |
| | | await doApprove(); |
| | | } |
| | | } |
| | | |
| | | /** 批次弹窗确认回调 */ |
| | | function handleBatchConfirm(batchData: Record<string, unknown>) { |
| | | doApprove(batchData); |
| | | } |
| | | |
| | | /** 审批不通过 */ |
| | |
| | | await rejectFeedback(formData.value.id); |
| | | await modalApi.close(); |
| | | emit('success'); |
| | | message.success('报工单已驳回'); |
| | | message.success('报订单已驳回'); |
| | | } finally { |
| | | modalApi.unlock(); |
| | | } |
| | |
| | | return; |
| | | } |
| | | // 加载数据 |
| | | const data = modalApi.getData<{ formType: FormType; id?: number }>(); |
| | | const data = modalApi.getData<{ formType: FormType; id?: number; showSubmitButton?: boolean }>(); |
| | | formType.value = data.formType; |
| | | showSubmitButton.value = data.showSubmitButton !== false; |
| | | formApi.setState({ schema: useFormSchema(formType.value, formApi) }); |
| | | // 审批/详情整表禁用,避免审核人误改未提交的字段 |
| | | formApi.setDisabled( |
| | |
| | | ); |
| | | modalApi.setState({ |
| | | showConfirmButton: |
| | | formType.value !== 'detail' && formType.value !== 'approve', |
| | | formType.value !== 'detail' && |
| | | formType.value !== 'approve' && |
| | | formType.value !== 'submit', |
| | | }); |
| | | if (!data?.id) { |
| | | // 新增:默认报工人和报工时间,并自动生成报工单号 |
| | | // 新增:默认报工人和报工时间,并自动生成报订单号 |
| | | const code = await generateAutoCode( |
| | | MesAutoCodeRuleCode.PRO_FEEDBACK_CODE, |
| | | ); |
| | | await formApi.setValues({ |
| | | code, |
| | | feedbackTime: Date.now(), |
| | | feedbackTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
| | | feedbackUserId: userStore.userInfo?.id, |
| | | }); |
| | | // 记录初始快照(含数量对齐结果),submit 时用于跳过无变更的保存请求 |
| | |
| | | <div class="flex flex-auto items-center justify-end gap-2"> |
| | | <Popconfirm |
| | | v-if="canSubmit" |
| | | title="确认提交该报工单?提交后将不能修改。" |
| | | title="确认提交该报订单?提交后将不能修改。" |
| | | @confirm="handleSubmit" |
| | | > |
| | | <Button type="primary">{{ $t('common.submit') }}</Button> |
| | | </Popconfirm> |
| | | <Popconfirm |
| | | v-if="canApprove" |
| | | title="确认审批通过该报工单?" |
| | | title="确认审批通过该报订单?" |
| | | @confirm="handleApprove" |
| | | > |
| | | <Button type="primary">通过</Button> |
| | | </Popconfirm> |
| | | <Popconfirm |
| | | v-if="canApprove" |
| | | title="确认驳回该报工单?" |
| | | title="确认驳回该报订单?" |
| | | @confirm="handleReject" |
| | | > |
| | | <Button danger>不通过</Button> |
| | | </Popconfirm> |
| | | </div> |
| | | </template> |
| | | <BatchInputDialog ref="batchDialogRef" @confirm="handleBatchConfirm" /> |
| | | </Modal> |
| | | </template> |