APCGC_CBS.Admin/Lib/LayuiModules/ssTab/ssTab.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

layui.define(['element'], function (exports) {
    var $ = layui.jquery;
    var element = layui.element;
    var ss_tab = {
        init: function () {
            $('li.layui-nav-item').each(function () {
                $(this).on('click', function () {
                    $(this).siblings().removeClass('layui-nav-itemed');
                    $('li.layui-nav-item').removeClass('layui-this');
                });
            });
            $('.ss-tab-add').on('click', function () {
                var othis = $(this);
                var href = othis.attr("ss-href");
                var title = othis.html();
                var ss_tab_id = othis.attr("ss-tab-id");
                if (ss_tab_id) {
                    ss_tab.tabChange(ss_tab_id);
                } else {
                    var id = othis.attr("menuid");
                    othis.attr("ss-tab-id", id);
                    othis.attr("id", "ss-tab-id-" + id);
                    ss_tab.tabAdd(id, title, href);
                }
                ss_tab.winResize();
            });
            //监听选项卡删除
            element.on('tabDelete(ss-tab-filter)', function (data) {
                var id = $(this).parent().attr("lay-id");
                $('#ss-tab-id-' + id).attr("ss-tab-id", "");
            });

        },
        tabAdd: function (id, title, href) {
            //新增一个Tab项
            element.tabAdd('ss-tab-filter', {
                title: title,
                content: '<iframe class="ss-iframe" style="width:100%"  src="' + href + '" />',
                id: id //规定好的id
            })
            element.tabChange('ss-tab-filter', id); 
        },
        tabDelete: function (othis) {
            //删除指定Tab项
            othis.addClass('layui-btn-disabled');
        },
        tabChange: function (id) {
            //切换到指定Tab项
            element.tabChange('ss-tab-filter', id); //切换
        },
        /**
		 * 监听浏览器窗口改变事件
		 */
        winResize: function () {
            $(window).on('resize', function () {
                var currBoxHeight = $('.layui-body').height(); //获取当前容器的高度
                var currFooterHeight = $('.layui-footer').height();
                var currTitleHeight = $('.layui-tab-title').height();
                $('.layui-tab-content iframe').height(currBoxHeight - currFooterHeight - currTitleHeight);
            }).resize();