From 12b290243323e821cc04e78d91fd2c4bc443ab5c Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Thu, 3 Oct 2024 18:56:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2=EF=BC=8C=E6=9D=83=E9=99=90=EF=BC=8C=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=9B=BE=E6=A0=87=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/i18n/i18n-setting/index.vue    |  2 +-
 src/views/system/menuIcon/index.vue      | 24 +++++++++++++++++++++--
 src/views/system/menuIcon/utils/hooks.ts | 21 ++++++++++++++++++++
 src/views/system/power/index.vue         | 25 +++++++++++++++++++++---
 src/views/system/power/utils/columns.ts  |  2 +-
 src/views/system/power/utils/hooks.ts    | 21 ++++++++++++++++++++
 src/views/system/role/index.vue          | 25 ++++++++++++++++++++----
 src/views/system/role/utils/columns.ts   |  2 +-
 src/views/system/role/utils/hooks.ts     | 21 ++++++++++++++++++++
 9 files changed, 131 insertions(+), 12 deletions(-)

diff --git a/src/views/i18n/i18n-setting/index.vue b/src/views/i18n/i18n-setting/index.vue
index 97668fc..93a0905 100644
--- a/src/views/i18n/i18n-setting/index.vue
+++ b/src/views/i18n/i18n-setting/index.vue
@@ -81,7 +81,7 @@ onMounted(() => {
 				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_multilingual') }} </el-button>
 				<!-- 批量删除按钮 -->
 				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
-					{{ $t('add_multilingual') }}
+					{{ $t('delete_batches') }}
 				</el-button>
 			</template>
 
diff --git a/src/views/system/menuIcon/index.vue b/src/views/system/menuIcon/index.vue
index 1ada930..44f7fdb 100644
--- a/src/views/system/menuIcon/index.vue
+++ b/src/views/system/menuIcon/index.vue
@@ -5,7 +5,7 @@ import PureTableBar from '@/components/TableBar/src/bar';
 import { useRenderIcon } from '@/components/CommonIcon/src/hooks';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { onAdd, onDelete, onSearch, onUpdate } from '@/views/system/menuIcon/utils/hooks';
+import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/menuIcon/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@@ -17,6 +17,18 @@ const tableRef = ref();
 const formRef = ref();
 const menuIconStore = useMenuIconStore();
 
+/**
+ * * 选择多行
+ * @param rows
+ */
+const onSelectionChange = (rows: Array<any>) => {
+	deleteIds.value = rows.map((row: any) => row.id);
+};
+
+/**
+ * 重置表单
+ * @param formEl
+ */
 const resetForm = async formEl => {
 	if (!formEl) return;
 	formEl.resetFields();
@@ -42,7 +54,14 @@ onMounted(() => {
 
 		<PureTableBar :columns="columns" title="系统菜单图标" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
 			<template #buttons>
-				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> 添加系统菜单图标</el-button>
+				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd">
+					{{ $t('add_new') + $t('menuIcon_iconName') }}
+				</el-button>
+
+				<!-- 批量删除按钮 -->
+				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
+					{{ $t('delete_batches') }}
+				</el-button>
 			</template>
 
 			<template v-slot="{ size, dynamicColumns }">
@@ -61,6 +80,7 @@ onMounted(() => {
 					row-key="id"
 					showOverflowTooltip
 					table-layout="auto"
+					@selection-change="onSelectionChange"
 				>
 					<template #iconName="{ row }">
 						<div class="flex justify-center">
diff --git a/src/views/system/menuIcon/utils/hooks.ts b/src/views/system/menuIcon/utils/hooks.ts
index 8eb5fce..9a8dd04 100644
--- a/src/views/system/menuIcon/utils/hooks.ts
+++ b/src/views/system/menuIcon/utils/hooks.ts
@@ -8,6 +8,7 @@ import { $t } from '@/plugins/i18n';
 
 export const formRef = ref();
 const menuIconStore = useMenuIconStore();
+export const deleteIds = ref([]);
 
 /**
  * * 搜索初始化系统菜单图标
@@ -98,3 +99,23 @@ export const onDelete = async (row: any) => {
 	await menuIconStore.deleteMenuIcon([id]);
 	await onSearch();
 };
+
+/**
+ * 批量删除
+ */
+export const onDeleteBatch = async () => {
+	const ids = deleteIds.value;
+
+	// 是否确认删除
+	const result = await messageBox({
+		title: $t('confirm_delete'),
+		showMessage: false,
+		confirmMessage: undefined,
+		cancelMessage: $t('cancel_delete'),
+	});
+	if (!result) return;
+
+	// 删除数据
+	await menuIconStore.deleteMenuIcon(ids);
+	await onSearch();
+};
diff --git a/src/views/system/power/index.vue b/src/views/system/power/index.vue
index 3c36be7..90e560c 100644
--- a/src/views/system/power/index.vue
+++ b/src/views/system/power/index.vue
@@ -4,7 +4,7 @@ import { columns } from '@/views/system/power/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { onAdd, onDelete, onSearch, onUpdate } from '@/views/system/power/utils/hooks';
+import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/power/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@@ -17,6 +17,18 @@ const tableRef = ref();
 const formRef = ref();
 const powerStore = usePowerStore();
 
+/**
+ * * 选择多行
+ * @param rows
+ */
+const onSelectionChange = (rows: Array<any>) => {
+	deleteIds.value = rows.map((row: any) => row.id);
+};
+
+/**
+ * 重置表单
+ * @param formEl
+ */
 const resetForm = async formEl => {
 	if (!formEl) return;
 	formEl.resetFields();
@@ -49,9 +61,15 @@ onMounted(() => {
 			</el-form-item>
 		</el-form>
 
-		<PureTableBar :columns="columns" title="权限" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
+		<PureTableBar :columns="columns" :title="$t('power')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
 			<template #buttons>
-				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> 添加权限</el-button>
+				<!-- 添加权限按钮 -->
+				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') + $t('power') }} </el-button>
+
+				<!-- 批量删除按钮 -->
+				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
+					{{ $t('delete_batches') }}
+				</el-button>
 			</template>
 
 			<template v-slot="{ size, dynamicColumns }">
@@ -70,6 +88,7 @@ onMounted(() => {
 					row-key="id"
 					showOverflowTooltip
 					table-layout="auto"
+					@selection-change="onSelectionChange"
 				>
 					<template #createUser="{ row }">
 						<el-button link type="primary" @click="selectUserinfo(row.createUser)">{{ $t('table.createUser') }} </el-button>
diff --git a/src/views/system/power/utils/columns.ts b/src/views/system/power/utils/columns.ts
index cfdc891..af1adf2 100644
--- a/src/views/system/power/utils/columns.ts
+++ b/src/views/system/power/utils/columns.ts
@@ -4,7 +4,7 @@ import { $t } from '@/plugins/i18n';
 // 表格列
 export const columns: TableColumnList = [
 	{ type: 'index', index: (index: number) => index + 1 },
-	// { type: 'selection', align: 'left' },
+	{ type: 'selection', align: 'left' },
 	{ label: $t('id'), prop: 'id' },
 	// 父级id
 	{ label: $t('power_parentId'), prop: 'parentId' },
diff --git a/src/views/system/power/utils/hooks.ts b/src/views/system/power/utils/hooks.ts
index 8f14c10..c8c582a 100644
--- a/src/views/system/power/utils/hooks.ts
+++ b/src/views/system/power/utils/hooks.ts
@@ -8,6 +8,7 @@ import { $t } from '@/plugins/i18n';
 
 export const formRef = ref();
 const powerStore = usePowerStore();
+export const deleteIds = ref([]);
 
 /**
  * * 搜索初始化权限
@@ -104,3 +105,23 @@ export const onDelete = async (row: any) => {
 	await powerStore.deletePower([id]);
 	await onSearch();
 };
+
+/**
+ * 批量删除
+ */
+export const onDeleteBatch = async () => {
+	const ids = deleteIds.value;
+
+	// 是否确认删除
+	const result = await messageBox({
+		title: $t('confirm_delete'),
+		showMessage: false,
+		confirmMessage: undefined,
+		cancelMessage: $t('cancel_delete'),
+	});
+	if (!result) return;
+
+	// 删除数据
+	await powerStore.deletePower(ids);
+	await onSearch();
+};
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index fb61602..b168866 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -4,7 +4,7 @@ import { columns } from '@/views/system/role/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { onAdd, onDelete, onSearch, onUpdate } from '@/views/system/role/utils/hooks';
+import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/role/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@@ -17,6 +17,18 @@ const tableRef = ref();
 const formRef = ref();
 const roleStore = useRoleStore();
 
+/**
+ * * 选择多行
+ * @param rows
+ */
+const onSelectionChange = (rows: Array<any>) => {
+	deleteIds.value = rows.map((row: any) => row.id);
+};
+
+/**
+ * 重置表单
+ * @param formEl
+ */
 const resetForm = async formEl => {
 	if (!formEl) return;
 	formEl.resetFields();
@@ -45,7 +57,12 @@ onMounted(() => {
 
 		<PureTableBar :columns="columns" title="角色" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
 			<template #buttons>
-				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> 添加角色</el-button>
+				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') + $t('role_roleCode') }} </el-button>
+
+				<!-- 批量删除按钮 -->
+				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
+					{{ $t('delete_batches') }}
+				</el-button>
 			</template>
 
 			<template v-slot="{ size, dynamicColumns }">
@@ -64,6 +81,7 @@ onMounted(() => {
 					row-key="id"
 					showOverflowTooltip
 					table-layout="auto"
+					@selection-change="onSelectionChange"
 				>
 					<template #createUser="{ row }">
 						<el-button link type="primary" @click="selectUserinfo(row.createUser)">{{ $t('table.createUser') }} </el-button>
@@ -76,8 +94,7 @@ onMounted(() => {
 					<template #operation="{ row }">
 						<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
 						<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd"> {{ $t('add_new') }} </el-button>
-						<!-- TODO 待完成 -->
-						<el-popconfirm :title="`是否确认删除 ${row.typeName}数据`" @confirm="onDelete(row)">
+						<el-popconfirm :title="`是否确认删除 ${row.roleCode}数据`" @confirm="onDelete(row)">
 							<template #reference>
 								<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
 									{{ $t('delete') }}
diff --git a/src/views/system/role/utils/columns.ts b/src/views/system/role/utils/columns.ts
index b4bf2d6..d051271 100644
--- a/src/views/system/role/utils/columns.ts
+++ b/src/views/system/role/utils/columns.ts
@@ -4,7 +4,7 @@ import { $t } from '@/plugins/i18n';
 // 表格列
 export const columns: TableColumnList = [
 	{ type: 'index', index: (index: number) => index + 1 },
-	// { type: 'selection', align: 'left' },
+	{ type: 'selection', align: 'left' },
 	{ label: $t('id'), prop: 'id' },
 	// 角色代码
 	{ label: $t('role_roleCode'), prop: 'roleCode' },
diff --git a/src/views/system/role/utils/hooks.ts b/src/views/system/role/utils/hooks.ts
index a5ec341..87c4d34 100644
--- a/src/views/system/role/utils/hooks.ts
+++ b/src/views/system/role/utils/hooks.ts
@@ -8,6 +8,7 @@ import { $t } from '@/plugins/i18n';
 
 export const formRef = ref();
 const roleStore = useRoleStore();
+export const deleteIds = ref([]);
 
 /**
  * * 搜索初始化角色
@@ -100,3 +101,23 @@ export const onDelete = async (row: any) => {
 	await roleStore.deleteRole([id]);
 	await onSearch();
 };
+
+/**
+ * 批量删除
+ */
+export const onDeleteBatch = async () => {
+	const ids = deleteIds.value;
+
+	// 是否确认删除
+	const result = await messageBox({
+		title: $t('confirm_delete'),
+		showMessage: false,
+		confirmMessage: undefined,
+		cancelMessage: $t('cancel_delete'),
+	});
+	if (!result) return;
+
+	// 删除数据
+	await roleStore.deleteRole(ids);
+	await onSearch();
+};