导航定位

hdw

2018-10-25 757b5f5e674abd212586a0af94577dec4cc46c2d

导航定位

 gx_tieta/WebRoot/control.jsp

@@ -254,14 +254,14 @@
    <div id="right_menu">

        <ul>

            <li><a href="javascript:"><s:text name="Check_the_battery_card"></s:text></a></li>                                        <!-- 查看电池组机历卡 -->

            <li><a href="upload.jsp" target="_blank"><s:text name="Upload_FBO/IDC_data"></s:text></a></li>                            <!-- 上传'FBO/IDC'数据 -->

            <li><a href="uploadresis.jsp" target="_blank"><s:text name="Upload_resistance_conductivity_data"></s:text></a></li>        <!-- 上传电阻电导数据 -->

            <!-- <li><a href="upload.jsp" target="_blank"><s:text name="Upload_FBO/IDC_data"></s:text></a></li> -->                            <!-- 上传'FBO/IDC'数据 -->

            <!-- <li><a href="uploadresis.jsp" target="_blank"><s:text name="Upload_resistance_conductivity_data"></s:text></a></li> -->        <!-- 上传电阻电导数据 -->

            <li><a href="eleBrdwMaint.jsp" target="_blank"><s:text name="Batt_failure_maintenance_record_query" /></a></li>            <!-- 电池故障维护记录查询 -->

            <li><a href="javascript:targetBattReport();"><s:text name="Battery_statistical_analysis_queries"></s:text></a></li>        <!-- 电池统计分析查询-->

            <!--<li><a href="eleMonomer.jsp"><s:text name="Batt_statistical_analysis_query"></s:text></a></li>                               电池单体统计分析查询 -->

                        

            <li style="display:none;"><a href="javascript:"><s:text name="Search_engine_or_the_batt_group"></s:text></a></li>        <!-- 搜索机房或电池组-->

            <li><a href="javascript:" id="all_show"><s:text name="Expand_all"></s:text></a></li>                                    <!-- 全部展开 -->

            <!-- <li><a href="javascript:" id="all_show"><s:text name="Expand_all"></s:text></a></li> -->                                    <!-- 全部展开 -->

            <li><a href="javascript:" id="all_hide"><s:text name="Collapse_all"></s:text></a></li>                                    <!-- 全部收缩 -->

        </ul>

    </div>

@@ -1325,15 +1325,17 @@
            

        }); */

        

        //屏蔽浏览器右键菜单功能

            //屏蔽浏览器右键菜单功能

           $(document).ready(function(){

               document.oncontextmenu=function(){

                return false;

            };

               // 屏蔽#lside的右键菜单

                   document.oncontextmenu=function(){

                    return false;

                };

           });

           // 菜单栏鼠标右键菜单显示

           $(document).ready(function(){

               $('.thr').mousedown(function(e){

               $('#ele_content').on('mousedown', '.eleGroup', function(e){

                   alert(123);

                   //利用jquery的方式获取当前点击的是否是右键

                   if(e.which==3)

                   {

@@ -2708,16 +2710,23 @@
                //console.info(model);

                if(model.code == 1){

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

                        if(model.data[i].batt_test_type == 3){

                        var _data = model.data[i];

                        if(_data.batt_test_type == 3){

                            arr.push({

                                note:model.data[i].note,

                                val:model.data[i].BattGroupId,

                                note:_data.note,

                                val:_data.BattGroupId,

                                province: _data.stationName1,

                                city: _data.stationName2,

                                home: _data.stationName,

                                isCharge:0

                            });

                        }else if(model.data[i].batt_test_type == 2){

                        }else if(_data.batt_test_type == 2){

                            arr.push({

                                note: model.data[i].note,

                                val:model.data[i].BattGroupId,

                                note: _data.note,

                                val: _data.BattGroupId,

                                province: _data.stationName1,

                                city: _data.stationName2,

                                home: _data.stationName,

                                isCharge:1

                            });

                        }

@@ -2748,6 +2757,8 @@
                li = $('<li><a href="javascript:;" class="batt-discharge" value="'+list[i].val+'" note="'+list[i].note+'">'+list[i].val+'电池组放电测试!</a></li>');

                discharge_num++;

            }

			
            li.data('attr', list[i]);

            ul.append(li);

        }

        $('#ele_content .batt-listen .count-num').find('span').eq(0).text(discharge_num);

@@ -2756,12 +2767,7 @@
    }

    // 点击电池充放电监测列表触发事件

    $(function() {

        var batt_list = $('#ele_content .batt-listen .batt-list');

        batt_list.on('click', 'a', function(){

            batt_list.find('a').removeClass('active');

            $(this).addClass('active');			
            locationBattPos($(this).attr('note'), $(this).attr('value'));

        });

		
    });

    function BattlocationById(battid){

        if(battid!=undefined){

@@ -2885,16 +2891,7 @@
                

            });

        });

        //全部收缩

        $('#all_hide').click(function(){

            $('.fir').next().slideUp();

            //$('.sec').next().slideUp();

            $("#lside").scrollTop(0);

            $(".arrow").removeClass("up");

            $(".arrow").addClass("down");

            $(".mark").text("+");

            $(".mark").removeClass("black");

        });

		
    });

    

    // 显示电池总数

@@ -3027,51 +3024,8 @@
     }

     

     // 根据机房id和电池组id定位

     function locationBattPos(stationid, battId) {

         var _firTag = $('#lside .fir[name="'+stationid+'"]');

	 	
         if(_firTag.next('ul').length == 0) {

             addLoadingToMenu(stationid);    // 添加数据加载等待

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

                data:"json = "+JSON.stringify({

                    StationId:stationid

                }),	
                success: function(data){							        	
                    data = eval('('+data+')');

                    var model = eval('('+data.result+')');

                    removeLoadingMenu(stationid);    // 移除数据加载等待

                    if(model.code == 1){

                        //console.info(model.data);

                        battinlist.push(model.data);

                        createLsideSec(model.data, battId);

                    }

                },

                error:function(){

	        		
                } 				
            }); 
         }else {

             var _ul = _firTag.next();

             _ul.slideDown();

             _ul.find('.thr').each(function() {

                 if($(this).attr('id') == battId) {

                     $('#lside a').css('background-color', "");

                    $(this).css('background-color', '#9bbaf3');

                    BattGroupId = battId;

                    location.hash = '#'+battId;

                    location.hash = "";

                }

             });

             getBattStr();

             searchBattAlarmParam();            //查询电池告警参数

             clearInterval(time);

            showtable();

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

         }

     function locationBattPos(info) {

         console.log(info);

     }

     

     // 向页面的左侧添加加载等待

@@ -3102,7 +3056,7 @@
     function getBattStr() {

         var battInfo = getBatt();

         //console.info(battInfo);

         var battStr = battInfo.StationName+'-'+battInfo.BattGroupName;

         var battStr = battInfo.StationName+'-'+battInfo.BattGroupName+'-标称容量'+battInfo.MonCapStd+'AH';

         $('#address_infor').text(battStr);

     }

     

@@ -3952,6 +3906,7 @@
            var second = GLOBAL.pages.siderbar.second;    // 二级导航

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

            var fourth = GLOBAL.pages.siderbar.fourth;    // 四级导航

            var localSideBar = GLOBAL.pages.siderbar.localSideBar;    // 定位机房

            var treeView = new TreeView($('#lside'));

            $('#lside').width($('#ele_content').width());

            treeView.setContainer();

@@ -4025,6 +3980,56 @@
                    time=window.setInterval("showtable()",4000);

                }

            });

			
            // 右键菜单显示

            treeView.ele.on('mousedown', '.eleGroup', function(e) {

                //利用jquery的方式获取当前点击的是否是右键

                   if(e.which==3)

                   {

                       BattGroupId=$(this).attr("id");

                       var disX=(e||event).clientX+10;            //得到鼠标点击X的位置

                      var disY=(e||event).clientY+10;            //得到鼠标点击Y的位置

                      var scrollY=$("body").scrollTop();        //获取浏览器滚动的高度

				
                      var oRightMenu=document.getElementById("right_menu");

		  			
                      $(this).click();

		  			
                      //显示菜单内容

                      $("#right_menu").show();

                      $("#right_menu .more_menu").hide();

                      $("#right_menu .angle").hide();

                      //使菜单跟随鼠标位置

                      oRightMenu.style.left=disX+'px';

                      oRightMenu.style.top=disY+scrollY+'px';

		  			
                      setPosition($("#right_menu"),disX, disY);

		  			
                   }

            });

			
            //全部收缩

            $('#all_hide').click(function(){

                treeView.ele.find('li').removeClass('sider-menu-open');

            });

			
            // 电池充放电数据监控

            var batt_list = $('#ele_content .batt-listen .batt-list');

            batt_list.on('click', 'a', function(){

                batt_list.find('a').removeClass('active');

                $(this).addClass('active');

                var battInfo = $(this).parent().data('attr');	
				
                var tmp = {

                    province: battInfo.province,

                    city: battInfo.city,

                    home: battInfo.home,

                    homeid: battInfo.note,

                    battid: battInfo.val

                }

				
                localSideBar(treeView, treeView.container, tmp);

            });

        });

    </script>

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


 gx_tieta/WebRoot/index.jsp

@@ -3390,10 +3390,22 @@
                                id: 'pie',

                                title: '饼状图配置',

                                maxHeight: 450,

                                yes: function(index, kk) {

                                content: html,

                                yes: function(index) {

                                    var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]');

                                    var iptArr = [];

                                    iptList.each(function() {

                                        if($(this).is(':checked')) {

                                            iptArr.push(1);

                                        }else {

                                            iptArr.push(0);

                                        }

                                    });

                                    

                                },

                                content: html

                                    var temp = structUpdatePie(iptArr);

                                    layer.load();

                                    updateUserBieState(temp);

                                }

                            });

                        });

                    }

@@ -3411,7 +3423,6 @@
                var tmp = {};

                var num = i+1;

                var key = 'echarts'+num+'_enable';

                console.log(key);

                tmp.name = pieType[i].name;

                tmp.status = result[key];

                data.tblData.push(tmp);

@@ -3419,6 +3430,55 @@
            

            return data;

        }

		
		
        // 构造更新饼状图参数

        function structUpdatePie(arr) {

            var rs = {

                echarts1_enable:0,

                echarts2_enable:0,

                echarts3_enable:0,

                echarts4_enable:0,

                echarts5_enable:0,

                echarts6_enable:0,

                echarts7_enable:0,

                echarts8_enable:0,

                echarts9_enable:0,

                echarts10_enable:0

            };

			
            // 遍历arr给rs值重定义

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

                var num = i+1;

                var key = 'echarts'+num+'_enable';

                rs[key] = arr[i];

            }

			
            return rs; 
        }

		
        // 更新当前用户设置饼状图的使能状态

        function updateUserBieState(temp, dialog, load){

            // 更新后台数据

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

                data:'json='+JSON.stringify(temp),		
                success: function(data){ 
                    layer.closeAll();

		        	
                    var model = eval('('+data.result+')');

                    if(model.code == 1) {

                        layer.msg('配置成功！！！');

                    }else {

                        layer.msg('配置失败！！！');

                    }

                } 				
            });

        }

		
    });

    </script> 

</html>


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

@@ -88,7 +88,7 @@
            var _data = $.extend({}, defaults, data[i]);

            // 设置内容容器

            var _li = $('<li></li>');

            var _a = $('<a href="javascript:;" class="sider-menu-folder"></a>');

            var _a = $('<a href="javascript:;" id="'+_data.txt+'" class="sider-menu-folder"></a>');

            var _i = $('<i class="fa fa fa-caret-right"></i>');

            var _span = $('<span class="treeview-txt">'+_data.txt+'</span>');

            if(_data.file) {

@@ -184,14 +184,25 @@
        

    };

    

    _prop.activeFile = function(cla, txt, callback) {

    _prop.activeFile = function(container, cla, id, callback) {

        var rsCla = '.sider-menu-file'+'.'+cla;

        var aFiles = this.ele.find(rsCla);

        var aFiles = container.find(rsCla);

        console.log(aFiles.length);

        // 没有获取到内容就返回false

        if(aFiles.length == 0) {

            return false;

        }

        var tgt = aFiles.eq(0);

		
        // 遍历列表

        aFiles.each(function() {

            var _id = $(this).attr('id');

            // id匹配

            if(_id == id) {

                tgt = $(this);

            }

        });

		
        tgt.click();

    }; 

    

@@ -405,7 +416,7 @@
                    treeView.treeView(container, formatData);

                    //console.info(formatData);

                    if(active) {

                        treeView.activeFile('eleGroup', '');

                        treeView.activeFile(container,'eleGroup', '');

                        var battId = formatData[0].id;

                        location.hash="#"+battId;

                        location.hash = "";

@@ -419,4 +430,199 @@
    

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

    gl.pages.siderbar.fourth = fourth;

	
})(jQuery, window, document, GLOBAL);





// 设置根据省市机房和电池进行定位

;(function($, window, document, gl, undefined) {

    gl.namespace('pages.siderbar');

	
    var homeInfo = {

        StationName1: '',

        StationName2: '',

        StationName: '',

        StationId: ''

    };

	
    var battId=undefined;

	
    // 定位机房

    function localSideBar(treeView, container, data) {

        // 关闭所有的

        treeView.ele.find('li').removeClass('sider-menu-open');

		
		
        first(treeView, container);

        homeInfo.StationName1 = data.province;

        homeInfo.StationName2 = data.city;

        homeInfo.StationName = data.home;

        homeInfo.StationId = data.homeid;

        battId = data.battid;

    }

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

    gl.pages.siderbar.localSideBar = localSideBar;

	
    // 生成一级导航-省

    function first(treeView, container) {

        //treeView.addProgress(container);

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

            data:null,	
            success: function(data){

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

                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.getFolder(__data.StationName1, 'province', __data);

                        formatData.push(tmp);

                    }

                    treeView.treeView(container, formatData);

                    treeView.spreadFolder('province', homeInfo.StationName1, firstSpread);

                }else {

	        		
                }

            }

        });

    }

	
    // 展开一级导航

    function firstSpread(treeView, container) {

        second(treeView, container, homeInfo, true);

    }

	
	
    // 生成二级导航-市

    function second(treeView, container, data, spread) {

        // 已经存在

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

            treeView.spreadFolder('city', homeInfo.StationName2, secondSpread, true);

            return;

        }

        treeView.addProgress(container);

        $.ajax({ 	
            type: "post", 				
            url: "BattInfAction!serchStationName2",				
            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.getFolder(__data.StationName2, 'city', __data);

                        formatData.push(tmp);

                    }

                    treeView.treeView(container, formatData);

	        		
                    if(spread) {

                        treeView.spreadFolder('city', homeInfo.StationName2, secondSpread);

                    }

                }

            }

        });

    }

	
    // 展开二级导航

    function secondSpread(treeView, container) {

        third(treeView, container, homeInfo, true);

    }

	
	
    // 生成 三级导航-机房

    function third(treeView, container, data, spread) {

        // 已经存在

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

            location.hash="#"+homeInfo.StationName;

            location.hash="";

            treeView.spreadFolder('home', homeInfo.StationName, thirdSpread, true);

            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.getFolder(__data.StationName, 'home', __data);

                        formatData.push(tmp);

                    }

                    treeView.treeView(container, formatData);

                    if(spread) {

                        treeView.spreadFolder('home', homeInfo.StationName, thirdSpread, true);

                    }

                }

            }

        });

    }

	
    // 展开三级导航

    function thirdSpread(treeView, container, data) {

        fourth(treeView, container, homeInfo, true);

    }

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

    function fourth(treeView, container, data, active) {

        // 已经存在

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

            container.addClass('sider-menu-open');

            if(battId) {

                treeView.activeFile(container,'eleGroup', battId);

            }else {

                treeView.activeFile(container,'eleGroup', '');

            }

            return;

        }

        treeView.addProgress(container);

        $.ajax({ 	
            type: "post", 				
            url: "BattInfAction!serchBattByStation",				
            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;

                    //console.log(_data);

                    var formatData = [];

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

                        var __data = _data[i];

                        var tmp = treeView.getFile(__data.BattGroupName, 'eleGroup', __data.BattGroupId, __data);

                        formatData.push(tmp);

                    }

                    treeView.treeView(container, formatData);

                    if(active) {

                        if(battId) {

                            treeView.activeFile(container,'eleGroup', battId);

                            location.hash="#"+battId;

                            location.hash="";

                        }else {

                            treeView.activeFile(container,'eleGroup', '');

                        }

                    }

                }

            }

        });

    }

})(jQuery, window, document, GLOBAL);