2026-08-14 bdaa472dc215775e5d306b7046af0bc1111c718d
src/views/mes/qc/batchtrace/index.vue
@@ -2,10 +2,12 @@
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { MesWmBatchApi } from '#/api/mes/wm/batch';
import { DocAlert, Page, useVbenModal } from '../../../../packages/effects/common-ui/src';
import { Page, useVbenModal } from '@vben/common-ui';
import { Input, message } from 'ant-design-vue';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { getBatchPage } from '#/api/mes/wm/batch';
import { getBatchBySn, getBatchPage } from '#/api/mes/wm/batch';
import { useGridColumns, useGridFormSchema } from './data';
import TraceDetail from './modules/trace-detail.vue';
@@ -18,6 +20,19 @@
/** 打开批次追溯详情 */
function handleTrace(row: MesWmBatchApi.Batch) {
  detailModalApi.setData(row).open();
}
/** 根据 SN 反查批次并打开详情 */
async function handleSearchBySn(sn: string) {
  if (!sn) {
    return;
  }
  const batch = await getBatchBySn(sn.trim());
  if (batch) {
    handleTrace(batch);
  } else {
    message.warning(`未找到 SN「${sn}」对应的批次`);
  }
}
const [Grid] = useVbenVxeGrid({
@@ -52,15 +67,16 @@
</script>
<template>
  <Page auto-content-height>
    <template #doc>
      <DocAlert
        title="【仓库】批次管理、库存现有量、库存事务"
        url="https://doc.iocoder.cn/mes/wm/stock/"
      />
    </template>
  <Page auto-content-height><DetailModal />
    <DetailModal />
    <div class="mb-3 w-80">
      <Input.Search
        placeholder="输入 SN 序列号反查批次"
        enter-button="反查"
        allow-clear
        @search="handleSearchBySn"
      />
    </div>
    <Grid table-title="批次追溯列表">
      <template #actions="{ row }">