vben useTable 表格可勾选项,批量删除

import { useMessage } from '/@/hooks/web/useMessage';
const { createConfirm, createMessage } = useMessage();

const [registerTable, { reload, getForm, getSelectRows }] = useTable({
    title: '列表',
    api: getCouponInfoList,
    columns: Columns,
    formConfig: { labelWidth: 142, schemas: searchFormSchema },
    useSearchForm: true,
    showTableSetting: true,
    clickToRowSelect: false,
    showIndexColumn: false,
    rowSelection: {//多选框
      type: 'checkbox',
    },
    actionColumn: {
      width: 200,
      title: t('common.action'),
      dataIndex: 'action',
      fixed: 'right',
    },
  });

async function deleteMul() {
    let rows = getSelectRows();
    console.log(rows);
    if (!rows.length) {
      return createMessage.warn('请勾选对应项');
    }
    let idList = [] as any;
    rows.forEach((item) => {
      idList.push(item.id);
    });
    console.log(idList);

    createConfirm({
      iconType: 'warning',
      width: '550px',
      title: () => h('span', t('sys.app.logoutTip')),
      content: h('div', {}, '确认是否删除'),
      onOk: async () => {
        await delCouponInfo(idList);
        createMessage.success(t('common.delSuccessText'));
        reload();
      },
    });
  }

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值