| | |
| | | <meta http-equiv="expires" content="0">
|
| | | <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
| | | <meta http-equiv="description" content="This is my page">
|
| | | <title><s:text name="Station_statequery"/></title> <!-- 机房状态查询 -->
|
| | | <title><s:text name="Station_real_status_query"/></title> <!-- 机房实时状态查询 -->
|
| | | <link href="css/basic.css" rel="stylesheet">
|
| | | <link rel="stylesheet" href="css/BrdwMaint.css">
|
| | | <link rel="stylesheet" type="text/css" href="css/loading.css">
|
| | |
| | | <!-- 主体内容 -->
|
| | | <div id="main">
|
| | | <div id="eleInfor">
|
| | | <span class="summary"><s:text name="Station_statequery"/>--><s:text name="Show/hide_the_query_conditions"/></span>
|
| | | <span class="summary"><s:text name="Station_real_status_query"/>--><s:text name="Show/hide_the_query_conditions"/></span>
|
| | | <div class="checkCon filter-container">
|
| | | <form action="" id="search_form">
|
| | | <!-- 维护区信息 -->
|
| | |
| | | <script type="text/javascript" src="js/createTab.js"></script>
|
| | | <script type="text/javascript" src="src/layui.all.js"></script>
|
| | | <script type="text/javascript" src="pages/js/common.js"></script>
|
| | | <script type="text/javascript" src="js/rightmenu.js"></script>
|
| | | <script type="text/javascript">
|
| | | var Page={
|
| | | pageCurr:1,
|
| | |
| | | $('#paging .search').click(function() {
|
| | | searchstationstate(true);
|
| | | });
|
| | |
|
| | | |
| | | var menuItems = [{
|
| | | txt: '实时-监测数据',cla: 'menu-control'
|
| | | }];
|
| | | // 添加右键菜单
|
| | | tblHd.on('click', 'tbody tr', function(e) {
|
| | | // 判断是否为右键
|
| | | if(e.which == 3) {
|
| | | var disX = (e || event).clientX + 10; //获取鼠标点击的横坐标
|
| | | var disY = (e || event).clientY + 10; // 获取鼠标点击的纵坐标
|
| | | var trData = $(this).data('attr');
|
| | | menuItems[0].data = trData;
|
| | | //console.log(trData);
|
| | | rightMenu.showMenu(menuItems, disX, disY);
|
| | | }
|
| | | });
|
| | | |
| | | // 点击实时-监测数据跳转
|
| | | $('body').on('click', '.menu-control', function() {
|
| | | var _data = $(this).data('data');
|
| | | //console.log(_data);
|
| | | var province = _data.stationName1;
|
| | | var city = _data.stationName2;
|
| | | var county = _data.stationName5;
|
| | | var home = _data.stationName;
|
| | | |
| | | var url = skipUrl('control.jsp',province,city,county,home);
|
| | | window.open(url);
|
| | | });
|
| | | |
| | | // 点击表格选项显示表格选项弹出框
|
| | | $('#paging .card-opt').click(function() {
|
| | | var checkboxList = $('#cardOption .con_table table tbody').find('input[type="checkbox"]');
|
| | |
| | | }
|
| | |
|
| | |
|
| | | |
| | | var isNewLoad = true;
|
| | | // 省-市-机房-电池组
|
| | | var filterLoad;
|
| | | $(document).ready(function(){
|
| | | filterLoad = layer.load();
|
| | | var pre_province = getQueryString('province');
|
| | | |
| | | //页面加载时查询省
|
| | | $.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",null,function(data){
|
| | | data=data.result;
|
| | |
| | | }else{
|
| | | $option.text(data.data[i-1]);
|
| | | $option.attr("value",data.data[i-1]);
|
| | | if(pre_province == data.data[i-1] && isNewLoad){
|
| | | $option.attr("selected",true); |
| | | }
|
| | | }
|
| | | $select.append($option);
|
| | | }
|
| | |
| | | if(isLoad) {
|
| | | filterLoad = layer.load();
|
| | | }
|
| | | var pre_city = getQueryString('city');
|
| | | // 请求获取当前省下的市
|
| | | $.ajax({
|
| | | type: "post",
|
| | |
| | | for(var i=0;i<_data.length;i++){
|
| | | var __data = _data[i];
|
| | | var tmp = getOptionsData(__data.StationName2, __data.StationName2, __data);
|
| | | if(pre_city == __data.StationName2 && isNewLoad){
|
| | | tmp = getOptionsData(__data.StationName2, __data.StationName2, __data,{},true);
|
| | | }
|
| | | optsList.push(tmp);
|
| | | }
|
| | | // 根据数据生成下拉列表
|
| | |
| | | if(isLoad) {
|
| | | filterLoad = layer.load();
|
| | | }
|
| | | var pre_county = getQueryString('county');
|
| | | // 查询区县
|
| | | $.ajax({
|
| | | type: 'post',
|
| | |
| | | StationId: __data.StationId
|
| | | };
|
| | | var tmp = getOptionsData(__data.StationName5, __data.StationName5, __data, _attr);
|
| | | if(pre_county == __data.StationName5 && isNewLoad){
|
| | | tmp = getOptionsData(__data.StationName5, __data.StationName5, __data, _attr,{},true);
|
| | | }
|
| | | optsList.push(tmp);
|
| | | }
|
| | |
|
| | |
| | | if(isLoad) {
|
| | | filterLoad = layer.load();
|
| | | }
|
| | | var pre_home = getQueryString('home');
|
| | | //var selectvalue=$("#station_name1 option:selected").val();
|
| | | //alert(selectvalue);
|
| | | $.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(data){
|
| | |
| | | StationId: __data.StationId
|
| | | };
|
| | | var tmp = getOptionsData(__data.StationName3, __data.StationName3, __data, _attr);
|
| | | if(pre_home == __data.StationName && isNewLoad){
|
| | | tmp = getOptionsData(__data.StationName3, __data.StationName3, __data, _attr,{},true);
|
| | | } |
| | | optsList.push(tmp);
|
| | | }
|
| | | // 根据数据生成下拉列表
|
| | |
| | | $("#station_name3").text('').html('<option>暂无可测机房站点</option>');
|
| | |
|
| | | }
|
| | | isNewLoad = false;
|
| | | layer.close(filterLoad);
|
| | | searchstationstate(true);
|
| | | });
|
| | |
| | | var index = 0;
|
| | | var data = JSON.parse(data.result);
|
| | | if(data.code==1&&data.data!=null){
|
| | | //console.info(data.data);
|
| | | console.info(data.data);
|
| | | var data = data.data;
|
| | | //console.info(data[0].dev_id);
|
| | | for(var i=0;i<data.length;i++){
|
| | |
| | | if(_data.station_stat_xuhang){
|
| | | arrTd[index++] = create_fa_font('fa-television','red',{msg: '续航异常'});
|
| | | arrTd[index++] = _data.station_xuhang_start_time;
|
| | | arrTd[index++] = StringtoData(_data.station_xuhang_start_time); |
| | | arrTd[index++] = StringtoData(_data.station_xuhang_start_time);
|
| | | }else{
|
| | | arrTd[index++] = create_fa_font('fa-television','green',{msg: '正常'});
|
| | | arrTd[index++] = "-";
|
| | | arrTd[index++] = formartTime(0);
|
| | | arrTd[index++] = _data.station_xuhang_start_time;
|
| | | arrTd[index++] = getXunHangTimeLong(_data.station_xuhang_end_time, _data.station_xuhang_start_time, _data.station_stat_xuhang); |
| | | }
|
| | |
|
| | | // 开门关门异常
|
| | |
| | | $('#current').text(Page.pageCurr+"/"+pageNum);
|
| | | }
|
| | | layer.close(load);
|
| | | createAllTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
|
| | | createFullTbl(tblHd, tblBd, arrTh, arrTd, tblStatus);
|
| | | |
| | | // 给每一行添加数据
|
| | | var trList = tblBd.find('tbody tr');
|
| | | // 遍历内容给tr添加attr
|
| | | for(var i=0; i<data.length; i++) {
|
| | | trList.eq(i).data('attr', data[i]);
|
| | | }
|
| | |
|
| | | window.clearTimeout(myTimeOut);
|
| | | myTimeOut = window.setTimeout(searchstationstate, 8000);
|
| | | }
|
| | | });
|
| | | }
|
| | | |
| | | // 页面容器大小改变触发
|
| | | $(window).resize(function() {
|
| | | setTblWidth(tblHd, tblBd);
|
| | | });
|
| | | |
| | | // 获取续航时长
|
| | | function StringtoData(value){
|
| | | var date1= value; //开始时间
|
| | | var date2 = new Date(); //结束时间
|
| | | var date3 = date2.getTime() - new Date(date1).getTime(); //时间差的毫秒数 |
| | | var date4 = Math.floor(date3/(1000));
|
| | | return formartTime(date4);
|
| | | } |
| | | //格式化时间value传入为秒
|
| | | var date1= value; //开始时间
|
| | | var date2 = new Date(); //结束时间
|
| | | var date3 = date2.getTime() - new Date(date1).getTime(); //时间差的毫秒数 |
| | | var date4 = Math.floor(date3/(1000));
|
| | | return formartTime(date4);
|
| | | }
|
| | | |
| | | // 通过续航开始时间和结束时间获取续航的时长
|
| | | function getXunHangTimeLong(start, end, state) {
|
| | | var timeLong = '';
|
| | | if(start && end) {
|
| | | var _timeLong = new Date(end).getTime()-new Date(start).getTime();
|
| | | timeLong = Math.floor(_timeLong/(1000));
|
| | | }
|
| | | |
| | | // 最终时间xx天xx时xx分钟
|
| | | var rsTime = '-';
|
| | | if(isNumber(timeLong)&&!state) {
|
| | | rsTime = formartTime(timeLong)
|
| | | }
|
| | | |
| | | return rsTime;
|
| | | }
|
| | | |
| | | //格式化时间value传入为秒
|
| | | function formartTime(value){
|
| | | value = Math.abs(parseInt(value));
|
| | | //console.info(value);
|