批量删除 set集合方式

一、前端代码

 <el-table
        ref="multipleTable"
        :data="tableData"
        stripe
        style="width: 99%;margin-bottom: 10px;"
        border
        :height="$publicjs.tableHeight"
        @selection-change="changeCheckBoxValue"
      >
        <el-table-column type="selection" width="55" />
        <el-table-column type="index" label="序号" width="60px" />
        <el-table-column prop="jobName" label="任务名称" />
        <el-table-column show-overflow-tooltip prop="beanName" label="Bean名称" width="260px" />
        <el-table-column show-overflow-tooltip prop="methodName" label="执行方法" />
        <el-table-column prop="jarName" label="jar包名称" />
        <el-table-column show-overflow-tooltip prop="cronExpression" label="cron表达式" />
        <el-table-column label="异常详情" width="100px">
          <template slot-scope="scope">
            <el-button v-show="scope.row.exceptionDetail" size="mini" type="text" @click="info(scope.row.exceptionDetail)">查看详情</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="time" label="耗时(毫秒)" />
        <el-table-column prop="isPause" label="状态" width="100px">
          <template slot-scope="scope">
            <el-tag :type="scope.row.isSuccess ? 'success' : 'warning'">{{ scope.row.isSuccess ? '成功' : '失败' }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip prop="createTime" :formatter="dateFormatter" label="创建日期" />
      </el-table>

二、前端js方法

 changeCheckBoxValue(val) {
      if(val.length >0){
       val.forEach(element => {
         this.ids.push(element.logId);
       });

      }
    },
    // 删除功能
    handleDel() {
      let _this = this;
      // 判断是否选择记录
      if( _this.ids.length <= 0){
          _this.$message({message:'请至少选择一条记录进行删除',type:'warning'});
      }else{
         _this.$confirm("此操作将删除操作日志记录, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
        .then(() => {
          delLog(_this.ids).then(res => {
            if (res.code == 200) {
              _this.$message({
                message: res.message,
                type: "success"
              });
              _this.currentPage = 1;
              //更新表格
              _this.loadList(_this.currentPage, _this.pageCount);
            } else {
              _this.$message({
                message: res.message,
                type: "error"
              });
            }
          });
        })
        .catch(() => {});
      }
    },

三、调用后台方法js

// 批量删除执行日志
export function delLog(ids) {
  return request({
    url: 'api/quartzLog',
    method: 'delete',
    data: ids
  })
}

四、后台服务端接收前端参数进行数据库操作

@Slf4j
@RestController
@RequiredArgsConstructor
@RequestMapping("/quartzLog")
@Api(tags = "系统:执行日志管理")
public class QuartzLogController {

    private final QuartzLogService quartzLogService;

    @ApiOperation(value = "删除")
    @DeleteMapping
    public Response<Integer> delete(@RequestBody Set<Long> ids){
        int re = quartzLogService.delete(ids);
        if (re > 0) {
            return new Response<>(ErrorCode.SUCESS_CODE, "删除成功", re);
        } else {
            return new Response<>(ErrorCode.INTERNAL, "删除失败，未知错误", null);
        }
    }
}

五、服务层操作

    @Override
    public int delete(Set<Long> ids) {
        Map<String, Object> map = new HashMap<>();
        map.put("ids", ids);
        mapper.deletes(map);
        return 1;
    }

六、具体方法执行

   <!--批量删除-->
    <delete id="deletes">
        delete FROM sys_quartz_log WHERE log_id in
        <foreach item="item" index="index" collection="ids" open="(" separator="," close=")">
            #{item}
        </foreach>
    </delete>