From 268b3e77f3beaba03a1273d643d8aa4fa5db1c10 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 16 十月 2026 13:08:27 +0800
Subject: [PATCH] feat: 全量列表页接入 Excel 导入按钮与共享弹窗
---
src/views/bpm/form/index.vue | 34 +++++++++++++++++++++++++++++++++-
1 files changed, 33 insertions(+), 1 deletions(-)
diff --git a/src/views/bpm/form/index.vue b/src/views/bpm/form/index.vue
index dbe827e..179f0e6 100644
--- a/src/views/bpm/form/index.vue
+++ b/src/views/bpm/form/index.vue
@@ -10,17 +10,41 @@
import { message } from 'ant-design-vue';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
-import { deleteForm, getFormPage } from '#/api/bpm/form';
+import {
+ deleteForm,
+ getFormPage,
+ importForm,
+ importFormTemplate,
+} from '#/api/bpm/form';
import { router } from '#/router';
+
+import ImportModalComponent from '#/components/import-modal';
import { useGridColumns, useGridFormSchema } from './data';
import Detail from './modules/detail.vue';
defineOptions({ name: 'BpmForm' });
+const [ImportModal, importModalApi] = useVbenModal({
+ connectedComponent: ImportModalComponent,
+ destroyOnClose: true,
+});
+
/** 鍒锋柊琛ㄦ牸 */
function handleRefresh() {
gridApi.query();
+}
+
+/** 瀵煎叆娴佺▼琛ㄥ崟 */
+function handleImport() {
+ importModalApi
+ .setData({
+ title: $t('ui.actionTitle.import', ['娴佺▼琛ㄥ崟']),
+ fileName: '鍔ㄦ�佽〃鍗曞鍏ユā鏉�.xls',
+ importFn: importForm,
+ templateFn: importFormTemplate,
+ })
+ .open();
}
/** 鏂板琛ㄥ崟 */
@@ -118,6 +142,7 @@
<template>
<Page auto-content-height><DetailModal />
+ <ImportModal @success="handleRefresh" />
<Grid table-title="娴佺▼琛ㄥ崟">
<template #toolbar-tools>
<TableAction
@@ -129,6 +154,13 @@
auth: ['bpm:form:create'],
onClick: handleCreate,
},
+ {
+ label: $t('ui.actionTitle.import', ['娴佺▼琛ㄥ崟']),
+ type: 'primary',
+ icon: ACTION_ICON.UPLOAD,
+ auth: ['bpm:form:import'],
+ onClick: handleImport,
+ },
]"
/>
</template>
--
Gitblit v1.9.3