诚发五金：按需求收敛页面，去掉无入口的工序/库区库位强依赖

gaoluyang

2026-11-02 fa95ef8dd4c23d05bf7bee16927f207cc0793412

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

@@ -2,7 +2,6 @@
  import type { FormType } from "../data";

  import type { MesProWorkOrderApi } from "#/api/mes/pro/workorder";
  import type { MesProWorkOrderProcessApi } from "#/api/mes/pro/workorder/process";

  import { computed, ref } from "vue";

@@ -22,7 +21,6 @@
    getWorkOrder,
    updateWorkOrder,
  } from "#/api/mes/pro/workorder";
  import { batchSaveWorkOrderProcess, getWorkOrderProcessListByWorkOrderId } from "#/api/mes/pro/workorder/process";
  import { $t } from "#/locales";
  // import { BarcodeDetail } from "#/views/wls/barcode/components";

@@ -35,17 +33,13 @@

  import ItemList from "./item-list.vue";
  import MaterialPreview from "./material-preview.vue";
  import ProcessList from "./process-list.vue";

  const emit = defineEmits(["success"]);
  const formType = ref<FormType>("create");
  const formData = ref<MesProWorkOrderApi.WorkOrder>();
  const originalSnapshot = ref("");
  const subTabsName = ref("process");
  const subTabsName = ref("item");
  // const barcodeDetailRef = ref<InstanceType<typeof BarcodeDetail>>();
  const processListRef = ref<InstanceType<typeof ProcessList>>();
  const currentProductId = ref<number>(); // 当前选中的产品 ID（用于工序加载）
  const tempProcessList = ref<MesProWorkOrderProcessApi.WorkOrderProcess[]>([]); // 临时工序列表
  const previewParams = ref<{ productId?: number; quantity?: number }>({}); // 辅料预览参数

  const isEditable = computed(() =>
@@ -107,13 +101,6 @@
      if (fieldsChanged.includes('factoryId')) {
        await formApi.setFieldValue('workshopId', undefined);
      }
      // 产品变更时，触发工序加载
      if (isCreateMode.value && fieldsChanged.includes('productId')) {
        const newProductId = values.productId;
        if (newProductId && newProductId !== currentProductId.value) {
          currentProductId.value = newProductId;
        }
      }
      // 同步辅料预览参数（产品 / 数量变化时自动重新计算辅料与库存）
      if (
        fieldsChanged.includes('productId') ||
@@ -152,13 +139,6 @@
        data.feedbackRole = data.feedbackRole.join(',');
      }
      await updateWorkOrder({ ...formData.value, ...data });
      if (tempProcessList.value.length > 0) {
        const processList = tempProcessList.value.map(item => ({
          ...item,
          workOrderId: formData.value!.id,
        }));
        await batchSaveWorkOrderProcess(processList);
      }
      formData.value = { ...formData.value, ...data };
      originalSnapshot.value = JSON.stringify(await formApi.getValues());
      emit('success');
@@ -224,11 +204,6 @@
    });
  }

  /** 工序列表变化回调 */
  function handleProcessListChange(list: MesProWorkOrderProcessApi.WorkOrderProcess[]) {
    tempProcessList.value = list;
  }

  const [Modal, modalApi] = useVbenModal({
    async onConfirm() {
      // ---- 确认订单模式 ----
@@ -254,21 +229,7 @@
              originalSnapshot.value = current;
            }
          }
          // 2. 批量保存工序（如果有）
          if (tempProcessList.value.length > 0) {
            const processList = tempProcessList.value.map(item => ({
              ...item,
              workOrderId: formData.value!.id,
            }));
            await batchSaveWorkOrderProcess(processList);
          }
          // 3. 校验是否有工序
          const processes = await getWorkOrderProcessListByWorkOrderId(formData.value.id);
          if (!processes || processes.length === 0) {
            message.warning('当前订单未配置工序，请先在工单中维护工序信息后再确认');
            return;
          }
          // 4. 确认工单
          // 2. 确认工单（未配置工序时按单工序生产）
          await confirmWorkOrder(formData.value.id);
          message.success('订单已确认');
          await modalApi.close();
@@ -281,12 +242,6 @@
      // ---- 完成订单模式 ----
      if (isFinish.value) {
        if (!formData.value?.id) return;
        // 校验是否有工序
        const processes = await getWorkOrderProcessListByWorkOrderId(formData.value.id);
        if (!processes || processes.length === 0) {
          message.warning('当前订单未配置工序，请先在工单中维护工序信息后再完成');
          return;
        }
        try {
          await confirm('确认要完成该订单吗？');
        } catch {
@@ -319,14 +274,6 @@
        if (formData.value?.id) {
          // 编辑模式
          await updateWorkOrder({ ...formData.value, ...data });
          // 批量保存工序
          if (tempProcessList.value.length > 0) {
            const processList = tempProcessList.value.map(item => ({
              ...item,
              workOrderId: formData.value!.id,
            }));
            await batchSaveWorkOrderProcess(processList);
          }
          formData.value = { ...formData.value, ...data };
          emit("success");
          message.success($t("ui.actionMessage.operationSuccess"));
@@ -336,14 +283,6 @@
          const insufficient = await checkMaterialStock(data);
          if (!insufficient) return;
          const id = await createWorkOrder(data);
          // 批量保存工序
          if (tempProcessList.value.length > 0) {
            const processList = tempProcessList.value.map(item => ({
              ...item,
              workOrderId: id,
            }));
            await batchSaveWorkOrderProcess(processList);
          }
          formData.value = {
            ...data,
            id,
@@ -363,8 +302,6 @@
      if (!isOpen) {
        formData.value = undefined;
        originalSnapshot.value = "";
        currentProductId.value = undefined;
        tempProcessList.value = [];
        previewParams.value = {};
        return;
      }
@@ -374,8 +311,7 @@
        parentRow?: MesProWorkOrderApi.WorkOrder;
      }>();
      formType.value = data.formType;
      subTabsName.value = "process";
      tempProcessList.value = [];
      subTabsName.value = "item";
      applySchema();
      if (data?.id) {
        modalApi.lock();
@@ -386,7 +322,6 @@
            formValues.feedbackRole = formValues.feedbackRole.split(',');
          }
          await formApi.setValues(formValues);
          currentProductId.value = formData.value.productId;
        } finally {
          modalApi.unlock();
        }
@@ -412,29 +347,14 @@
         class="w-3/5"
         content-class="!max-h-[80vh] overflow-y-auto">
    <Form class="mx-4" />
    <!-- 工序 / 物料需求 Tab -->
    <!-- 物料需求（辅料明细）-->
    <template v-if="showTabs">
      <Tabs v-model:active-key="subTabsName"
            class="mx-4">
        <Tabs.TabPane key="process"
                      tab="工序"
                      forceRender>
          <p class="mb-3 text-xs text-gray-400 leading-relaxed">
            新增模式会自动从所选产品的工艺路线带出工序，点击行首手柄可拖拽调整顺序；「关键工序」需重点管控、「质检工序」由质检人员检验、勾选「倒冲」的工序在报工后按投料用量自动扣减物料库存。每道工序可点「新增物料」配置投料明细。
          </p>
          <ProcessList
            ref="processListRef"
            :form-type="formType"
            :work-order="formData || {}"
            :work-order-id="formData?.id"
            :product-id="currentProductId"
            @process-list-change="handleProcessListChange"
          />
        </Tabs.TabPane>
        <Tabs.TabPane key="item"
                      tab="物料需求">
          <p class="mb-3 text-xs text-gray-400 leading-relaxed">
            物料需求按各工序「投料明细」×订单数量自动汇总生成，仅供查看；如需调整，请回到「工序」页签维护投料。新增工单时会按所选产品与数量预先计算辅料用量及库存情况。
            新增工单时会按所选产品与数量预先计算辅料用量及库存情况；工单生成后，物料需求按产品用量自动汇总，仅供查看。
          </p>
          <ItemList v-if="formData?.id"
                    :work-order-id="formData.id" />