🐛 Fixing a bug. 表格全选后取消全显数据没有清空

package.json

@@ -57,10 +57,10 @@
 		"sass": "^1.58.3",
 		"typescript": "^4.9.5",
 		"unplugin-auto-import": "^0.13.0",
-		"vite": "^4.1.4",
+		"vite": "^4.3.3",
 		"vite-plugin-compression": "^0.5.1",
 		"vite-plugin-style-import": "^2.0.0",
-		"vite-plugin-top-level-await": "^1.2.4",
+		"vite-plugin-top-level-await": "^1.3.0",
 		"vite-plugin-vue-setup-extend": "^0.4.0",
 		"vue-eslint-parser": "^9.1.0"
 	},

src/views/admin/audit/index.vue

@@ -112,8 +112,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/client/index.vue

@@ -130,8 +130,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/file/index.vue

@@ -50,7 +50,7 @@
 						<el-button icon="delete" text type="primary" v-auth="'sys_file_del'" @click="handleDelete([scope.row.id])">{{
 							$t('common.delBtn')
 						}}</el-button>
-						<el-button icon="download" type="primary" text @click="download(scope.row, scope.index)">{{ $t('common.download') }}</el-button>
+						<el-button icon="download" type="primary" text @click="download(scope.row)">{{ $t('common.download') }}</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -102,8 +102,8 @@ const download = (row: any) => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/i18n/index.vue

@@ -142,8 +142,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/log/index.vue

@@ -128,8 +128,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/param/index.vue

@@ -167,8 +167,8 @@ const handleRefreshCache = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.publicId));
+const handleSelectionChange = (objs: { publicId: string }[]) => {
+	selectObjs.value = objs.map(({ publicId }) => publicId);
 	multiple.value = !objs.length;
 };
 

src/views/admin/post/index.vue

@@ -118,8 +118,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.postId));
+const handleSelectionChange = (objs: { postId: string }[]) => {
+	selectObjs.value = objs.map(({ postId }) => postId);
 	multiple.value = !objs.length;
 };
 

src/views/admin/role/index.vue

@@ -168,8 +168,8 @@ const handleSelectable = (row: any) => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.roleId));
+const handleSelectionChange = (objs: { roleId: string }[]) => {
+	selectObjs.value = objs.map(({ roleId }) => roleId);
 	multiple.value = !objs.length;
 };
 

src/views/admin/social/index.vue

@@ -123,8 +123,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/tenant/index.vue

@@ -166,8 +166,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/admin/token/index.vue

@@ -93,8 +93,8 @@ const resetQuery = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.accessToken));
+const handleSelectionChange = (objs: { accessToken: string }[]) => {
+	selectObjs.value = objs.map(({ accessToken }) => accessToken);
 	multiple.value = !objs.length;
 };
 

src/views/admin/user/index.vue

@@ -200,8 +200,8 @@ const handleSelectable = (row: any) => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.userId));
+const handleSelectionChange = (objs: { userId: string }[]) => {
+	selectObjs.value = objs.map(({ userId }) => userId);
 	multiple.value = !objs.length;
 };
 

src/views/app/appmenu/index.vue

@@ -104,8 +104,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 const { getDataList, tableStyle } = useTable(state);
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/app/approle/index.vue

@@ -137,8 +137,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.roleId));
+const handleSelectionChange = (objs: { roleId: string }[]) => {
+	selectObjs.value = objs.map(({ roleId }) => roleId);
 	multiple.value = !objs.length;
 };
 

src/views/app/appsocial/index.vue

@@ -138,8 +138,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/app/appuser/index.vue

@@ -143,8 +143,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.userId));
+const handleSelectionChange = (objs: { userId: string }[]) => {
+	selectObjs.value = objs.map(({ userId }) => userId);
 	multiple.value = !objs.length;
 };
 

src/views/daemon/job-manage/index.vue

@@ -173,7 +173,7 @@ const resetQuery = () => {
 };
 
 /** 行选中事件 */
-const handleSelectionChange = (rows) => {
+const handleSelectionChange = (rows: any) => {
 	selectedRows.value = rows;
 	multiple.value = !rows.length;
 };

src/views/daemon/job-manage/job-log.vue

@@ -94,8 +94,8 @@ const openDialog = (id: string) => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.jobLogId));
+const handleSelectionChange = (objs: { jobLogId: string }[]) => {
+	selectObjs.value = objs.map(({ jobLogId }) => jobLogId);
 	multiple.value = !objs.length;
 };
 

src/views/gen/datasource/index.vue

@@ -104,8 +104,8 @@ const resetQuery = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/gen/field-type/index.vue

@@ -102,8 +102,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/gen/group/index.vue

@@ -119,8 +119,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/gen/template/index.vue

@@ -118,8 +118,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/home/schedule/index.vue

@@ -130,8 +130,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/mp/wx-account-fans/index.vue

@@ -176,10 +176,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	objs.forEach((val: any) => {
-		selectObjs.value.push(val.id);
-	});
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/mp/wx-account-tag/index.vue

@@ -156,11 +156,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value = [];
-	objs.forEach((val: any) => {
-		selectObjs.value.push(val.id);
-	});
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/mp/wx-account/index.vue

@@ -19,9 +19,20 @@
 			</el-row>
 			<el-row>
 				<div class="mb8" style="width: 100%">
-					<el-button v-auth="'mp_wxaccount_add'" class="ml10" formDialogRef icon="folder-add" type="primary" @click="formDialogRef.openDialog()">
+					<el-button v-auth="'mp_wxaccount_add'" class="ml10" icon="folder-add" type="primary" @click="formDialogRef.openDialog()">
 						{{ $t('common.addBtn') }}
 					</el-button>
+					<el-button
+						plain
+						v-auth="'mp_wxaccount_add'"
+						class="ml10"
+						icon="Delete"
+						type="primary"
+						:disabled="multiple"
+						@click="handleDelete(selectObjs)"
+					>
+						{{ $t('common.delBtn') }}
+					</el-button>
 					<right-toolbar
 						:export="'app_social_details_del'"
 						@exportExcel="exportExcel"
@@ -67,31 +78,25 @@
 							</span>
 							<template #dropdown>
 								<el-dropdown-menu>
-									<el-dropdown-item
-										><el-button icon="edit-pen" v-auth="'mp_wxaccount_edit'" text type="primary" @click="formDialogRef.openDialog(scope.row.id)">{{
-											$t('common.editBtn')
-										}}</el-button></el-dropdown-item
-									>
 									<el-dropdown-item>
-										<el-button icon="delete" v-auth="'mp_wxaccount_del'" text type="primary" @click="handleDelete([scope.row.id])">{{
-											$t('common.delBtn')
-										}}</el-button></el-dropdown-item
-									>
+										<el-button icon="edit-pen" v-auth="'mp_wxaccount_edit'" text type="primary" @click="formDialogRef.openDialog(scope.row.id)"
+											>{{ $t('common.editBtn') }}
+										</el-button>
+									</el-dropdown-item>
 									<el-dropdown-item>
-										<el-button icon="DArrowRight" v-auth="'mp_wxaccount_del'" text type="primary" @click="access(scope.row)"
-											>接入</el-button
-										></el-dropdown-item
-									>
-									<el-dropdown-item
-										><el-button icon="Grid" v-auth="'mp_wxaccount_del'" text type="primary" @click="generate(scope.row)"
-											>二维码</el-button
-										></el-dropdown-item
-									>
-									<el-dropdown-item
-										><el-button icon="refresh" v-auth="'mp_wxaccount_del'" text type="primary" @click="quota(scope.row)"
-											>quota</el-button
-										></el-dropdown-item
-									>
+										<el-button icon="delete" v-auth="'mp_wxaccount_del'" text type="primary" @click="handleDelete([scope.row.id])"
+											>{{ $t('common.delBtn') }}
+										</el-button>
+									</el-dropdown-item>
+									<el-dropdown-item>
+										<el-button icon="DArrowRight" v-auth="'mp_wxaccount_del'" text type="primary" @click="access(scope.row)">接入 </el-button>
+									</el-dropdown-item>
+									<el-dropdown-item>
+										<el-button icon="Grid" v-auth="'mp_wxaccount_del'" text type="primary" @click="generate(scope.row)">二维码 </el-button>
+									</el-dropdown-item>
+									<el-dropdown-item>
+										<el-button icon="refresh" v-auth="'mp_wxaccount_del'" text type="primary" @click="quota(scope.row)">quota </el-button>
+									</el-dropdown-item>
 								</el-dropdown-menu>
 							</template>
 						</el-dropdown>
@@ -121,7 +126,7 @@ import { useMessage, useMessageBox } from '/@/hooks/message';
 import { useI18n } from 'vue-i18n';
 import commonFunction from '/@/utils/commonFunction';
 import other from '/@/utils/other';
-const { proxy } = getCurrentInstance();
+
 const { copyText } = commonFunction();
 // 引入组件
 const ImageUpload = defineAsyncComponent(() => import('/@/components/Upload/Image.vue'));
@@ -161,10 +166,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	objs.forEach((val: any) => {
-		selectObjs.value.push(val.id);
-	});
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/oa/leave_bill/index.vue

@@ -132,8 +132,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.leaveId));
+const handleSelectionChange = (objs: { leaveId: string }[]) => {
+	selectObjs.value = objs.map(({ leaveId }) => leaveId);
 	multiple.value = !objs.length;
 };
 

src/views/oa/model/index.vue

@@ -102,8 +102,8 @@ const resetQuery = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/oa/process/index.vue

@@ -114,8 +114,8 @@ const resetQuery = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.processonDefinitionId));
+const handleSelectionChange = (objs: { processonDefinitionId: string }[]) => {
+	selectObjs.value = objs.map(({ processonDefinitionId }) => processonDefinitionId);
 	multiple.value = !objs.length;
 };
 

src/views/oa/task/comment.vue

@@ -54,8 +54,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 const { getDataList, sortChangeHandle } = useTable(state);
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/oa/task/index.vue

@@ -127,8 +127,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.taskId));
+const handleSelectionChange = (objs: { taskId: string }[]) => {
+	selectObjs.value = objs.map(({ taskId }) => taskId);
 	multiple.value = !objs.length;
 };
 

src/views/pay/channel/index.vue

@@ -137,8 +137,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/pay/order/index.vue

@@ -138,8 +138,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.goodsOrderId));
+const handleSelectionChange = (objs: { goodsOrderId: string }[]) => {
+	selectObjs.value = objs.map(({ goodsOrderId }) => goodsOrderId);
 	multiple.value = !objs.length;
 };
 

src/views/pay/record/index.vue

@@ -109,8 +109,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.id));
+const handleSelectionChange = (objs: { id: string }[]) => {
+	selectObjs.value = objs.map(({ id }) => id);
 	multiple.value = !objs.length;
 };
 

src/views/pay/refund/index.vue

@@ -115,8 +115,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.refundOrderId));
+const handleSelectionChange = (objs: { refundOrderId: string }[]) => {
+	selectObjs.value = objs.map(({ refundOrderId }) => refundOrderId);
 	multiple.value = !objs.length;
 };
 

src/views/pay/trade/index.vue

@@ -163,8 +163,8 @@ const exportExcel = () => {
 };
 
 // 多选事件
-const handleSelectionChange = (objs: any) => {
-	selectObjs.value.push(...objs.map((val: any) => val.orderId));
+const handleSelectionChange = (objs: { orderId: string }[]) => {
+	selectObjs.value = objs.map(({ orderId }) => orderId);
 	multiple.value = !objs.length;
 };