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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

 src/views/wls/barcode/config/index.vue

@@ -10,15 +10,24 @@
import {
  deleteBarcodeConfig,
  getBarcodeConfigPage,
  importBarcodeConfig,
  importBarcodeConfigTemplate,
  updateBarcodeConfig,
} from '#/api/mes/wm/barcode/config';
import { $t } from '#/locales';

import ImportModalComponent from '#/components/import-modal';

import { useConfigGridColumns, useConfigGridFormSchema } from '../data';
import ConfigForm from './modules/form.vue';

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

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

@@ -40,6 +49,18 @@
/** 刷新表格 */
function handleRefresh() {
  gridApi.query();
}

/** 导入条码配置 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['条码配置']),
      fileName: '条码配置导入模板.xls',
      importFn: importBarcodeConfig,
      templateFn: importBarcodeConfigTemplate,
    })
    .open();
}

/** 创建条码配置 */
@@ -104,6 +125,7 @@

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

    <Grid table-title="条码配置列表">
      <template #toolbar-tools>
@@ -116,6 +138,13 @@
              auth: ['mes:wm-barcode-config:create'],
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['条码配置']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:wm-barcode-config:import'],
              onClick: handleImport,
            },
          ]"
        />
      </template>