必选框

tian

2025-09-28 97667573dd1f176bccb9aa09c0bf71fbb16974e1

 src/views/archiveManager/seleUser.vue

@@ -24,7 +24,8 @@
      </el-form-item>
    </el-form>
    <el-row>
      <el-table @row-click="clickRow" ref="table" :data="userList" @selection-change="handleSelectionChange" height="260px">
      <el-table @row-click="clickRow" ref="table" :data="userList"   @selection-change="handleSingleSelection"
 height="260px">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
        <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
@@ -93,6 +94,15 @@
    }
  },
  methods: {
      // 替换原有的handleSelectionChange方法
  handleSingleSelection(selection) {
    if (selection.length > 1) {
      this.$refs.table.clearSelection();
      this.$refs.table.toggleRowSelection(selection[selection.length - 1]);
    }
    else
    this.userIds = selection.map(item => item.userId);
  },
    // 显示弹框
    show(archiveRecordsId) {
      if (archiveRecordsId) {
@@ -105,7 +115,8 @@
      this.visible = true
    },
    clickRow(row) {
      this.$refs.table.toggleRowSelection(row)
      this.$refs.table.clearSelection();
    this.$refs.table.toggleRowSelection(row);
    },
    // 多选框选中数据
    handleSelectionChange(selection) {