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();
},
});
}
vben useTable 表格可勾选项,批量删除
于 2023-10-19 11:46:52 首次发布