首页三级导航设定

hdw

2018-09-26 032bc7893dd507a59f759a3215cced03d1bdbc19

首页三级导航设定

 gx_tieta/WebRoot/control.jsp

@@ -4012,7 +4012,6 @@
                    showtable();

                    time=window.setInterval("showtable()",4000);

                }

				
            });

        });

    </script>


 gx_tieta/WebRoot/css/index_layout.css

@@ -384,7 +384,7 @@
    height: 100%;

    background-color: #ccc;

    border-right: 4px dotted #aaa;

	
    vertical-align: top;

}



.side-bar.abs {

@@ -400,81 +400,11 @@
    z-index: 999999;

}

.side-bar .lside{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    background: white;

    overflow-x: auto;

    overflow-y: auto;

    position: relative;

}

.lside a {

    text-decoration: none;

    color: #000;

}

.lside>ul{

    width: 100%;

    position:absolute;

    margin-bottom: 30px;

}

.lside>ul>li>a{

    display:block;

    color:black;

    font-size: 16px;

    padding:12px 5px;

    white-space: nowrap;

}

.lside>ul>li>ul{

    display:none;

    }

.lside>ul>li>ul>li>a{

    display:block;

    font-size: 14px;

    padding:10px 20px;

    white-space: nowrap;

}

.lside>ul>li>ul>li>ul{

    display:none;

}

.lside>ul>li>ul>li>ul>li>a{

    display:block;

    font-size: 12px;

    padding:10px 10px 10px 40px;

    white-space: nowrap;

}



.arrow{

    display: block;

    float: left;

    width:20px;

    height:20px;

    margin-left:10px;

    margin-right:10px;

    background:url(../image/arrow_u.png) no-repeat 3px 5px;

    background-color:black;

}

.down{

    display: block;

    float: left;

    width:20px;

    height:20px;

    margin-left:10px;

    margin-right:10px;

    background:url(../image/arrow_d.png) no-repeat 3px 6px;

    background-color:black;

}



.mark{

    display: block;

    float: left;

    font-size: 16px;

    width:20px;

    height:20px;

    margin-left:10px;

    margin-right:10px;

    text-align:center;

    line-height: 20px;

    color:white;

    background-color: black;

}



.map-stats-img {


 gx_tieta/WebRoot/index.jsp

@@ -29,6 +29,7 @@
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>

    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

    <link href="css/basic.css" type="text/css" rel="stylesheet" />

    <link href="css/common.css" type="text/css" rel="stylesheet" />

    <link href="css/index_layout.css" type="text/css" rel="stylesheet" />

    <link rel="stylesheet" href="css/img-change.css">

    <link rel="stylesheet" href="css/confirm.css">

@@ -309,6 +310,7 @@
    <div class="clear"></div>

    <script type="text/javascript" src="pages/js/base.js"></script>

    <script type="text/javascript" src="pages/js/common.js"></script>

    <script type="text/javascript" src="pages/js/pages/siderbar.js"></script>

    <script type="text/javascript" src="js/panel.js"></script>

    <script type="text/javascript" src="js/search.js"></script>

    <script type="text/javascript" src="js/changePinYin.js"></script>

@@ -398,11 +400,6 @@
        $('#main .del-module').remove();    //移除class="del-module"的内容

        //根据饼状图的数量确定位置和大小

        getMapHt();

		
        $('.side-bar').resizable({

            minWidth: 190,

            maxWidth: 500

        });

        /* switch(pieLen){

            case 0:

                $('#main .china-map').remove();

@@ -674,7 +671,7 @@
    

                createIconExplain($('#map'));

                

                searchAllProvince();    // 生成维护区列表

                //searchAllProvince();    // 生成维护区列表

                /* addCommonDotHome(commonDot);

                createWarnDot(map, warnDotList);

                dischargeTimeOut(map, dischargeDotList);

@@ -2010,7 +2007,7 @@
                    //console.info(allStation);

                    createMapDot(map, allStation);

                    

                    setTimeout(searchStation, 4000);	
                    //setTimeout(searchStation, 4000);	
                }

                /* for(var i=0;i<allStation.length;i++){

                    if(allStation[i].low_num>0){                            //落后数目    

@@ -3068,5 +3065,74 @@
            img.attr('src', navImg);

        }

    }

    // siderbar模块

    $(function() {

        var TreeView = GLOBAL.pages.TreeView;

        var first = GLOBAL.pages.siderbar.first;    // 一级导航

        var second = GLOBAL.pages.siderbar.second;    // 二级导航

        var thirdFile = GLOBAL.pages.siderbar.thirdFile;    // 三级导航

        var treeView = new TreeView($('.side-bar .lside'));

        // 设置容器可拖动

        $('.side-bar').resizable({

            handles: 'e',

            maxWidth: 520,

            minWidth: 200,

            alsoResize: $('.side-bar .lside'),

            resize:function() {

                treeView.setContainer();

            }

        });

		
        // 生成一级导航-省

        first(treeView, treeView.container);

		
        // 省->市

        treeView.ele.on('click', '.province', function() {

            var province = $(this).data('attr');

            second(treeView, $(this).parent(), province);

        });

		
        // 市->机房

        treeView.ele.on('click', '.city', function() {

            var city = $(this).data('attr');

            thirdFile(treeView, $(this).parent(), city);

        });

		
        // 点击机房定位

        treeView.ele.on('click', '.home', function() {

            var home = $(this).data('attr');

            var dev_id = home.FBSDeviceId;

			
            searchStationById(home.StationId);

            // 根据设备id设置不同的图标

            if(eType.regType(dev_id, eType.type.equip61850)) {

                changeMapImgDesc($('#mapImgDesc'), '61850');

            }else {

                changeMapImgDesc($('#mapImgDesc'));

            }

        });

		
        $('#map').on('dblclick', function() {

            setLside();

            treeView.setContainer();

        });

		
        // 设置lside的高度

        setLside();

        treeView.setContainer();

        setLside();

        $(window).resize(function() {

            setLside();

        });

		
        // 设置lside的高度函数

        function setLside() {

            var sideBar = $('.side-bar');

            var lside = $('.side-bar .lside');

            // 设置宽高

            lside.width(sideBar.width());

            lside.height(sideBar.height());

        }

    });

    </script> 

</html>


 gx_tieta/WebRoot/pages/js/pages/siderbar.js

@@ -267,6 +267,41 @@
    // 将函数绑定到GLOBAL.pages.siderbar的命名空间下

    gl.pages.siderbar.third = third;

    

    // 生成 三级导航-机房

    function thirdFile(treeView, container, data) {

        // 已经存在

        if(container.find('ul').length !=0) {

            return;

        }

        treeView.addProgress(container);

        $.ajax({ 	
            type: "post", 				
            url: "BattInfAction!serchStationName3",				
            async:true,				
            dataType:'json',

            data:"json = "+JSON.stringify(data),	
            success: function(data){

                var rs = JSON.parse(data.result);

                treeView.delProgress(container);

                if(rs.code == 1) {

                    var _data= rs.data;

                    var formatData = [];

                    for(var i=0; i<_data.length;i++) {

                        var __data = _data[i];

                        var tmp = treeView.getFile(__data.StationName3, 'home', __data);

                        formatData.push(tmp);

                    }

                    treeView.treeView(container, formatData);

                }else {

	        		
                }

            }

        });

    }

	
    // 将函数绑定到GLOBAL.pages.siderbar的命名空间下

    gl.pages.siderbar.thirdFile = thirdFile;

	
    // 生成 三级导航-电池组

    function fourth(treeView, container, data) {

        // 已经存在