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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

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

@@ -12,7 +12,10 @@
  deleteProcess,
  exportProcess,
  getProcessPage,
  importProcess,
  importProcessTemplate,
} from '#/api/mes/pro/process';
import ImportModalComponent from '#/components/import-modal';
import { $t } from '#/locales';

import { useGridColumns, useGridFormSchema } from './data';
@@ -20,6 +23,11 @@

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

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

@@ -31,6 +39,18 @@
/** 创建生产工序 */
function handleCreate() {
  formModalApi.setData({ formType: 'create' }).open();
}

/** 导入生产工序 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['工序']),
      fileName: '生产工序导入模板.xls',
      importFn: importProcess,
      templateFn: importProcessTemplate,
    })
    .open();
}

/** 编辑生产工序 */
@@ -97,6 +117,7 @@

<template>
  <Page auto-content-height><FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="生产工序列表">
      <template #toolbar-tools>
        <TableAction
@@ -109,6 +130,12 @@
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['工序']),
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:pro-process:import'],
              onClick: handleImport,
            },
            {
              label: $t('ui.actionTitle.export'),
              type: 'primary',
              icon: ACTION_ICON.DOWNLOAD,