表格全选后台交互

表格

   <el-table
          stripe
          border
          :data="tableData"
          style="width: 100%"
          @selection-change="handleSelectionChange"
          :header-cell-style="{ 'text-align': 'center' }"
        >
          <el-table-column type="selection" width="55"> </el-table-column>
          <el-table-column prop="userName" label="姓名" align="left">
          </el-table-column>
          <el-table-column prop="mobile" label="手机号" align="left">
          </el-table-column>
          <el-table-column prop="postName" label="投递岗位" align="left">
          </el-table-column>
          <el-table-column prop="sex" label="性别" align="left">
            <template slot-scope="scope">{{
              scope.row.sex === 0 ? "女" : "男"
            }}</template>
          </el-table-column>
          <el-table-column prop="height" label="身高" align="left">
          </el-table-column>
          <el-table-column prop="age" label="年龄" align="left">
          </el-table-column>
          <el-table-column prop="deptName" label="所属部门" align="left">
          </el-table-column>
          <el-table-column label="投递时间" align="left">
            <template slot-scope="scope">
              {{ scope.row.deliveryDate | dateFormat }}
            </template>
          </el-table-column>
          <el-table-column label="操作" align="left" width="350px">
            <template slot-scope="scope">
              <el-button @click="particulars(scope.row)" style="padding: 3px"
                >详情</el-button
              >
              <el-button
                @click="beforeThePlane(scope.row)"
                style="padding: 3px"
                type="danger"
                >离职
              </el-button>
              <el-button
                @click="remark(scope.row)"
                style="padding: 3px"
                type="danger"
                >备注
              </el-button>
            </template>
          </el-table-column>
        </el-table>

  //多选状态
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },

    //批量离职
    bulkdepartures() {
      if (this.multipleSelection.length == 0) {
        this.$message({
          message: "你没有选择批量筛选的数据！",
          type: "warning",
        });
      } else {
        var arr = [];
        //遍历点击选择的对象集合，拿到每一个对象的id添加到新的集合中
        this.multipleSelection.forEach((row) => arr.push(row.id));
        this.$confirm("确定批量离职吗", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "success",
          callback: (action) => {
            if (action === "confirm") {
              //批量
              this.detail.userIds = arr;
              companyUserleave(this.detail).then((res) => {
                if (res.code == 200) {
                  this.$message({ type: "success", message: `${res.data}!` });
                  this.initUser();
                }
              });
            }
          },
        });
      }
    },

   multipleSelection: [], //多选中状态

//员工管理-离职
export function companyUserleave(data){
  return request({
  url: `/companyUser/leave`,
  method:'POST',
  data
 })
}