YP/WebRoot/view/scripts/menubar.js

/**
 *
 */

var baseUrl = '';
var theme = '';
var viewAlarmType, pieAlarmType, statusType
var menu_shown = true;
var start_count = 0;
var KeepMenu = false;

var boxclick = function (self) {
    alert(self.getAttribute('item_id'));
}

var keep_menu = function () {
    KeepMenu = true;
    show_menu();
}

var hiding_menu = function () {
    KeepMenu = false;
}

var menuconfig = {
    id: 'mainmenu',
    target: 'mainframe',
    brand_icon: {
        url: '../res/img/usky/logo.png',
        width: 160,
        height: 20
    },
    items: [{
        name: '智慧消防',
        type: 'group',
        side: 'left',
        items: [{
            name: '综合查询',
            type: 'leaf',
            action: 'hiding_menu()',
            href: baseUrl + 'frontpage/map.jsp?viewAlarmType=' + viewAlarmType + '&pieAlarmType=' + pieAlarmType + '&statusType=' + statusType + '&theme=' + theme + ($("#company_code").val() != '' ? ('&company_code=' + $("#company_code").val()) : '')
        }, {
            name: '告警信息',
            type: 'group',
            side: 'left',
            items: [{
                name: '火灾监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'fireAlarm/subFireAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '电气火灾监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'efireAlarm/subeFireAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '消防水系统监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'waterAlarm/subWaterAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: 'RTU监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'rtuAlarm/subRtuAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')// TODO 告警信息三级分类
            }, {
                name: '视频监控系统',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'videoAlarm/subVideoAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '电梯状态监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'liftAlarm/subliftAlarm.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }]
        }, {
            name: '设备监控',
            type: 'group',
            side: 'left',
            items: [{
                name: '火灾监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'fireAlarm/FireDeviceIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '电气火灾监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'efireAlarm/eFireDeviceIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '消防水系统监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'waterAlarm/WaterDeviceIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: 'RTU综合监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'rtuAlarm/RtuDeviceIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')// TODO 设备监控三级分类
            }, {
                name: '视频监控系统',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'videoAlarm/VideoDeviceIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '电梯状态监控',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'liftAlarm/liftDeviceindex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }]
        }, {
            name: '数据查询',
            type: 'group',
            side: 'left',
            items: [{
                name: '电气火灾数据查询',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'dataSearch/fireIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '消防水系统数据查询',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'dataSearch/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: 'RTU综合数据查询',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'dataSearch/rtuIndex.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }]
        }, {
            name: '物管服务',
            type: 'group',
            side: 'left',
            items: [{
                name: '安全巡检',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'proform/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '维保工作',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'proform2/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '报修服务',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'proform3/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            } /*,{
                name: '消控值班',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'proform6/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }*/]
        }, {
            name: '工作考评',
            type: 'group',
            side: 'left',
            items: [{
                name: '月报考评',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'projectWoker/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }, {
                name: '年报考评',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'projectWoker/indexYear.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }]
        },
            {
                name: '隐患总览',
                type: 'leaf',
                action: 'keep_menu()',
                href: baseUrl + 'hiddenDanger/hiddenDanger.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }]

    }, {
        name: '子系统',
        type: 'group',
        side: 'left',
        disabled: 'disabled',
        items: [{
            name: '火灾监控',
            disabled: 'disabled',
            type: 'leaf',
            action: 'keep_menu()',
            href: baseUrl + 'fireAlarm/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
        }, {
            name: '电器火灾监控',
            disabled: 'disabled',
            type: 'leaf',
            action: 'keep_menu()',
            href: baseUrl + 'waterAlarm/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
        }, {
            name: '通道告警监控',
            disabled: 'disabled',
            action: 'keep_menu()',
            type: 'leaf'
        }, {
            name: '消防电源监控',
            disabled: 'disabled',
            action: 'keep_menu()',
            type: 'leaf'
        }, {
            name: 'RTU综合监控',
            disabled: 'disabled',
            action: 'keep_menu()',
            type: 'leaf',
            href: baseUrl + 'hiddenDanger/index.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
        }]
    }, {
        name: '视图',
        type: 'group',
        side: 'split',
        disabled: 'disabled',
        items: [{
            name: '主题皮肤',
            type: 'group',
            side: 'left',
            disabled: 'disabled',
            items: [{
                name: '单位',
                type: 'checkbox',
                id: '001',
                action: 'boxclick(this)',
                checked: 'checked'
            }, {
                name: '区域',
                type: 'checkbox',
                id: '002',
                action: 'boxclick(this)',
                checked: 'checked'
            }]
        }, {
            name: '地图显示',
            type: 'group',
            side: 'left',
            disabled: 'disabled',
            items: [{
                name: '全选',
                type: 'checkbox',
                id: '000',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '火警监控告警',
                type: 'checkbox',
                id: '001',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '电气火灾告警',
                type: 'checkbox',
                id: '002',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '水监控告警',
                type: 'checkbox',
                id: '003',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '通道监控告警',
                type: 'checkbox',
                id: '004',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '电源监控告警',
                type: 'checkbox',
                id: '005',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: 'RTU监控告警',
                type: 'checkbox',
                id: '006',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }, {
                name: '烟感监控告警',
                type: 'checkbox',
                id: '007',
                action: 'boxclick(this)',
                disabled: 'disabled',
                checked: 'checked'
            }]
        }, {
            name: '声光告警',
            type: 'group',
            side: 'left',
            disabled: 'disabled',
            items: [{
                name: '范围',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '告警级别',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '语音',
                type: 'leaf',
                disabled: 'disabled'
            }]
        }, {
            name: '统计显示',
            type: 'group',
            side: 'left',
            disabled: 'disabled',
            items: [{
                name: '全选',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '火警监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '电气火灾监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '消防水监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '通道监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '消防电源监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: 'RTU监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }, {
                name: '烟感监控系统告警',
                type: 'leaf',
                disabled: 'disabled'
            }]
        }, {
            name: '系统显示',
            type: 'group',
            side: 'left',
            disabled: 'disabled',
            items: [{
                name: '火灾监控',
                disabled: 'disabled',
                type: 'leaf'
            }, {
                name: '电器火灾监控',
                disabled: 'disabled',
                type: 'leaf'
            }, {
                name: '通道告警监控',
                disabled: 'disabled',
                type: 'leaf'
            }, {
                name: '消防电源监控',
                disabled: 'disabled',
                type: 'leaf'
            }, {
                name: 'RTU综合监控',
                disabled: 'disabled',
                type: 'leaf'
            }]
        }, {
            name: '系统信息',
            disabled: 'disabled',
            type: 'leaf'
        }]
    }, {
        name: 'IoT-02永天智慧消防综合监控系统 v1.00',
        type: 'systitle_label',
        side: 'split',
        divid: 'systitle_bar'
    }, {
        name: '时间戳',
        type: 'systime_label',
        side: 'right',
        divid: 'timestamp_bar'
    }, {
        name: '系统设置',
        type: 'group',
        side: 'right',
        items: [{
            name: '推送配置',
            type: 'leaf',
            disabled: 'disabled'
//				action:'keep_menu()',
//				href:baseUrl+'proform4/index.jsp?theme='+theme
        }, {
            name: '用户管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '组织机构管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '权限管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '建筑物管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '物联网卡管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '采集接口管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '监控单元管理',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '监控点管理',
            type: 'leaf',
            disabled: 'disabled'
        }, { //TODO 单位微型消防站管理
            name: '单位微型消防站管理',
            type: 'leaf',
            action: 'keep_menu()',
            /*			href:baseUrl+'efireAlarm/subeFireAlarm.jsp?theme='+theme+($("#company_code").val()!=undefined?('&company_code='+$("#company_code").val()):'')*/
            href: baseUrl + 'FireStation/FireStationManage.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
        }, { //TODO 单位微型消防站管理
            name: '维保合同管理',
            type: 'leaf',
            action: 'keep_menu()',
            /*			href:baseUrl+'efireAlarm/subeFireAlarm.jsp?theme='+theme+($("#company_code").val()!=undefined?('&company_code='+$("#company_code").val()):'')*/
            href: baseUrl + 'contractManage/contractManage.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
        }/*,
            {
                name: '群组管理',
                type: 'leaf',
                action: 'keep_menu()',
                /!*			href:baseUrl+'efireAlarm/subeFireAlarm.jsp?theme='+theme+($("#company_code").val()!=undefined?('&company_code='+$("#company_code").val()):'')*!/
                href: baseUrl + 'groupManage/groupManage.jsp?theme=' + theme + ($("#company_code").val() != undefined ? ('&company_code=' + $("#company_code").val()) : '')
            }*/
        ]
    }, {
        name: '账户',
        type: 'group',
        side: 'right',
        items: [{
            name: '注销',
            type: 'logout',
            href: baseUrl
        }, {
            name: '切换用户',
            type: 'leaf',
            disabled: 'disabled'
        }, {
            name: '密码管理',
            type: 'leaf',
            disabled: 'disabled'
        }]
    }]
}

var redrawpage = function () {
    var w = $(window).width();
    var h = $(window).height();
    menu_shown = true;
    start_count = 0;
    $(document.body).css({
        "border": 0,
        "margin": 0,
        "padding": 0,
        "overflow": "hidden"
    });
    $("#menubar").css({
        "position": "absolute",
        "top": 0,
        "left": 0,
        "height": 50,
        "width": w
    });
    $("#mainframe").css({
        "position": "absolute",
        "top": 50,
        "left": 0,
        "width": w,
        "height": (h - 50),
        "overflow": "hidden"
    });
//	timer_start();
}

var hide_menu = function () {
    var h = $(window).height();
    $("#menubar").animate({
        top: '-45px'
    }, 250);
    $("#mainframe").animate({
        top: '5px',
        height: ((h - 5) + 'px')
    }, 250);
}

var show_menu = function () {
    if (!menu_shown) {
        var h = $(window).height();
        $("#menubar").animate({
            top: '0px'
        }, 250);
        $("#mainframe").animate({
            top: '50px',
            height: ((h - 50) + 'px')
        }, 250);
        menu_shown = true;
    }
    start_count = 0;
}

var timer_start = function () {
    if (KeepMenu) {
        menu_shown = true;
        show_menu();
    } else if (menu_shown) {
        start_count = (start_count + 1);
        if (start_count > 10) {
            menu_shown = false;
            hide_menu();
            setTimeout("timer_start()", 1000);
            return;
        }
    }
    $("#timestamp_bar").html((new Date()).Format("yyyy-MM-dd hh:mm:ss"));
    setTimeout("timer_start()", 1000);
}

$(document).ready(function () {
    baseUrl = document.getElementById('basePath').value;
    theme = document.getElementById('theme').value;
    viewAlarmType = document.getElementById('viewAlarmType').value;
    pieAlarmType = document.getElementById('pieAlarmType').value;
    statusType = document.getElementById('statusType').value;
    $("#V_LOGINNAME").val(sessionStorage.getItem('V_LOGINNAME'));
    $("#V_PASSWORD").val(sessionStorage.getItem('V_PASSWORD'));
    var menubar = new UMenuBar();
    menubar.create(menuconfig);
    redrawpage();
    $("#mainframe").attr('src', 'frontpage/map.jsp');
    $('[data-submenu]').submenupicker();
    timer_start();
});

$(document).mousemove(function (e) {
    if (e.pageY < 5)
        show_menu();
});

$(window).resize(function () {
    redrawpage();
});