ant-design-vue table 表格跨页勾选+限制条件

         <uto-table
          :columns="columns"
          :loadParams="loadParams"
          :url="queryUrl"
          :conditions="conditions"
          bordered
          :tableId="tableId"
          :rowSelection="{ onChange: onSelectChange, onSelect: onSelect, selectedRowKeys: selectedRowKeys }"
          rowKey="iposid" //rowkey一定要指定否则没办法判断（表格的数据源哩每条数据的唯一值）
          :scroll="{ x: 800 }"
          :zX="800"
          sortField="darridate"
          sortOrder="desc"
        ></uto-table>
//封装好的table组件

data(){
return{
       selectedRowKeys:[],
       selectedRows:[],
       data:[],
    //其他数据我就不写了，表格勾选就用到上面3个
    }

}


methods:{
onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys
      this.selectedRows = selectedRows
}
  onSelect(record, selected) {
      const that = this
      if (selected) {
        //选中时
        const target = this.data.filter(item => {
        //是否选中的限制条件，可以改成自己所需要的限制条件
          if (
            item.cvencode !== record.cvencode ||
            item.cptcode !== record.cptcode ||
            item.cbustype !== record.cbustype ||
            item.iexchrate !== record.iexchrate ||
            item.itaxrate !== record.itaxrate ||
            item.cexch_name !== record.cexch_name
          ) {
            return true
          }
        })
        if (target.length > 0) {
          that.$message.warning('所选行供应商与其他行一致，请重新选择！。')
          that.selectedRowKeys.map((x, item) => {
            if (x === record.iposid) {
              that.selectedRowKeys.splice(item, 1)
            }
          })
          return
        } else {
          that.data.push(record)
        }
      } else {
        //取消勾选时
        that.data = that.data.filter(item => {
          return item.iposid != record.iposid
        })
      }
      console.log('that.data', that.data)
    },
}