为防止 layui 弹出层重复打开，应使用 id 参数限制唯一性，如 id: 'my-layer-unique'；配合布尔锁或按钮禁用防连点；必要时用 layer.closeall() 兜底关闭。
用户点击按钮多次触发 layui 弹出层，导致页面同时存在多个重叠弹窗，遮挡内容、干扰操作、消耗资源。
用 id 参数强制限制唯一性
layer.open() 等弹层方法支持 id 参数，只要传入非空字符串，同一 id 的弹层就只允许存在一个——后一次调用会自动关闭前一个再打开新层。
在 layer.open 配置对象中添加 id: 'my-layer-unique' 即可，值建议带业务标识，避免不同功能间冲突。
这一步操作起来很简单，直接加一行配置就行，无需额外监听或手动 close。
注意：id 必须是字符串类型，不能是数字或 undefined；若传空字符串或未传，该限制不生效。
配合 click 事件防连点（推荐组合使用）
即使设置了 id，用户快速连续点击仍可能因 DOM 渲染延迟或异步逻辑造成视觉残留或短暂双层。需在事件源头做拦截。
方法一：用布尔锁控制
定义一个全局变量 let isLayerOpen = false；点击时先判断 if (isLayerOpen) return；打开前设为 true，layer.close 回调里设回 false。
方法二：禁用触发按钮（更直观）
点击后立即执行 $(this).prop('disabled', true).addClass('layui-btn-disabled')；在 layer 的 success 或 cancel 回调中恢复：$(this).prop('disabled', false).removeClass('layui-btn-disabled')。
【关键点】禁用必须用 prop() 而非 attr()，否则部分浏览器下状态不可靠。
统一关闭已有弹层再打开（兜底方案）
当无法确保所有调用点都加了 id 或锁机制时，可用 layer.closeAll() 兜底清理。
第一步：在打开新弹层前，执行 layer.closeAll()；
第二步：再调用 layer.open({...})；
第三步：若需保留 tips 层或其他类型，可指定类型关闭，例如 layer.closeAll('page') 仅关页面层。
该方式简单粗暴，适合旧项目快速修复，但会中断用户正在查看的其他弹层，慎用于多任务场景。
