81041
2018-10-29 dfefba58aeae9fff0ef0463acf3d112f78d72629
Merge branch 'dev_lxw' of https://whyclxw1@gitlab.com/whyclxw1/gx_tieta.git into dev_lxw
1个文件已修改
151 ■■■■■ 已修改文件
gx_tieta/WebRoot/batt-traffic-statistics.jsp 151 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/batt-traffic-statistics.jsp
@@ -86,14 +86,14 @@
                                </select>
                            </td>
                            <td>
                                <select id="station_name">
                                <select id="station_name3">
                                </select>
                            </td>
                            <td>
                                <select>
                                        <option>按年统计</option>
                                        <option>按月统计</option>
                                        <option>按日统计</option>
                                <select id="statistics">
                                        <option value=3>按年统计</option>
                                        <option value=1>按月统计</option>
                                        <option value=2>按日统计</option>
                                </select>
                            </td>
                            <td><input type="text" id="startalm" readonly="readonly" name="bmd.adata.alm_start_time" value="2000-1-1" /></td>
@@ -112,11 +112,15 @@
            
            <!-- 按钮内容 -->
            <div id="paging">
            <a href="javascript:" class="search"><s:text name="Search"/></a>        <!-- 查询 -->
            <a href="javascript:" id="export_table"><s:text name="Export"/></a>        <!-- 导出 -->
               <span>总计</span>
               <span>5000</span>
            </div>
        </div>
    </div>
        <!-- 整体灰色遮罩层 -->
        <div id="allShade"></div>
        <script type="text/javascript" src="js/loading.js"></script>
@@ -125,19 +129,33 @@
        
        <script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
        <script type="text/javascript">
            layui.use(['layer'], function() {
                var layer = layui.layer;
                var arrTh = new Array();    // 表格的头部
                var arrTd = new Array();    // 表格的表体
                var tblStatus = new Array();    // 表格状态数组
                var tblOptsHd = new Array();    // 表格选项头部
                var tblOptsBd = new Array();  // 表格选项数组
                arrTh = ['时间段', '机房名称','流量','统计时间'];
                //arrTh = ['<s:text name="Maintenance_area"/>', '<s:text name="Computer_name"/>',  '<s:text name="Nominal_capacity"/>(AH)', '<s:text name="Actual_capacity"/>(AH)','<s:text name="Residual_capacity"/>(AH)', '<s:text name="real_time"/><s:text name="Current"/>(A)', '<s:text name="Power_cut"/><s:text name="Endurance"/><s:text name="Time"/>'];
                //tblOptsHd = ['编号', '选项', '是否选择'];
                tblOptsHd = ['<s:text name="Number"/>', '<s:text name="Options"/>', '<s:text name="IsChecked"/>'];
                var tblHd = $('#tbHead');
                var tblBd = $('#tbBrdw');
        var arrTh = new Array();    // 表格的头部
        var arrTd = new Array();    // 表格的表体
        var tblStatus = new Array();    // 表格状态数组
        var tblOptsHd = new Array();    // 表格选项头部
        var tblOptsBd = new Array();  // 表格选项数组
        arrTh = ['统计时间段','省','市', '机房名称','流量'];
        //arrTh = ['<s:text name="Maintenance_area"/>', '<s:text name="Computer_name"/>',  '<s:text name="Nominal_capacity"/>(AH)', '<s:text name="Actual_capacity"/>(AH)','<s:text name="Residual_capacity"/>(AH)', '<s:text name="real_time"/><s:text name="Current"/>(A)', '<s:text name="Power_cut"/><s:text name="Endurance"/><s:text name="Time"/>'];
        //tblOptsHd = ['编号', '选项', '是否选择'];
        tblOptsHd = ['<s:text name="Number"/>', '<s:text name="Options"/>', '<s:text name="IsChecked"/>'];
        var tblHd = $('#tbHead');
        var tblBd = $('#tbBrdw');
        // 生成表格的头部和表体
        function createAllTbl(header, body, arrTh, arrTd, status) {
            //console.info(status);
            var newArrTh = new Array();
            var newArrTd = new Array();
            newArrTh = getArrTh(status, arrTh);
            newArrTd = getArrTd(status, arrTd);
            createTablenew(header, newArrTh, newArrTd);
            createTablenew(body, newArrTh, newArrTd);
            // 定义表格的头部和表体宽度一致
            var bdWidth = body.find('table').width();
            header.find('table').width(bdWidth);
        }
          layui.use(['layer'], function() {
              var layer = layui.layer;
        
                // 根据表格的头部生成表格选项和表格的状态数组
                $(function() {
@@ -160,8 +178,8 @@
        
                // 生成表格
                $(function() {
                     for(i=0;i<5000;i++){arrTd.push(i)}
                    createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
               //      for(i=0;i<5000;i++){arrTd.push(i)}
                //    createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
                    // 点击表格选项显示表格选项弹出框
                    $('#paging .card-opt').click(function() {
                        var checkboxList = $('#cardOption .con_table table tbody').find('input[type="checkbox"]');
@@ -222,19 +240,7 @@
                    }
                }
        
                // 生成表格的头部和表体
                function createAllTbl (header, body, arrTh, arrTd, status) {
                    //console.info(status);
                    var newArrTh = new Array();
                    var newArrTd = new Array();
                    newArrTh = getArrTh(status, arrTh);
                    newArrTd = getArrTd(status, arrTd);
                    createTablenew(header, newArrTh, newArrTd);
                    createTablenew(body, newArrTh, newArrTd);
                    // 定义表格的头部和表体宽度一致
                    var bdWidth = body.find('table').width();
                    header.find('table').width(bdWidth);
                }
        
                //对于弹出串口进行定位(position:fixed)
                function centerDiv(ele){
@@ -247,12 +253,6 @@
                    });
                }
                
                  // 省-市-机房-电池组
                $(document).ready(function(){
                    //页面加载时查询维护区中的枢纽类型
@@ -335,7 +335,7 @@
                        var rs = JSON.parse(data.result);
                        if(rs.code==1){
                            var _data = rs.data;
                            var $select = $("#station_name");
                            var $select = $("#station_name3");
                            // 根据数据构造生成下拉列表的数据
                            var optsList = [];
                            for(var i=0;i<_data.length;i++){
@@ -344,7 +344,7 @@
                                var _attr = {
                                    StationId: __data.FBSDeviceId,
                                };
                                var tmp = getOptionsData(__data.StationName3, __data.StationName, __data, _attr);
                                var tmp = getOptionsData(__data.StationName3, __data.StationName3, __data, _attr);
                                optsList.push(tmp);
                            }
                            findStationNamebyStationname1.stations = _data;
@@ -353,13 +353,12 @@
                        }else{
                            $("#station_name").text('').html('<option>暂无可测机房站点</option>');
                        }
                    });
                }
            });
        
            //获取选中的机房对象
            function getSelectStation(dev_id,arr){
                if(arr != undefined && arr.length > 0){
@@ -368,13 +367,73 @@
                            return arr[i];
                        }
                    }
                }
                return undefined;
            }
        
        function createSearchForm(){
            var stationid = $('#station_name3').find("option:selected").attr('Stationid');
            var temp = {
                        dev_id: stationid?stationid:0,
                        record_time:$('#startalm').val()+" 00:00:00",
                        record_time1:$('#endTalm').val()+" 23:59:59",
                        num:$('#statistics').val(),
            };
            //console.info(temp);
            return temp;
        }
        
        function searchTranfficStatistic(){
            var temp = createSearchForm();
            arrTd = new Array();
            var Index = 0;
            $.post("StationtrafficAction!serchByCondition","json="+JSON.stringify(temp),function(data){
                //console.info(data);
                var data = JSON.parse(data.result);
                //console.info(data);
                if(data.code==1&&data.data.length>0){
                    data=data.data;
                    //console.info(data);
                    for(i=0;i<data.length;i++){
                        arrTd[Index++] = data[i].note;
                        arrTd[Index++] = data[i].stationName1;
                        arrTd[Index++] = data[i].stationName2;
                        arrTd[Index++] = data[i].stationName;
                        arrTd[Index++] = tranfficCount(data[i].nowflow);
                    }
                    //console.info(arrTd);
                    //createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
                }
                 createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
            });
             //createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
        }
        
        function tranfficCount(value){
            value = (value/1048576).toFixed(2);
            if(value>1024){
                value = (value/1024).toFixed(2);
                return value + "G";
            }else{
                return value + "M";
            }
        }
         $('#paging .search').click(function() {
             jungeJifang();
            searchTranfficStatistic();
         });
        function jungeJifang(){
            var stationid = $('#station_name3').find("option:selected").attr('Stationid');
             //stationid?stationid:0;
             //console.info(stationid);
            if(stationid){
            }else{
                alert("请选择一个机房");
            }
        }
        
        </script>
    </body>