feat(mes): 实现临时码预生成和补录功能

云

19 小时以前 08bb5d242135e2c1f0fc17d2b5f7ae548275a3a2

 src/views/mes/pro/bagCode/index.vue

@@ -6,7 +6,7 @@
  import { MesProBagCodeStatusEnum } from "@vben/constants";
  import { downloadFileFromBlobPart } from "@vben/utils";

  import { message } from "ant-design-vue";
  import { message, Modal } from "ant-design-vue";

  import { ACTION_ICON, TableAction, useVbenVxeGrid } from "#/adapter/vxe-table";
  import {
@@ -14,13 +14,16 @@
    exportBagCodeExcel,
    exportBagQr,
    getBagCodePage,
    bindBagCodeBatch,
    unbindBagCodePallet,
  } from "#/api/mes/pro/bagCode";
  import { $t } from "#/locales";

  import { useGridColumns, useGridFormSchema } from "./data";
  import BindBatchModal from "./modules/bind-batch.vue";
  import BindPalletModal from "./modules/bind-pallet.vue";
  import GenerateModal from "./modules/generate-form.vue";
  import ReplaceModal from "./modules/replace-form.vue";
  import QrTraceModal from "../components/qr-trace-modal.vue";

  defineOptions({ name: "MesProBagCode" });
@@ -30,8 +33,18 @@
    destroyOnClose: true,
  });

  const [BindBatchFormModal, bindBatchFormModalApi] = useVbenModal({
    connectedComponent: BindBatchModal,
    destroyOnClose: true,
  });

  const [BindPalletFormModal, bindPalletFormModalApi] = useVbenModal({
    connectedComponent: BindPalletModal,
    destroyOnClose: true,
  });

  const [ReplaceFormModal, replaceFormModalApi] = useVbenModal({
    connectedComponent: ReplaceModal,
    destroyOnClose: true,
  });

@@ -48,6 +61,12 @@
  /** 生成数据包 */
  function handleGenerate() {
    generateFormModalApi.open();
  }

  /** 替换成功后展示结果并刷新列表 */
  function handleReplaceSuccess(result: MesProBagCodeApi.ReplaceResult) {
    showReplaceResult(result);
    handleRefresh();
  }

  /** 扫码追溯 */
@@ -88,18 +107,103 @@

  /** 获取勾选的袋码记录 */
  function getSelectedRecords(): MesProBagCodeApi.BagCode[] | undefined {
    const records = gridApi.grid.getCheckboxRecords() as MesProBagCodeApi.BagCode[];
    if (records.length === 0) {
    const records = [
      ...(gridApi.grid.getCheckboxReserveRecords?.() ?? []),
      ...(gridApi.grid.getCheckboxRecords?.() ?? []),
    ] as MesProBagCodeApi.BagCode[];
    const uniqueRecords = [
      ...new Map(records.map((record) => [record.id, record])).values(),
    ];
    if (uniqueRecords.length === 0) {
      message.warning("请至少勾选一条袋码记录");
      return undefined;
    }
    return records;
    return uniqueRecords;
  }

  /** 展示替换结果 */
  function showReplaceResult(result: MesProBagCodeApi.ReplaceResult) {
    const items = result.items ?? [];
    const content = items.length
      ? items
          .map(
            (item) =>
              `${item.oldCode ?? "-"} → ${item.newCode ?? "-"}${
                item.newPalletCode ? `（托盘：${item.newPalletCode}）` : ""
              }`,
          )
          .join("\n")
      : "替换明细暂无";
    Modal.success({
      title: "破损袋码替换成功",
      content: `批次：${result.batchCode ?? "-"}\n替换数量：${
        result.count ?? items.length
      }\n${content}`,
      centered: true,
    });
  }

  /** 批量替换破损袋码 */
  async function handleReplace() {
    const records = getSelectedRecords();
    if (!records) return;
    if (records.length > 200) {
      message.warning("单次最多替换 200 个袋码");
      return;
    }
    const batchIds = new Set(records.map((record) => record.batchId));
    if (batchIds.size > 1 || !records[0]?.batchId) {
      message.warning("请选择同一批次下的袋码进行替换");
      return;
    }
    if (
      records.some(
        (record) =>
          record.status !== MesProBagCodeStatusEnum.GENERATED &&
          record.status !== MesProBagCodeStatusEnum.PRINTED,
      )
    ) {
      message.warning("仅已生成或已导出印刷的袋码允许替换");
      return;
    }
    if (records.some((record) => !record.id)) {
      message.warning("所选袋码缺少编号，无法替换");
      return;
    }
    try {
      await confirm(`确认作废所选 ${records.length} 个袋码并生成等量新码吗？`);
    } catch {
      return;
    }
    const first = records[0]!;
    replaceFormModalApi
      .setData({
        batchId: first.batchId!,
        batchCode: first.batchCode,
        ids: records.map((record) => record.id!),
      })
      .open();
  }

  /** 批量录入生产批次 */
  function handleBindBatch() {
    const records = getSelectedRecords();
    if (!records) return;
    if (records.some((record) => record.status !== MesProBagCodeStatusEnum.GENERATED || record.batchId)) {
      message.warning("请选择未录入批次且状态为已生成的袋码");
      return;
    }
    bindBatchFormModalApi.setData({ ids: records.map((record) => record.id!) }).open();
  }

  /** 批量绑定托盘 */
  function handleBindPallet() {
    const records = getSelectedRecords();
    if (!records) return;
    if (records.some((record) => !record.batchId)) {
      message.warning("请先录入生产批次，再绑定托盘");
      return;
    }
    const batchIds = new Set(records.map((record) => record.batchId));
    if (batchIds.size > 1) {
      message.warning("请选择同一批次下的袋码进行绑定");
@@ -199,7 +303,9 @@
<template>
  <Page auto-content-height>
    <GenerateFormModal @success="handleRefresh" />
    <BindBatchFormModal @success="handleRefresh" />
    <BindPalletFormModal @success="handleRefresh" />
    <ReplaceFormModal @success="handleReplaceSuccess" />
    <QrTraceQueryModal />
    <Grid table-title="袋码列表（一袋一码）">
      <template #toolbar-tools>
@@ -212,12 +318,24 @@
              onClick: handleGenerate,
            },
            {
              label: '录入批次',
              type: 'primary',
              auth: ['mes:pro-bag-code:update'],
              onClick: handleBindBatch,
            },
            {
              label: '绑定托盘',
              type: 'primary',
              auth: ['mes:pro-bag-code:update'],
              onClick: handleBindPallet,
            },
            {
              label: '破损替换',
              type: 'primary',
              auth: ['mes:pro-bag-code:replace'],
              onClick: handleReplace,
            },
            {
              label: '解绑托盘',
              auth: ['mes:pro-bag-code:update'],
              onClick: handleUnbindPallet,