From b3e4a11a7b081bda9e45e96432ca146aa6693305 Mon Sep 17 00:00:00 2001
From: Kven <2955163637@qq.com>
Date: Fri, 21 Feb 2025 21:34:24 +0800
Subject: [PATCH] =?UTF-8?q?refactor(system):=20=E4=BC=98=E5=8C=96=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除自定义 ID 列，使用 Arco Design 的 rowSelection 功能替代- 添加 rowSelection 配置，实现全选和单选功能- 优化代码结构，提高可维护性
---
 src/views/system/log/index.vue | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/views/system/log/index.vue b/src/views/system/log/index.vue
index 94bb783..4d540aa 100644
--- a/src/views/system/log/index.vue
+++ b/src/views/system/log/index.vue
@@ -98,17 +98,11 @@
         :data="renderData"
         :bordered="false"
         :size="size"
+        :row-selection="rowSelection"
         style="margin-bottom: 40px"
+        @select="select"
         @page-change="onPageChange"
       >
-        <template #id="{ record }">
-          <a-checkbox
-            v-model="selectedIds"
-            :value="record.id"
-            style="margin-left: -5px"
-          >
-          </a-checkbox>
-        </template>
         <template #operationTime="{ record }">
           {{ dayjs(record.operationTime).format('YYYY-MM-DD HH:mm') }}
         </template>
@@ -128,7 +122,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { computed, onMounted, ref, watch } from 'vue';
+  import { computed, onMounted, reactive, ref, watch } from 'vue';
   import useLoading from '@/hooks/loading';
   import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
   import useTableOption from '@/hooks/table-option';
@@ -154,12 +148,6 @@
   const { cloneColumns, size, deepClone } = useTableOption();
 
   const columns = computed<TableColumnData[]>(() => [
-    {
-      title: '#',
-      dataIndex: 'id',
-      slotName: 'id',
-      width: 60,
-    },
     {
       title: '模块类型',
       dataIndex: 'moduleType',
@@ -185,6 +173,14 @@
     //   dataIndex: 'operation',
     // },
   ]);
+  const rowSelection = {
+    type: 'checkbox',
+    showCheckedAll: true, // 默认选中的行 ID
+  };
+
+  const select= (selectedRowKeys: number[]) => {
+    selectedIds.value = selectedRowKeys;
+  };
 
   // 获取日志列表
   const fetchData = async (params = { size: 10, current: 1 }) => {