layui 的layer弹出iframe窗口无法关闭?

问题遇到的现象和发生背景

员工列表页面有“新增员工”按钮,点击后会弹出“新增员工”窗口,具体使用layui2.6.8的layer.open弹出新的iframe窗口实现,但是按照官网提供的解决方案iframe窗口无法关闭,感觉在弹出窗口中layer不起作用了。而且每点击“新增员工”弹出层索引在不断增加。
官网提供的关闭iframe弹出窗口方案:
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);

员工列表html:

<body>
        <form class="layui-form" action="">
            <div class="layui-container">
            
            <div class="layui-form-item">
                <label class="layui-form-label">输入框label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
                div>
            div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置button>
                div>
            div>
    div>

        form>
    <script>
        //Demo
        layui.use(['form', 'layer'], function() {
            var form = layui.form,
                layer = layui.layer;

            //提交
            form.on('submit(formDemo)', function(data) {
                layer.msg(JSON.stringify(data.field),{title:'您提交的数据为:'});
                
                **//以下2句不好用呢???**
                var index=parent.layer.getFrameIndex(window.name); 
                parent.layer.close(index);
                return false;
            });
        });
    script>
body>

补充:前面代码为弹窗html,如下是员工列表html