feat(mes): 新增业务码支持并优化追溯查询功能

云

7 小时以前 fb4db4ae9b6a7f113ba049f6789e6916c0dcc276

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

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

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

  import { ACTION_ICON, TableAction, useVbenVxeGrid } from "#/adapter/vxe-table";
  import {
    deleteBagCodesByUuid,
    exportBagCodeExcel,
    exportBagQr,
    exportBagBusinessQr,
    generateBagBusinessCodes,
    getBagCodePage,
    bindBagCodeBatch,
    unbindBagCodePallet,
  } from "#/api/mes/pro/bagCode";
  import { IconifyIcon } from "@vben/icons";
  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 RawGenerateModal from "./modules/raw-generate-form.vue";
  import ReplaceModal from "./modules/replace-form.vue";
  import QrTraceModal from "../components/qr-trace-modal.vue";
  import BusinessQrModal from "../components/business-qr.vue";

  defineOptions({ name: "MesProBagCode" });

@@ -30,8 +38,23 @@
    destroyOnClose: true,
  });

  const [RawGenerateFormModal, rawGenerateFormModalApi] = useVbenModal({
    connectedComponent: RawGenerateModal,
    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,
  });

@@ -39,6 +62,29 @@
    connectedComponent: QrTraceModal,
    destroyOnClose: true,
  });

  const [BusinessQrViewModal, businessQrApi] = useVbenModal({
    connectedComponent: BusinessQrModal, destroyOnClose: true,
  });

  function handleBusinessQr(row: MesProBagCodeApi.BagCode) {
    if (!row.businessCode) { message.warning('请先补生成业务码'); return; }
    businessQrApi.setData({ code: row.businessCode }).open();
  }

  async function handleGenerateBusinessCodes() {
    const records = getSelectedRecords();
    if (!records) return;
    if (records.length > 200) { message.warning('单次最多补生成 200 条'); return; }
    if (records.some(row => row.status === MesProBagCodeStatusEnum.CANCELED)) {
      message.warning('已作废袋码不可补生成业务码'); return;
    }
    const ids = records.map(row => row.id).filter((id): id is number => id != null);
    if (ids.length !== records.length) { message.warning('所选袋码缺少编号'); return; }
    const count = await generateBagBusinessCodes(ids);
    message.success(`已补生成 ${count} 份业务码，已有码值保持不变`);
    handleRefresh();
  }

  /** 刷新表格 */
  function handleRefresh() {
@@ -48,6 +94,17 @@
  /** 生成数据包 */
  function handleGenerate() {
    generateFormModalApi.open();
  }

  /** 生成原始袋码 */
  function handleRawGenerate() {
    rawGenerateFormModalApi.open();
  }

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

  /** 扫码追溯 */
@@ -61,7 +118,7 @@
  }

  /** 导出二维码 ZIP（按当前查询条件的生成组/批次） */
  async function handleExportQr() {
  async function handleExportQr(kind: 'trace' | 'business' = 'trace') {
    const values = await gridApi.formApi.getValues();
    const params: { uuid?: string; batchId?: number } = {};
    if (values.uuid) {
@@ -74,8 +131,8 @@
      message.warning("请先按生成组或批次筛选后再导出二维码");
      return;
    }
    const data = await exportBagQr(params);
    downloadFileFromBlobPart({ fileName: "袋码二维码.zip", source: data });
    const data = await (kind === 'business' ? exportBagBusinessQr : exportBagQr)(params);
    downloadFileFromBlobPart({ fileName: kind === 'business' ? '袋码业务二维码.zip' : '袋码追溯二维码.zip', source: data });
  }

  /** 导出袋码 Excel（交付印刷），导出后袋码状态变为已印刷，需刷新列表 */
@@ -88,18 +145,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,57 +341,44 @@
<template>
  <Page auto-content-height>
    <GenerateFormModal @success="handleRefresh" />
    <RawGenerateFormModal @success="handleRefresh" />
    <BindBatchFormModal @success="handleRefresh" />
    <BindPalletFormModal @success="handleRefresh" />
    <ReplaceFormModal @success="handleReplaceSuccess" />
    <QrTraceQueryModal />
    <BusinessQrViewModal />
    <Grid table-title="袋码列表（一袋一码）">
      <template #table-title><span class="text-[1rem] font-bold" style="white-space:nowrap">袋码列表（一袋一码）</span></template>
      <template #toolbar-tools>
        <TableAction :actions="[
            {
              label: '生成数据包',
              type: 'primary',
              icon: ACTION_ICON.ADD,
              auth: ['mes:pro-bag-code:create'],
              onClick: handleGenerate,
            },
            {
              label: '绑定托盘',
              type: 'primary',
              auth: ['mes:pro-bag-code:update'],
              onClick: handleBindPallet,
            },
            {
              label: '解绑托盘',
              auth: ['mes:pro-bag-code:update'],
              onClick: handleUnbindPallet,
            },
            {
              label: '扫码追溯',
              icon: ACTION_ICON.SEARCH,
              auth: ['mes:pro-bag-code:query'],
              onClick: handleTrace,
            },
            {
              label: '导出二维码',
              icon: ACTION_ICON.DOWNLOAD,
              auth: ['mes:pro-bag-code:export'],
              onClick: handleExportQr,
            },
            {
              label: $t('ui.actionTitle.export'),
              type: 'primary',
              icon: ACTION_ICON.DOWNLOAD,
              auth: ['mes:pro-bag-code:export'],
              onClick: handleExport,
            },
          ]" />
        <div class="mes-code-toolbar">
          <TableAction :actions="[{ label: '生成数据包', type: 'primary', icon: ACTION_ICON.ADD, auth: ['mes:pro-bag-code:create'], onClick: handleGenerate },
          { label: '录入批次', auth: ['mes:pro-bag-code:update'], onClick: handleBindBatch },
          { label: '绑定托盘', auth: ['mes:pro-bag-code:update'], onClick: handleBindPallet },
          { label: '扫码追溯', icon: ACTION_ICON.SEARCH, auth: ['mes:pro-bag-code:query'], onClick: handleTrace }]" />
          <TableAction :dropdown-trigger="['click']" :drop-down-actions="[{ label: '追溯二维码', auth: ['mes:pro-bag-code:export'], onClick: () => handleExportQr('trace') },
          { label: '业务二维码', auth: ['mes:pro-bag-code:export'], onClick: () => handleExportQr('business') },
          { label: 'Excel 数据包', auth: ['mes:pro-bag-code:export'], onClick: handleExport }]">
            <template #more><Button>导出 <IconifyIcon icon="lucide:chevron-down" /></Button></template>
          </TableAction>
          <TableAction :dropdown-trigger="['click']" :drop-down-actions="[{ label: '生成原始袋码', auth: ['mes:pro-bag-code:create'], onClick: handleRawGenerate },
          { label: '补生成业务码', auth: ['mes:pro-bag-code:create'], onClick: handleGenerateBusinessCodes },
          { label: '破损替换', auth: ['mes:pro-bag-code:replace'], onClick: handleReplace },
          { label: '解绑托盘', auth: ['mes:pro-bag-code:update'], onClick: handleUnbindPallet }]">
            <template #more><Button>更多操作 <IconifyIcon icon="lucide:chevron-down" /></Button></template>
          </TableAction>
        </div>
      </template>
      <template #actions="{ row }">
        <TableAction :actions="[
            {
              label: '查看二维码',
              label: '追溯二维码',
              type: 'link',
              auth: ['mes:pro-bag-code:query'],
              onClick: handleViewQr.bind(null, row),
            },
            {
              label: '业务二维码', type: 'link', auth: ['mes:pro-bag-code:query'],
              ifShow: !!row.businessCode, onClick: handleBusinessQr.bind(null, row),
            },
            {
              label: $t('common.delete'),
@@ -271,3 +400,9 @@
    </Grid>
  </Page>
</template>

<style scoped>
.mes-code-toolbar { display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px; }
.mes-code-toolbar :deep(.ant-btn) { white-space:nowrap; }
.mes-code-toolbar :deep(.ant-btn > .iconify) { display:inline-block;width:14px;height:14px;vertical-align:middle; }
</style>