| | |
| | | <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 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);
|