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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

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

@@ -10,7 +10,14 @@
import { message, Tag } from 'ant-design-vue';

import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { deletePlan, getPlanPage, publishPlan } from '#/api/mes/pro/emergencyplan';
import {
  deletePlan,
  getPlanPage,
  importPlan,
  importPlanTemplate,
  publishPlan,
} from '#/api/mes/pro/emergencyplan';
import ImportModalComponent from '#/components/import-modal';
import { $t } from '#/locales';

import { PLAN_STATUS, useGridColumns, useGridFormSchema } from './data';
@@ -21,6 +28,11 @@

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

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

@@ -58,6 +70,18 @@
  await publishPlan(row.id!);
  message.success('已发布');
  handleRefresh();
}

/** 导入应急处置预案 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['应急处置预案']),
      fileName: '应急处置预案导入模板.xls',
      importFn: importPlan,
      templateFn: importPlanTemplate,
    })
    .open();
}

const checkedIds = ref<number[]>([]);
@@ -107,6 +131,7 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="应急处置预案列表">
      <template #toolbar-tools>
        <TableAction
@@ -119,6 +144,12 @@
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['应急处置预案']),
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:pro-emergency-plan:import'],
              onClick: handleImport,
            },
            {
              label: '批量删除',
              type: 'primary',
              danger: true,