gaoluyang
13 小时以前 6c0b0dd81a98a3163e45f1b5b5417e02af165fd8
src/views/mes/pro/feedback/modules/form.vue
@@ -5,31 +5,38 @@
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 { Button, message, Popconfirm, Tabs } from 'ant-design-vue';
import { useVbenModal } from '@vben/common-ui';
import { MesAutoCodeRuleCode, MesProFeedbackStatusEnum } from '@vben/constants';
import { useUserStore } from '@vben/stores';
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 { getWorkOrder } from '#/api/mes/pro/workorder';
import { $t } from '#/locales';
import { useFormSchema } from '../data';
import { findMissingRequiredParams, loadParamDetails, paramDetails } from '../param-state';
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');
@@ -40,6 +47,7 @@
);
const canSubmit = computed(
  () =>
    showSubmitButton.value &&
    isEditable.value &&
    formData.value?.status === MesProFeedbackStatusEnum.PREPARE,
);
@@ -79,25 +87,20 @@
  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;
  }
  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;
  syncParamValues(data);
  alignQuantity(data);
  return data;
}
@@ -106,6 +109,9 @@
async function handleSave() {
  const { valid } = await formApi.validate();
  if (!valid) {
    return;
  }
  if (!checkRequiredParams()) {
    return;
  }
  modalApi.lock();
@@ -126,10 +132,45 @@
      await updateFeedback(data);
      formData.value = { ...formData.value, ...data };
      message.success($t('common.updateSuccess'));
      await modalApi.close();
    }
    // 刷新快照(已对齐数量并补 id),后续 submit 用于判断是否需要再保存
    originalSnapshot.value = JSON.stringify(data);
    emit('success');
  } finally {
    modalApi.unlock();
  }
}
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();
  }
@@ -141,6 +182,9 @@
  if (!valid) {
    return;
  }
  if (!checkRequiredParams()) {
    return;
  }
  modalApi.lock();
  try {
    const data = await getAlignedData();
@@ -149,10 +193,55 @@
      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();
  }
@@ -163,16 +252,27 @@
  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);
  }
}
@@ -186,7 +286,7 @@
    await rejectFeedback(formData.value.id);
    await modalApi.close();
    emit('success');
    message.success('报工单已驳回');
    message.success('报订单已驳回');
  } finally {
    modalApi.unlock();
  }
@@ -221,11 +321,13 @@
      formData.value = undefined;
      subTabsName.value = 'itemConsume';
      originalSnapshot.value = '';
      paramDetails.value = [];
      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(
@@ -233,16 +335,18 @@
    );
    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 时用于跳过无变更的保存请求
@@ -252,6 +356,7 @@
    modalApi.lock();
    try {
      formData.value = await getFeedback(data.id);
      await loadParamDetails(formData.value.taskId);
      const checkFlag = await resolveCheckFlag(
        formData.value.routeId,
        formData.value.processId,
@@ -270,6 +375,18 @@
<template>
  <Modal :title="getTitle" class="w-3/5">
    <Form class="mx-4" />
    <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">*&nbsp;</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"
@@ -287,26 +404,27 @@
      <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>