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

gaoluyang

2026-10-16 268b3e77f3beaba03a1273d643d8aa4fa5db1c10

 src/views/crm/contract/index.vue

@@ -18,9 +18,13 @@
  generateSaleOrder,
  getContractApproverIds,
  getContractPage,
  importContract,
  importContractTemplate,
  submitContract,
} from '#/api/crm/contract';
import { $t } from '#/locales';

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

import { useGridColumns, useGridFormSchema } from './data';
import AuditModal from './modules/audit-modal.vue';
@@ -62,6 +66,11 @@
  destroyOnClose: true,
});

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

/** 刷新表格与审批人集合 */
function handleRefresh() {
  gridApi.query();
@@ -87,6 +96,18 @@
/** 创建合同 */
function handleCreate() {
  formModalApi.setData(null).open();
}

/** 导入合同 */
function handleImport() {
  importModalApi
    .setData({
      title: $t('ui.actionTitle.import', ['合同']),
      fileName: '合同导入模板.xls',
      importFn: importContract,
      templateFn: importContractTemplate,
    })
    .open();
}

/** 编辑合同 */
@@ -221,6 +242,7 @@
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <AuditModalComp @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid>
      <template #toolbar-actions>
        <Tabs class="w-full" @change="handleChangeSceneType">
@@ -246,6 +268,13 @@
              auth: ['crm:contract:export'],
              onClick: handleExport,
            },
            {
              label: $t('ui.actionTitle.import', ['合同']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['crm:contract:import'],
              onClick: handleImport,
            },
          ]"
        />
      </template>