| | |
| | | </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>
|
| | |
| | |
|
| | | <!-- 按钮内容 -->
|
| | | <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>
|
| | |
| | |
|
| | | <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() {
|
| | |
| | |
|
| | | // 生成表格
|
| | | $(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"]');
|
| | |
| | | }
|
| | | }
|
| | |
|
| | | // 生成表格的头部和表体
|
| | | 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){
|
| | |
| | | });
|
| | | }
|
| | |
|
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | // 省-市-机房-电池组
|
| | | $(document).ready(function(){
|
| | | //页面加载时查询维护区中的枢纽类型
|
| | |
| | | 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++){
|
| | |
| | | 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;
|
| | |
| | | }else{
|
| | | $("#station_name").text('').html('<option>暂无可测机房站点</option>');
|
| | | }
|
| | | |
| | | });
|
| | | }
|
| | | |
| | | });
|
| | |
|
| | | |
| | | |
| | | |
| | | //获取选中的机房对象
|
| | | function getSelectStation(dev_id,arr){
|
| | | if(arr != undefined && arr.length > 0){
|
| | |
| | | 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>
|