From 970ec1710e592c4ccba9a6f74a94b9281ef0f3c5 Mon Sep 17 00:00:00 2001
From: tyro880 <你的GitHub绑定邮箱>
Date: Sat, 18 Apr 2026 18:18:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(complex-table):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=A4=9A=E9=80=89=E5=8A=9F=E8=83=BD=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=80=89=E6=8B=A9=E7=8A=B6=E6=80=81=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加表格引用和row-key属性以支持多选功能
使用selectedMap对象维护跨页选择状态
实现clearSelection方法清除选择状态
修改handleSelectionChange处理跨页选择逻辑
更新删除操作同步维护选择状态
---
 src/views/table/complex-table.vue | 40 ++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/views/table/complex-table.vue b/src/views/table/complex-table.vue
index de037172..7a687529 100644
--- a/src/views/table/complex-table.vue
+++ b/src/views/table/complex-table.vue
@@ -48,6 +48,7 @@
     </div>
 
     <el-table
+      ref="multipleTable"
       :key="tableKey"
       v-loading="listLoading"
       :data="list"
@@ -55,10 +56,11 @@
       fit
       highlight-current-row
       style="width: 100%;"
+      row-key="id"
       @sort-change="sortChange"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="selection" width="55" align="center" :reserve-selection="true" />
       <el-table-column label="ID" prop="id" sortable="custom" align="center" width="80" :class-name="getSortClass('id')">
         <template slot-scope="{row}">
           <span>{{ row.id }}</span>
@@ -249,6 +251,7 @@ export default {
       },
       downloadLoading: false,
       selectedList: [],
+      selectedMap: {},
       batchExportLoading: false
     }
   },
@@ -269,9 +272,17 @@ export default {
       })
     },
     handleFilter() {
+      this.clearSelection()
       this.listQuery.page = 1
       this.getList()
     },
+    clearSelection() {
+      if (this.$refs.multipleTable) {
+        this.$refs.multipleTable.clearSelection()
+      }
+      this.selectedMap = {}
+      this.selectedList = []
+    },
     handleModifyStatus(row, status) {
       this.$message({
         message: '操作Success',
@@ -367,6 +378,8 @@ export default {
       })
       this.list.splice(index, 1)
       this.total = Math.max(0, this.total - 1)
+      delete this.selectedMap[row.id]
+      this.selectedList = Object.values(this.selectedMap)
     },
     handleFetchPv(pv) {
       fetchPv(pv).then(response => {
@@ -422,7 +435,19 @@ export default {
       return sort === `+${key}` ? 'ascending' : 'descending'
     },
     handleSelectionChange(selection) {
-      this.selectedList = selection
+      if (!this.list || this.list.length === 0) return
+      
+      const currentPageIds = this.list.map(item => item.id)
+      
+      for (const id of currentPageIds) {
+        delete this.selectedMap[id]
+      }
+      
+      for (const row of selection) {
+        this.selectedMap[row.id] = row
+      }
+      
+      this.selectedList = Object.values(this.selectedMap)
     },
     handleBatchDelete() {
       if (this.selectedList.length === 0) {
@@ -443,7 +468,16 @@ export default {
         const newList = this.list.filter(item => !ids.includes(item.id))
         this.list = newList
         this.total = Math.max(0, this.total - ids.length)
-        this.selectedList = []
+        
+        for (const id of ids) {
+          delete this.selectedMap[id]
+        }
+        this.selectedList = Object.values(this.selectedMap)
+        
+        if (this.$refs.multipleTable) {
+          this.$refs.multipleTable.clearSelection()
+        }
+        
         this.$notify({
           title: 'Success',
           message: `成功删除 ${ids.length} 条记录`,