feat: 全量列表页接入 Excel 导入按钮与共享弹窗

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

 src/views/basicData/mdm/index.vue

@@ -16,6 +16,8 @@
  deleteItemList,
  // exportItem,
  getItemPage,
  importItem,
  importItemTemplate,
  updateItemStatus,
  updateItemSync,
} from '#/api/mdm/item';
@@ -24,11 +26,17 @@

import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';
import ImportModalComponent from '#/components/import-modal';

defineOptions({ name: 'MdmItem' });

const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});

const [ImportModal, importModalApi] = useVbenModal({
  connectedComponent: ImportModalComponent,
  destroyOnClose: true,
});

@@ -84,6 +92,18 @@
/** 创建物料 */
function handleCreate() {
  formModalApi.setData(null).open();
}

/** 导入物料 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['物料']),
      fileName: '物料导入模板.xls',
      importFn: importItem,
      templateFn: importItemTemplate,
    })
    .open();
}

/** 编辑物料 */
@@ -211,6 +231,7 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="物料列表">
      <template #toolbar-tools>
        <TableAction
@@ -222,6 +243,13 @@
              auth: ['mdm:item:create'],
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['物料']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mdm:item:import'],
              onClick: handleImport,
            },
            // {
            //   label: $t('ui.actionTitle.export'),
            //   type: 'primary',