4.删除按钮，二次弹窗确认，并且调取后端接口

需求

点击列表中的删除按钮，二次弹窗确认，再次确认之后，ajax调取后端接口存入库中。

操作步骤

解决方案

在列表删除按钮的时候，在按钮配置中的删除事件中添加点击(click)事件。利用JE.useUi()暴露出来的Modal组件展示二次确认弹框，点击二次确认的弹窗调取后端接口。代码如下：

• 示例：

    //获得功能对象
const {$func} = EventOptions;
//获得列表对象
const grid = $func.getFuncGrid();
const {Modal} = JE.useUi();
//获得列表选中的数据
const recs = grid.getSelectedRecords();
const isHas = recs.some((item)=>(item.ORG_CODE == 'department' || item.ORG_CODE == 'develop'));
if(isHas) {
    Modal.alert('系统级机构不允许操作！', "error");
    return false;
}
//封装id
const ids = [];
recs.forEach((item)=>{
    ids.push(item.JE_RBAC_ORG_ID);
});

//获取ajax
const {ajax} = JE.useUtils();
Modal.confirm('是否删除数据? 删除机构时，将同步删除该机构账号。', () => {
    ajax({
        url:'/je/rbac/cloud/organization/remove',
        params:{
            orgIds:ids.join(',')
        },
        headers:{pd:'rbac'}
    }).then((data)=>{
        if(data.success){
            // 刷新列表
            grid.store.reload();
            // 清除列表选中的数据
            grid.clearSelectedRecords();
            // 弹窗成功提示
            Modal.notice(data.message, "success");
        }else{
            // 弹窗失败提示
            Modal.alert(data.message, "error");
        }
    }).catch((error)=>{
        Modal.alert(error.message, "error");
    })
});

效果展示