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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

 src/views/mes/qc/template/index.vue

@@ -9,19 +9,20 @@
import { Button, message } from 'ant-design-vue';

import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
  deleteTemplate,
  exportTemplate,
  getTemplatePage,
} from '#/api/mes/qc/template';
import { deleteTemplate, exportTemplate, getTemplatePage, importTemplate, importTemplateTemplate } from '#/api/mes/qc/template';
import { DictTag } from '#/components/dict-tag';
import { $t } from '#/locales';

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

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

@@ -29,6 +30,19 @@
function handleRefresh() {
  gridApi.query();
}

/** 导入质检方案 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['质检方案']),
      fileName: '质检方案导入模板.xls',
      importFn: importTemplate,
      templateFn: importTemplateTemplate,
    })
    .open();
}


/** 创建质检方案 */
function handleCreate() {
@@ -99,6 +113,7 @@

<template>
  <Page auto-content-height><FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />

    <Grid table-title="质检方案列表">
      <template #toolbar-tools>
@@ -118,6 +133,13 @@
              auth: ['mes:qc-template:export'],
              onClick: handleExport,
            },
            {
              label: $t('ui.actionTitle.import', ['质检方案']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:qc-template:import'],
              onClick: handleImport,
            },
          ]"
        />
      </template>