下面先是第一個彈窗

圖一.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,
});
會出現(xiàn)如下圖這種情況

圖三.png
然后我用了在彈出層A(子頁面1)打開新彈出層B(子頁面2),彈出層A、B在同一DOM層級,即父頁面內(nèi)有多個iframe,子頁面2不嵌套在子頁面1中;
在彈出層A(子頁面1)中封裝如下方法,在需要觸發(fā)打開新彈出層B事件中執(zhí)行如下方法;
function showFailureDetail(id) {
parent.layer.open({
type: 2,
title: false,
closeBtn: false,
shadeClose: false,
shade: 0.6,
border: [0],
area: ['848px', '756px'],
content:url,
})
}