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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

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

@@ -14,9 +14,12 @@
  deleteFeedback,
  exportFeedback,
  getFeedbackPage,
  importFeedback,
  importFeedbackTemplate,
} from '#/api/mes/pro/feedback';
import { getWorkOrder } from '#/api/mes/pro/workorder';
import { $t } from '#/locales';
import ImportModalComponent from '#/components/import-modal';

import { ref } from 'vue';

@@ -29,6 +32,11 @@

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

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

@@ -85,6 +93,18 @@
  downloadFileFromBlobPart({ fileName: '生产报工.xls', source: data });
}

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

/** 查看归档 */
async function handleArchive(row: MesProFeedbackApi.Feedback) {
  if (!row.workOrderId) return;
@@ -122,6 +142,7 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="生产报工列表">
      <template #toolbar-tools>
        <TableAction
@@ -140,6 +161,13 @@
              auth: ['mes:pro-feedback:export'],
              onClick: handleExport,
            },
            {
              label: $t('ui.actionTitle.import', ['生产报工']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:pro-feedback:import'],
              onClick: handleImport,
            },
          ]"
        />
      </template>