feat(srm): 供应商档案新增 Excel 导入导出

liu

2026-09-03 d5656aecc633cdac7ebc286a85b07274fed16e1b

 src/views/mes/md/item/type/index.vue

@@ -4,19 +4,30 @@

import { ref } from 'vue';

import { Page, useVbenModal } from '../../../../../packages/effects/common-ui/src';
import { Page, useVbenModal } from '@vben/common-ui';
import { downloadFileFromBlobPart } from '@vben/utils';

import { message } from 'ant-design-vue';

import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { deleteItemType, getItemTypeList } from '#/api/mes/md/item/type';
import {
  deleteItemType,
  exportItemType,
  getItemTypeList,
} from '#/api/mes/md/item/type';
import { $t } from '#/locales';

import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';
import ImportForm from './modules/import-form.vue';

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

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

@@ -36,6 +47,17 @@
/** 创建分类 */
function handleCreate() {
  formModalApi.setData(null).open();
}

/** 导入分类 */
function handleImport() {
  importModalApi.open();
}

/** 导出分类（按当前列表查询条件导出全部命中数据） */
async function handleExport() {
  const data = await exportItemType(await gridApi.formApi.getValues());
  downloadFileFromBlobPart({ fileName: '物料分类数据.xls', source: data });
}

/** 添加下级分类 */
@@ -101,7 +123,7 @@
</script>

<template>
  <Page auto-content-height><FormModal @success="handleRefresh" />
  <Page auto-content-height><FormModal @success="handleRefresh" /><ImportModal @success="handleRefresh" />
    <Grid table-title="物料分类列表">
      <template #toolbar-tools>
        <TableAction
@@ -114,6 +136,20 @@
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['物料分类']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:md-item-type:import'],
              onClick: handleImport,
            },
            {
              label: $t('ui.actionTitle.export'),
              type: 'primary',
              icon: ACTION_ICON.DOWNLOAD,
              auth: ['mes:md-item-type:export'],
              onClick: handleExport,
            },
            {
              label: isExpanded ? '收缩' : '展开',
              type: 'primary',
              onClick: handleExpand,