<div style="margin-bottom: 10px">
        <el-button type="primary" plain @click="handleAdd">新增</el-button>
        <el-button  @click="delBatch" type="danger" plain style="margin-left: 5px">批量刪除</el-button>
      </div>

        <el-table :data="data.tableData" style="width:100%" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="55" align="center"></el-table-column>
</el-table>

// 選擇數(shù)據(jù)
const handleSelectionChange = (val) => {
  data.multipleSelection = val;
}
//批量刪除
const delBatch = () => {
  const ids = data.multipleSelection.map(item => item.id)
  if (data.multipleSelection.length === 0) {
    ElMessage.warning('請選擇要刪除的數(shù)據(jù)')
    return
  }
  ElMessageBox.confirm('刪除數(shù)據(jù)后無法恢復，您確認刪除嗎?', '刪除確認', {type: 'warning'}).then(() => {
    request.request({
      ids:data.multipleSelection.map(item => item.id),
      url: '/ssCompany/delBatch?ids=' + ids.join(','), // 使用逗號分隔的 ID 字符串作為參數(shù)
      method: 'DELETE',
    }).then(res => {
      if (res.code === '200') {
        // 重新獲取數(shù)據(jù)的過程（load() 方法的調(diào)用）應該在刪除成功后執(zhí)行
        ElMessage.success("操作成功")
        load()  // 重新獲取數(shù)據(jù)
      } else {
        ElMessage.error(res.msg)
      }
    }).catch(err => {
      // 添加錯誤處理邏輯
      ElMessage.error('刪除時發(fā)生錯誤: ' + err.message)
    })
  }).catch(() => {
    // 處理取消操作的邏輯
    ElMessage.info('取消操作')
  })
}

  /**
     * 批量刪除
     */
    @DeleteMapping("/delBatch")
    public Result delBatch(@RequestParam List<Integer> ids){
        for (Integer id : ids) {
            scManagerService.deleteById(id);
        }
        return Result.success();
    }

    //批量刪除
    @Delete("DELETE FROM sc_manager WHERE id IN (#{id})")
    void deleteByIds(String id);

 //批量刪除
    public void delBatch(List<Integer> ids) {
        scManagerMapper.delBatch(ids);
    }