layer组件打开多个弹窗不嵌套

下面先是第一个弹窗

图一.png

然后点击查看故障信息，打开第二个弹窗（效果图）

图二.png
刚开始我用了

layer.open({
        type: 2,
        skin: 'layui-layer-lan',
        title: false,
        fix: false,
        shadeClose: true,
                shade: false,
        closeBtn: 0,
        maxmin: true,
        area: ['848px', '756px'],
        content:url,

    });

会出现如下图这种情况

图三.png
然后我用了在弹出层A(子页面1)打开新弹出层B(子页面2)，弹出层A、B在同一DOM层级，即父页面内有多个iframe，子页面2不嵌套在子页面1中；
在弹出层A(子页面1)中封装如下方法，在需要触发打开新弹出层B事件中执行如下方法；

function showFailureDetail(id) {
     parent.layer.open({
                type: 2,
                title: false,
                closeBtn: false,
                shadeClose: false,
                shade: 0.6,
                border: [0],
                area: ['848px', '756px'],
                content:url,
           })
}