From 16132738357407d553d5a7cc297b8213baf6b02a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=AF=BA?= <1253070437@qq.com>
Date: Sun, 12 Mar 2023 11:02:15 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8D=87=E7=BA=A7=E3=80=91=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E5=B8=A6=E6=9C=89=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD=E7=BB=9F=E4=B8=80=E5=B0=81=E8=A3=85?=
 =?UTF-8?q?=E4=B8=BA=E6=8F=92=E4=BB=B6=E5=85=B1=E7=94=A8=EF=BC=8C=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4=E7=A1=AE=E8=AE=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/XnBatchDelete/index.vue    | 53 +++++++++++++++++++
 snowy-admin-web/src/views/biz/org/index.vue   | 23 ++++----
 .../src/views/biz/position/index.vue          | 23 ++++----
 snowy-admin-web/src/views/biz/user/index.vue  | 45 +++++-----------
 .../src/views/dev/config/index.vue            |  1 -
 snowy-admin-web/src/views/dev/file/index.vue  | 13 +----
 snowy-admin-web/src/views/dev/job/index.vue   | 13 +----
 .../src/views/dev/message/index.vue           | 13 +----
 snowy-admin-web/src/views/dev/sms/index.vue   | 13 +----
 snowy-admin-web/src/views/gen/index.vue       | 35 +-----------
 .../src/views/mobile/resource/menu/index.vue  | 13 +----
 .../views/mobile/resource/module/index.vue    | 13 +----
 snowy-admin-web/src/views/sys/org/index.vue   | 13 +----
 .../src/views/sys/position/index.vue          | 15 ++----
 .../src/views/sys/resource/button/index.vue   |  1 -
 .../src/views/sys/resource/menu/index.vue     | 29 ++--------
 .../src/views/sys/resource/module/index.vue   | 15 ++----
 .../src/views/sys/resource/spa/index.vue      | 14 +----
 snowy-admin-web/src/views/sys/role/index.vue  | 15 ++----
 snowy-admin-web/src/views/sys/user/index.vue  | 42 +++------------
 20 files changed, 126 insertions(+), 276 deletions(-)
 create mode 100644 snowy-admin-web/src/components/XnBatchDelete/index.vue

diff --git a/snowy-admin-web/src/components/XnBatchDelete/index.vue b/snowy-admin-web/src/components/XnBatchDelete/index.vue
new file mode 100644
index 00000000..bb948c12
--- /dev/null
+++ b/snowy-admin-web/src/components/XnBatchDelete/index.vue
@@ -0,0 +1,53 @@
+<template>
+	<a-popconfirm
+		title="删除此信息？"
+		:visible="deleteVisible"
+		@visibleChange="deleteVisibleChange"
+		@confirm="deleteBatch"
+	>
+		<a-button danger>
+			<template #icon><delete-outlined /></template>
+			{{ props.buttonName }}
+		</a-button>
+	</a-popconfirm>
+</template>
+
+<script setup name="commonBatchDelete">
+	import { message } from 'ant-design-vue'
+	const deleteVisible = ref(false)
+	const emit = defineEmits({ batchDelete: null })
+	const props = defineProps({
+		buttonName: {
+			type: String,
+			default: () => '批量删除'
+		},
+		selectedRowKeys: {
+			type: Array,
+			default: () => []
+		}
+	})
+	// 参数校验
+	const deleteVisibleChange = () => {
+		if (deleteVisible.value) {
+			deleteVisible.value = false
+			return false
+		}
+		if (props.selectedRowKeys.length < 1) {
+			message.warning('请选择一条或多条数据')
+			deleteVisible.value = false
+			return false
+		} else {
+			deleteVisible.value = true
+		}
+	}
+	// 批量删除
+	const deleteBatch = () => {
+		const params = props.selectedRowKeys.map((m) => {
+			return {
+				id: m
+			}
+		})
+		// 发起方法调用，谁的谁来实现
+		emit('batchDelete', params)
+	}
+</script>
diff --git a/snowy-admin-web/src/views/biz/org/index.vue b/snowy-admin-web/src/views/biz/org/index.vue
index d7faea0f..f64d6cde 100644
--- a/snowy-admin-web/src/views/biz/org/index.vue
+++ b/snowy-admin-web/src/views/biz/org/index.vue
@@ -48,11 +48,19 @@
 				>
 					<template #operator class="table-operator">
 						<a-space>
-							<a-button type="primary" @click="form.onOpen(undefined, searchFormState.parentId)" v-if="hasPerm('bizOrgAdd')">
+							<a-button
+								type="primary"
+								@click="form.onOpen(undefined, searchFormState.parentId)"
+								v-if="hasPerm('bizOrgAdd')"
+							>
 								<template #icon><plus-outlined /></template>
 								新增
 							</a-button>
-							<a-button danger @click="deleteBatchOrg()" v-if="hasPerm('bizOrgBatchDelete')">删除</a-button>
+							<xn-batch-delete
+								v-if="hasPerm('bizOrgBatchDelete')"
+								:selectedRowKeys="selectedRowKeys"
+								@batchDelete="deleteBatchOrg"
+							/>
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -183,16 +191,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchOrg = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchOrg = (params) => {
 		bizOrgApi.orgDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/biz/position/index.vue b/snowy-admin-web/src/views/biz/position/index.vue
index eb022b98..de214ac9 100644
--- a/snowy-admin-web/src/views/biz/position/index.vue
+++ b/snowy-admin-web/src/views/biz/position/index.vue
@@ -48,11 +48,19 @@
 				>
 					<template #operator class="table-operator">
 						<a-space>
-							<a-button type="primary" @click="form.onOpen(undefined, searchFormState.orgId)" v-if="hasPerm('bizPositionAdd')">
+							<a-button
+								type="primary"
+								@click="form.onOpen(undefined, searchFormState.orgId)"
+								v-if="hasPerm('bizPositionAdd')"
+							>
 								<template #icon><plus-outlined /></template>
 								新增
 							</a-button>
-							<a-button danger @click="deleteBatchPosition()" v-if="hasPerm('bizPositionBatchDelete')">删除</a-button>
+							<xn-batch-delete
+								v-if="hasPerm('bizPositionBatchDelete')"
+								:selectedRowKeys="selectedRowKeys"
+								@batchDelete="deleteBatchPosition"
+							/>
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -181,16 +189,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchPosition = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchPosition = (params) => {
 		bizPositionApi.positionDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/biz/user/index.vue b/snowy-admin-web/src/views/biz/user/index.vue
index 65726eaf..c4dbbe03 100644
--- a/snowy-admin-web/src/views/biz/user/index.vue
+++ b/snowy-admin-web/src/views/biz/user/index.vue
@@ -60,7 +60,11 @@
 				>
 					<template #operator class="table-operator">
 						<a-space>
-							<a-button type="primary" @click="form.onOpen(undefined, searchFormState.orgId)" v-if="hasPerm('bizUserAdd')">
+							<a-button
+								type="primary"
+								@click="form.onOpen(undefined, searchFormState.orgId)"
+								v-if="hasPerm('bizUserAdd')"
+							>
 								<template #icon><plus-outlined /></template>
 								<span>{{ $t('common.addButton') }}{{ $t('model.user') }}</span>
 							</a-button>
@@ -72,17 +76,12 @@
 								<template #icon><delete-outlined /></template>
 								{{ $t('user.batchExportButton') }}
 							</a-button>
-							<a-popconfirm
-								title="删除此信息？"
-								:visible="deleteVisible"
-								@visibleChange="deleteVisibleChange"
-								@confirm="deleteBatchUser"
-							>
-								<a-button danger v-if="hasPerm('bizUserBatchDelete')">
-									<template #icon><delete-outlined /></template>
-									{{ $t('common.batchRemoveButton') }}
-								</a-button>
-							</a-popconfirm>
+							<xn-batch-delete
+								v-if="hasPerm('bizUserBatchDelete')"
+								:buttonName="$t('common.batchRemoveButton')"
+								:selectedRowKeys="selectedRowKeys"
+								@batchDelete="deleteBatchUser"
+							/>
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -222,7 +221,6 @@
 	const loading = ref(false)
 	const cardLoading = ref(true)
 	const ImpExpRef = ref()
-	const deleteVisible = ref(false)
 	// 表格查询 返回 Promise 对象
 	const loadData = (parameter) => {
 		return bizUserApi.userPage(Object.assign(parameter, searchFormState)).then((res) => {
@@ -338,27 +336,8 @@
 			downloadUtil.resultDownload(res)
 		})
 	}
-	// 批量删除校验
-	const deleteVisibleChange = () => {
-		if (deleteVisible.value) {
-			deleteVisible.value = false
-			return false
-		}
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			deleteVisible.value = false
-			return false
-		} else {
-			deleteVisible.value = true
-		}
-	}
 	// 批量删除
-	const deleteBatchUser = () => {
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchUser = (params) => {
 		bizUserApi.userDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/dev/config/index.vue b/snowy-admin-web/src/views/dev/config/index.vue
index 34a28447..1c97ba0a 100644
--- a/snowy-admin-web/src/views/dev/config/index.vue
+++ b/snowy-admin-web/src/views/dev/config/index.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script setup name="devConfig">
-	import { Empty } from 'ant-design-vue'
 	import SysConfig from './sysConfig.vue'
 	import EmailConfig from './emailConfig/index.vue'
 	import SmsConfig from './smsConfig/index.vue'
diff --git a/snowy-admin-web/src/views/dev/file/index.vue b/snowy-admin-web/src/views/dev/file/index.vue
index 2aa97b78..b8de5593 100644
--- a/snowy-admin-web/src/views/dev/file/index.vue
+++ b/snowy-admin-web/src/views/dev/file/index.vue
@@ -42,7 +42,7 @@
 						<UploadOutlined />
 						文件上传
 					</a-button>
-					<a-button danger @click="deleteBatchFile()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchFile" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -181,16 +181,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchFile = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchFile = (params) => {
 		fileApi.fileDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/dev/job/index.vue b/snowy-admin-web/src/views/dev/job/index.vue
index 6027a34c..5c7e5e15 100644
--- a/snowy-admin-web/src/views/dev/job/index.vue
+++ b/snowy-admin-web/src/views/dev/job/index.vue
@@ -41,7 +41,7 @@
 						<template #icon><plus-outlined /></template>
 						新增
 					</a-button>
-					<a-button danger @click="deleteBatchJob()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchJob" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -190,16 +190,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchJob = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchJob = (params) => {
 		jobApi.jobDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/dev/message/index.vue b/snowy-admin-web/src/views/dev/message/index.vue
index 0b4cebc6..a0d8a1b7 100644
--- a/snowy-admin-web/src/views/dev/message/index.vue
+++ b/snowy-admin-web/src/views/dev/message/index.vue
@@ -34,7 +34,7 @@
 			<template #operator class="table-operator">
 				<a-space>
 					<a-button type="primary" @click="form.onOpen()"> 发送站内信 </a-button>
-					<a-button danger @click="deleteBatchEmail()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchEmail" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -122,16 +122,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchEmail = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchEmail = (params) => {
 		messageApi.messageDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/dev/sms/index.vue b/snowy-admin-web/src/views/dev/sms/index.vue
index 6b4d416b..cc20e43b 100644
--- a/snowy-admin-web/src/views/dev/sms/index.vue
+++ b/snowy-admin-web/src/views/dev/sms/index.vue
@@ -47,7 +47,7 @@
 						<template #icon><plus-outlined /></template>
 						发送短信
 					</a-button>
-					<a-button danger @click="deleteBatchSms()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchSms" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -152,16 +152,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchSms = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchSms = (params) => {
 		smsApi.smsDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/gen/index.vue b/snowy-admin-web/src/views/gen/index.vue
index 706a860b..f0215b15 100644
--- a/snowy-admin-web/src/views/gen/index.vue
+++ b/snowy-admin-web/src/views/gen/index.vue
@@ -17,18 +17,7 @@
 						<template #icon><plus-outlined /></template>
 						新建
 					</a-button>
-
-					<a-popconfirm
-						title="删除此信息？"
-						:visible="deleteVisible"
-						@visibleChange="deleteVisibleChange"
-						@confirm="deleteBatchCodeGen"
-					>
-						<a-button type="danger">
-							<template #icon><delete-outlined /></template>
-							删除
-						</a-button>
-					</a-popconfirm>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchCodeGen" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -69,7 +58,6 @@
 	const indexShow = ref(true)
 	const stepsRef = ref()
 	const genPreviewRef = ref()
-	const deleteVisible = ref(false)
 
 	const columns = [
 		{
@@ -189,27 +177,8 @@
 			table.value.refresh()
 		})
 	}
-	// 批量删除校验
-	const deleteVisibleChange = () => {
-		if (deleteVisible.value) {
-			deleteVisible.value = false
-			return false
-		}
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			deleteVisible.value = false
-			return false
-		} else {
-			deleteVisible.value = true
-		}
-	}
 	// 批量删除
-	const deleteBatchCodeGen = () => {
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchCodeGen = (params) => {
 		genBasicApi.basicDelete(params).then(() => {
 			table.value.refresh()
 		})
diff --git a/snowy-admin-web/src/views/mobile/resource/menu/index.vue b/snowy-admin-web/src/views/mobile/resource/menu/index.vue
index a0df42f3..a57f8423 100644
--- a/snowy-admin-web/src/views/mobile/resource/menu/index.vue
+++ b/snowy-admin-web/src/views/mobile/resource/menu/index.vue
@@ -41,7 +41,7 @@
 						<template #icon><plus-outlined /></template>
 						新增
 					</a-button>
-					<a-button danger @click="deleteBatchMobileMenu()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchMobileMenu" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -200,16 +200,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchMobileMenu = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchMobileMenu = (params) => {
 		mobileMenuApi.mobileMenuDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/mobile/resource/module/index.vue b/snowy-admin-web/src/views/mobile/resource/module/index.vue
index e8fec158..6d170b9b 100644
--- a/snowy-admin-web/src/views/mobile/resource/module/index.vue
+++ b/snowy-admin-web/src/views/mobile/resource/module/index.vue
@@ -31,7 +31,7 @@
 						<template #icon><plus-outlined /></template>
 						新增模块
 					</a-button>
-					<a-button danger @click="deleteBatchModule()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchModule" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -128,16 +128,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchModule = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchModule = (params) => {
 		moduleApi.moduleDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/org/index.vue b/snowy-admin-web/src/views/sys/org/index.vue
index 93e98722..70336fd0 100644
--- a/snowy-admin-web/src/views/sys/org/index.vue
+++ b/snowy-admin-web/src/views/sys/org/index.vue
@@ -51,7 +51,7 @@
 								<template #icon><plus-outlined /></template>
 								新增
 							</a-button>
-							<a-button danger @click="deleteBatchOrg()">删除</a-button>
+							<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchOrg" />
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -175,16 +175,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchOrg = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchOrg = (params) => {
 		orgApi.orgDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/position/index.vue b/snowy-admin-web/src/views/sys/position/index.vue
index 770cdeeb..f63adb66 100644
--- a/snowy-admin-web/src/views/sys/position/index.vue
+++ b/snowy-admin-web/src/views/sys/position/index.vue
@@ -52,7 +52,7 @@
 								<template #icon><plus-outlined /></template>
 								新增
 							</a-button>
-							<a-button danger @click="deleteBatchPosition()">删除</a-button>
+							<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchPosition" />
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -75,7 +75,7 @@
 </template>
 
 <script setup name="sysPosition">
-	import { message, Empty } from 'ant-design-vue'
+	import { Empty } from 'ant-design-vue'
 	import positionApi from '@/api/sys/positionApi'
 	import orgApi from '@/api/sys/orgApi'
 	import Form from './form.vue'
@@ -174,16 +174,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchPosition = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchPosition = (params) => {
 		positionApi.positionDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/resource/button/index.vue b/snowy-admin-web/src/views/sys/resource/button/index.vue
index 7ae59689..6ddafa15 100644
--- a/snowy-admin-web/src/views/sys/resource/button/index.vue
+++ b/snowy-admin-web/src/views/sys/resource/button/index.vue
@@ -39,7 +39,6 @@
 </template>
 
 <script setup>
-	import { message } from 'ant-design-vue'
 	import buttonApi from '@/api/sys/resource/buttonApi'
 	import Form from './form.vue'
 	const columns = [
diff --git a/snowy-admin-web/src/views/sys/resource/menu/index.vue b/snowy-admin-web/src/views/sys/resource/menu/index.vue
index 6670375a..70837e56 100644
--- a/snowy-admin-web/src/views/sys/resource/menu/index.vue
+++ b/snowy-admin-web/src/views/sys/resource/menu/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<a-card :bordered="false" class="select-card">
+	<a-card :bordered="false">
 		<a-space>
 			<a-radio-group v-model:value="moduleType" button-style="solid">
 				<a-radio-button
@@ -12,7 +12,6 @@
 					{{ module.title }}</a-radio-button
 				>
 			</a-radio-group>
-
 			<a-input-search
 				v-model:value="searchFormState.searchKey"
 				placeholder="请输入菜单名称关键词"
@@ -22,7 +21,7 @@
 			/>
 		</a-space>
 	</a-card>
-	<a-card :bordered="false">
+	<a-card :bordered="false" class="mt-2">
 		<s-table
 			ref="table"
 			:columns="columns"
@@ -40,7 +39,7 @@
 						<template #icon><plus-outlined /></template>
 						新增菜单
 					</a-button>
-					<a-button danger @click="deleteBatchMenu()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchMenu" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -106,7 +105,6 @@
 </template>
 
 <script setup name="sysMenu">
-	import { message } from 'ant-design-vue'
 	import menuApi from '@/api/sys/resource/menuApi'
 	import Form from './form.vue'
 	import changeModuleForm from './changeModuleForm.vue'
@@ -236,28 +234,9 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchMenu = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchMenu = (params) => {
 		menuApi.menuDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
 	}
 </script>
-
-<style scoped>
-	.select-card {
-		margin-top: -12px;
-		margin-left: -12px;
-		margin-right: -12px;
-		margin-bottom: 10px;
-		padding-top: -10px;
-	}
-</style>
diff --git a/snowy-admin-web/src/views/sys/resource/module/index.vue b/snowy-admin-web/src/views/sys/resource/module/index.vue
index 5c456294..04d9d885 100644
--- a/snowy-admin-web/src/views/sys/resource/module/index.vue
+++ b/snowy-admin-web/src/views/sys/resource/module/index.vue
@@ -4,7 +4,7 @@
 			<a-row :gutter="24">
 				<a-col :span="8">
 					<a-form-item label="名称关键词" name="searchKey">
-						<a-input v-model:value="searchFormState.searchKey" placeholder="请输入模块名称关键词"></a-input>
+						<a-input v-model:value="searchFormState.searchKey" placeholder="请输入模块名称关键词" />
 					</a-form-item>
 				</a-col>
 				<a-col :span="8">
@@ -31,7 +31,7 @@
 						<template #icon><plus-outlined /></template>
 						新增模块
 					</a-button>
-					<a-button danger @click="deleteBatchModule()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchModule" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -122,16 +122,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchModule = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchModule = (params) => {
 		moduleApi.moduleDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/resource/spa/index.vue b/snowy-admin-web/src/views/sys/resource/spa/index.vue
index 3119368e..407c2310 100644
--- a/snowy-admin-web/src/views/sys/resource/spa/index.vue
+++ b/snowy-admin-web/src/views/sys/resource/spa/index.vue
@@ -42,7 +42,7 @@
 						<template #icon><plus-outlined /></template>
 						新增单页
 					</a-button>
-					<a-button danger @click="deleteBatchSpa()">删除</a-button>
+					<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchSpa" />
 				</a-space>
 			</template>
 			<template #bodyCell="{ column, record }">
@@ -76,7 +76,6 @@
 </template>
 
 <script setup name="sysSpa">
-	import { message } from 'ant-design-vue'
 	import spaApi from '@/api/sys/resource/spaApi'
 	import tool from '@/utils/tool'
 	import Form from './form.vue'
@@ -177,16 +176,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchSpa = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchSpa = (params) => {
 		spaApi.spaDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/role/index.vue b/snowy-admin-web/src/views/sys/role/index.vue
index 727a3f39..b76fe957 100644
--- a/snowy-admin-web/src/views/sys/role/index.vue
+++ b/snowy-admin-web/src/views/sys/role/index.vue
@@ -53,7 +53,7 @@
 								<template #icon><plus-outlined /></template>
 								新增角色
 							</a-button>
-							<a-button danger @click="deleteBatchRole()">删除</a-button>
+							<xn-batch-delete :selectedRowKeys="selectedRowKeys" @batchDelete="deleteBatchRole" />
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -108,7 +108,7 @@
 </template>
 
 <script setup name="sysRole">
-	import { message, Empty } from 'ant-design-vue'
+	import { Empty } from 'ant-design-vue'
 	import roleApi from '@/api/sys/roleApi'
 	import orgApi from '@/api/sys/orgApi'
 	import grantResourceForm from './grantResourceForm.vue'
@@ -239,16 +239,7 @@
 		})
 	}
 	// 批量删除
-	const deleteBatchRole = () => {
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			return false
-		}
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchRole = (params) => {
 		roleApi.roleDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})
diff --git a/snowy-admin-web/src/views/sys/user/index.vue b/snowy-admin-web/src/views/sys/user/index.vue
index 8585524f..74754ece 100644
--- a/snowy-admin-web/src/views/sys/user/index.vue
+++ b/snowy-admin-web/src/views/sys/user/index.vue
@@ -72,17 +72,11 @@
 								<template #icon><delete-outlined /></template>
 								{{ $t('user.batchExportButton') }}
 							</a-button>
-							<a-popconfirm
-								title="删除此信息？"
-								:visible="deleteVisible"
-								@visibleChange="deleteVisibleChange"
-								@confirm="deleteBatchUser"
-							>
-								<a-button danger>
-									<template #icon><delete-outlined /></template>
-									{{ $t('common.batchRemoveButton') }}
-								</a-button>
-							</a-popconfirm>
+							<xn-batch-delete
+								:buttonName="$t('common.batchRemoveButton')"
+								:selectedRowKeys="selectedRowKeys"
+								@batchDelete="deleteBatchUser"
+							/>
 						</a-space>
 					</template>
 					<template #bodyCell="{ column, record }">
@@ -218,7 +212,7 @@
 	let searchFormState = reactive({})
 	const table = ref(null)
 	const treeData = ref([])
-	let selectedRowKeys = ref([])
+	const selectedRowKeys = ref([])
 	const treeFieldNames = { children: 'children', title: 'name', key: 'id' }
 	let form = ref(null)
 	let RoleSelectorPlus = ref()
@@ -228,7 +222,6 @@
 	const ImpExpRef = ref()
 	const grantResourceFormRef = ref()
 	const grantPermissionFormRef = ref()
-	const deleteVisible = ref(false)
 	// 表格查询 返回 Promise 对象
 	const loadData = (parameter) => {
 		return userApi.userPage(Object.assign(parameter, searchFormState)).then((res) => {
@@ -260,7 +253,7 @@
 		alert: {
 			show: false,
 			clear: () => {
-				selectedRowKeys = ref([])
+				selectedRowKeys.value = ref([])
 			}
 		},
 		rowSelection: {
@@ -339,27 +332,8 @@
 			downloadUtil.resultDownload(res)
 		})
 	}
-	// 批量删除校验
-	const deleteVisibleChange = () => {
-		if (deleteVisible.value) {
-			deleteVisible.value = false
-			return false
-		}
-		if (selectedRowKeys.value.length < 1) {
-			message.warning('请选择一条或多条数据')
-			deleteVisible.value = false
-			return false
-		} else {
-			deleteVisible.value = true
-		}
-	}
 	// 批量删除
-	const deleteBatchUser = () => {
-		const params = selectedRowKeys.value.map((m) => {
-			return {
-				id: m
-			}
-		})
+	const deleteBatchUser = (params) => {
 		userApi.userDelete(params).then(() => {
 			table.value.clearRefreshSelected()
 		})