求助帖。如何实现LayUI选项卡首页不能关闭，但其他tab选项卡能关闭

官方文档说这个选项卡说的也不是很全面，lay-allowclose="true"这个属性是控制选项卡能被删除，但是我改为lay-allowclose=“false”，没啥变化，是不是我理解错了，求助啊

我想实现的就是下面这个图片功能，首页不能删除，但是别的选项卡能删除

但我自己做的就是这样，首页可以被删除，别的也都能删除

自己的index代码和js代码如下（js是我copy一位大佬的）
但拿来之后发现真的不会改这个js代码，真不懂，求助大佬啊

这是index界面代码

<div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:">火灾警情记录管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-url="${pageContext.request.contextPath}/main/welcome" data-id="11" data-title="火灾警情记录查看" class="site-demo-active"
                               data-type="tabAdd">火灾警情记录查看</a></dd>
                        <dd><a href="javascript:;" data-url="${pageContext.request.contextPath}/main/welcome" data-id="12" data-title="火灾警情记录编辑"class="site-demo-active"
                               data-type="tabAdd">火灾警情记录编辑</a></dd>
                        <dd><a href="javascript:;" data-url="${pageContext.request.contextPath}/main/welcome" data-id="13" data-title="火灾警情记录添加"class="site-demo-active"
                               data-type="tabAdd">火灾警情记录添加</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:">管理员资料编辑</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-url