<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>机房停电查询</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link href="mobilCss/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
|
<link href="mobilCss/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" type="text/css" href="css/tbl.css">
|
<link rel="stylesheet" href="css/fgpanel.css">
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
</head>
|
<body>
|
<div data-role="page" id="pageone">
|
<!-- 面板内容 -->
|
<div class="fg-panel">
|
<form>
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<fieldset data-role="controlgroup">
|
<p>维护区</p>
|
<select id="stationname1" data-mini="true"></select>
|
<p>机房名称</p>
|
<select id="stationname" data-mini="true"></select>
|
<p>机房停电类型</p>
|
<select id="power_state" data-mini="true">
|
<option value="100">全部</option>
|
<option value="0" selected="selected">实时停电监测</option>
|
<option value="1">历史停电数据</option>
|
</select>
|
<p>停电时间</p>
|
<div class="checkdata">
|
<input type="text" name="" id="startDate" />
|
</div>
|
<span class="sicon">¯</span>
|
<div class="checkdata">
|
<input type="text" name="" id="endtime" />
|
</div>
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" id="submit" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
|
</div>
|
</form>
|
</div>
|
<!-- 头部内容 -->
|
<div data-role="header" data-position="fixed">
|
<a href="count-report.html" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
|
<h1>机房停电查询</h1>
|
<a href="javascript:panel.show();" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-grid ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;" id="screen">筛选</a>
|
</div>
|
<!-- 主体内容 -->
|
<div data-role="main">
|
<div class="pre-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a></div>
|
<div class="next-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a></div>
|
<!-- 表格容器 -->
|
<div class="tbl-container"></div>
|
<table data-role="table" class="ui-responsive ui-shadow" id="tab" >
|
<!-- 表头数据：维护区 机房名称 停电开始时间 停电状态 停电结束时间 停电时长 -->
|
</table>
|
</div>
|
<!-- 页脚内容 -->
|
<!-- <div data-role="footer" data-position="fixed">
|
<h1>福光电子有限公司</h1>
|
</div> -->
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script src="mobilJs/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
|
<script src="mobilJs/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript">
|
$('document').ready(function(){
|
panel.show();
|
});
|
|
var Page={
|
pageCurr:1,
|
pageSize:10,
|
pageAll:0,
|
};
|
$(function () {
|
setTimes($("#startDate"),'2000-01-01');
|
setTimes($("#endtime"),new Date().format('yyyy-MM-dd'));
|
});
|
|
$(function(){
|
$('#submit').click(function(){
|
Page.pageCurr = 1;
|
setPage();
|
searchStationPowerCutRecord();
|
});
|
|
//点击下一页
|
$('.next-page').click(function(){
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
if(Page.pageCurr<pageNum){
|
Page.pageCurr = Page.pageCurr+1;
|
setPage();
|
searchStationPowerCutRecord();
|
}
|
});
|
|
//点击下一页
|
$('.pre-page').click(function(){
|
if(Page.pageCurr>1){
|
Page.pageCurr = Page.pageCurr-1;
|
setPage();
|
searchStationPowerCutRecord();
|
}
|
});
|
});
|
|
var ArrTh = ['机房名称','停电开始时间','停电状态','停电结束时间','停电时长'];
|
//查询机房停电记录
|
function searchStationPowerCutRecord(){
|
loadshow();
|
var temp = createSearchParam();
|
console.info(temp);
|
var arrTd = new Array();
|
$.ajax({
|
type: "post",
|
url: "BattPower_offAction!serchByCondition",
|
async:true,
|
dataType:'text',
|
data:"json="+JSON.stringify(temp),
|
success: function(data){
|
data = eval("("+data+")");
|
var model = eval("("+data.result+")");
|
console.info(model);
|
if(model.code==1){
|
for(var i = 0 ;i<model.data.length;i++){
|
//arrTd.push(model.data[i].StationName1); //维护区
|
arrTd.push(model.data[i].StationName); //机房名称
|
arrTd.push(model.data[i].poweroff_starttime); //停电开始时间
|
if(model.data[i].power_state == 0){
|
arrTd.push("停电中");
|
arrTd.push("--");
|
}else{
|
arrTd.push("停电恢复");
|
arrTd.push(model.data[i].poweroff_stoptime); //停电结束时间
|
}
|
//arrTd.push(model.data[i].note); //停电原因
|
var start = (model.data[i].poweroff_starttime).replaceAll('-','/');
|
var end = (model.data[i].poweroff_stoptime).replaceAll('-','/');
|
arrTd.push(formatSeconds((new Date(end).getTime()-new Date(start).getTime())/1000)); //停电时长
|
Page.pageAll = model.data[i].num;
|
}
|
}else{
|
Page.pageAll = 0;
|
$('#searchNull').popup('open');
|
}
|
setPage();
|
createTbl($('.tbl-container'),ArrTh,arrTd);
|
loadclose();
|
},
|
|
error:function(){
|
$('#searchErr').popup('open');
|
loadclose();
|
}
|
});
|
}
|
|
|
//设置页面的跳转链接
|
function setPage(){
|
if(Page.pageCurr <= 1){
|
$('.pre-page').hide();
|
}else{
|
$('.pre-page').show();
|
}
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
|
if(Page.pageCurr < pageNum){
|
$('.next-page').show();
|
}else{
|
$('.next-page').hide();
|
}
|
|
}
|
|
|
|
//构造查询条件
|
function createSearchParam(){
|
var temp = {
|
binf:{
|
num:$('#power_state').val(),
|
StationName:$('#stationname').val(),
|
StationName1:$('#stationname1').val(),
|
BattProductDate:$('#startDate').val()+" 00:00:00",
|
BattProductDate1:$('#endtime').val()+" 23:59:59"
|
},
|
page:{
|
pageSize:Page.pageSize, //页面大小
|
pageCurr:Page.pageCurr, //当前页
|
}
|
};
|
return temp;
|
}
|
|
$(function(){
|
//页面加载时查询维护区中的枢纽类型
|
$.ajax({
|
url:'BattInfAction!serchByStation',
|
async:'true',
|
type:'post',
|
success:function(data){
|
var model=eval("("+data.result+")");
|
console.info(model);
|
if(model.code==1){
|
$select = $('#stationname1');
|
$select.text('');
|
for(var i=0;i<=model.data.length;i++){
|
var _option=$("<option></option>");
|
if(i==0){
|
_option.text("全部(共"+model.data.length+"种)");
|
_option.attr("value", "");
|
$select.siblings('span').text(_option.text());
|
}else{
|
_option.text(model.data[i-1].StationName1);
|
_option.attr("value", model.data[i-1].StationName1);
|
}
|
$select.append(_option);
|
}
|
}
|
findStationNamebyStationname1();
|
}
|
});
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('.ui-field-contain').on('change','#stationname1',(function(){
|
findStationNamebyStationname1();
|
}));
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue = $('#stationname1').val();
|
$.ajax({
|
type:'post',
|
url:"BattInfAction!serchByStationName",
|
dataType:'json',
|
data:
|
{
|
'bif.StationName1':selectvalue,
|
},
|
success:function(data){
|
var model=eval('('+data.result+')');
|
if(model.code==1){
|
$('#stationname').text('');
|
var _select = $('#stationname');
|
for(var i=0;i<=model.data.length;i++){
|
var _option = $('<option></option>');
|
if(i==0){
|
_option.text('全部共('+model.data.length+')种');
|
_option.attr('value','');
|
_select.siblings('span').text(_option.text());
|
}else{
|
_option.text(model.data[i-1].StationName);
|
_option.attr('value',model.data[i-1].StationName);
|
}
|
_select.append(_option).trigger('create');
|
}
|
}
|
},
|
error:function(e){
|
console.info(e);
|
}
|
|
});
|
}
|
|
</script>
|
</html>
|
