feat(mes): 添加工艺参数模板功能支持

云

4 天以前 b9b476d4b4f1bf9e08b58249fb42f7b07aa3a0fa

 src/views/mes/pro/feedback/modules/form.vue

@@ -1,30 +1,36 @@
<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 { getWorkOrder } from '#/api/mes/pro/workorder';
import { getWorkOrderParamRecordPage } from '#/api/mes/pro/workorderparamrecord';
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';

@@ -35,6 +41,7 @@
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),
@@ -100,6 +107,7 @@
/** 读取并按提交规则对齐后的表单数据，用于快照和保存 */
async function getAlignedData(): Promise<MesProFeedbackApi.Feedback> {
  const data = (await formApi.getValues()) as MesProFeedbackApi.Feedback;
  syncParamValues(data);
  alignQuantity(data);
  return data;
}
@@ -138,6 +146,44 @@
  }
}

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,
  }));
}

function syncParamValues(data: MesProFeedbackApi.Feedback) {
  data.paramValues = paramDetails.value.map((detail) => ({
    detailId: detail.id,
    value: detail.paramValue,
  }));
}

/** 执行提交（含批次属性） */
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();
@@ -152,10 +198,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();
  }
@@ -166,16 +257,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);
  }
}

@@ -248,7 +350,7 @@
      );
      await formApi.setValues({
        code,
        feedbackTime: Date.now(),
        feedbackTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
        feedbackUserId: userStore.userInfo?.id,
      });
      // 记录初始快照（含数量对齐结果），submit 时用于跳过无变更的保存请求
@@ -258,6 +360,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,
@@ -276,6 +379,17 @@
<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-40 text-right text-sm text-gray-600">
            {{ 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"
@@ -314,5 +428,6 @@
        </Popconfirm>
      </div>
    </template>
    <BatchInputDialog ref="batchDialogRef" @confirm="handleBatchConfirm" />
  </Modal>
</template>