<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
<title>落后单体查询</title>
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" type="text/css" href="css/tbl.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" />
|
<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>
|
<link rel="stylesheet" href="css/fgpanel.css">
|
</head>
|
<body>
|
<div data-role="page">
|
<div class="fg-panel">
|
<form>
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<legend><strong>维护区：</strong></legend>
|
<select type="date" name="mainteArea" id="mainteArea" data-mini="true">
|
<option value="-1">全部</option>
|
<option value="维护区1">维护区1</option>
|
<option value="维护区2">维护区2</option>
|
<option value="维护区3">维护区3</option>
|
</select>
|
<legend><strong>机房：</strong></legend>
|
<select type="date" name="homeName" id="homeName" data-mini="true">
|
<option value="-1">全部</option>
|
<option value="机房1">机房1</option>
|
<option value="机房2">机房2</option>
|
<option value="机房3">机房3</option>
|
</select>
|
<fieldset data-role="collapsible" data-collapsed="false" data-mini="true">
|
<legend><strong>时间段选择：</strong></legend>
|
<label for="startTime"><strong>开始时间：</strong></label>
|
<input type="text" name="startTime" id="startTime" value="1970-12-06">
|
<label for="endTime"><strong>结束时间：</strong></label>
|
<input type="text" name="endTime" id="endTime" value="2017-05-06">
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" id="search" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
|
</div>
|
</form>
|
</div>
|
|
<div data-role="header">
|
<a href="count-report.html" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>落后单体查询</h1>
|
<a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-bullets ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">筛选</a>
|
</div>
|
<div data-role="main" class="ui-content">
|
<div class="tbl-container"></div>
|
</div>
|
<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/tbl.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script type="text/javascript">
|
var Page = {
|
pageSize:10, //每页的行数
|
pageCurr:1, //当前页码数
|
pageAll:1,
|
};
|
var arrTh = [
|
'机房名称', '电池组名称', '电池品牌',
|
'安装日期','电池规格','落后单体编号','单体实际容量',
|
'容量百分比'
|
];
|
// 生成页面内容
|
$('document').ready(function(){
|
setTimes($("#startTime"),'2000-01-01');
|
setTimes($("#endTime"),new Date().format('yyyy-MM-dd'));
|
|
panel.show();
|
});
|
var eleBrands = "";
|
var battGroupId = 0;
|
var model = "";
|
|
// 点击电池组获取电池组id，电池组名称并存储到cookie中
|
$(function() {
|
$('div[data-role="collapsibleset"]').on('tap', 'li a', function() {
|
var eleGroup = $(this).text();
|
var eleGroupId = $(this).attr('elegroupid');
|
setCookie('eleGroup', eleGroup);
|
setCookie('eleGroupId', eleGroupId);
|
var startTime = $('#startTime').val();
|
var endTime = $('#endTime').val();
|
setCookie('startTime', startTime);
|
setCookie('endTime', endTime);
|
|
});
|
});
|
|
/*
|
$(function() {
|
// 展开时触发的事件
|
$('div[data-role="collapsibleset"]').on('collapsibleexpand', '.ui-collapsible', function() {
|
var hname = $(this).find('h1').attr('hname');
|
var ulCon = $(this).find('.ul-con');
|
//clickStationName(ulCon, hname);
|
|
});
|
});
|
*/
|
|
|
// 监测页面滚动到文档的底部
|
$(document).on('scrollstop', function() {
|
var tblCont = $('.tbl-container');
|
var loading = $('.ui-loading');
|
var scrollTop = $(this).scrollTop();
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
//console.info(pageNum);
|
if(loading.length == 0 && scrollTop != 0 && Page.pageCurr < pageNum) {
|
var winHt = $(window).height();
|
var docHt = $(this).height();
|
var shiftHt = docHt - winHt;
|
if(shiftHt < scrollTop || shiftHt == scrollTop) {
|
Page.pageCurr++;
|
searchBadbatt();
|
}
|
}
|
});
|
|
$(document).ready (function(){
|
$("#search").click(function(){
|
Page.pageCurr = 1;
|
searchBadbatt();
|
// console.info(model.data[0][0].binf.StationName)
|
});
|
});
|
|
var battList = new Array();
|
var arrTd = new Array();
|
var lasttemp = undefined;
|
//查询落后单体
|
function searchBadbatt(){
|
var temp = creatObj();
|
var json = window.JSON.stringify(temp);
|
if(lasttemp != JSON.stringify(temp.binf)){
|
arrTd = new Array();
|
//alert("查询条件改变");
|
lasttemp = JSON.stringify(temp.binf);
|
}
|
//console.info(json);
|
battList = new Array();
|
//arrTd = new Array();
|
$.ajax({
|
type: "post",
|
url: "mobil/BadBatt_monAction!serchByInfo",
|
async:true,
|
dataType:'text',
|
data:"json="+json,
|
beforeSend: function() {
|
loadshow();
|
},
|
success: function(data){
|
data = eval('('+data+')');
|
model = eval('('+data.result+')');
|
//console.info(model);
|
if(model.code == 1){
|
for(var i = 0;i < model.data.length;i++){
|
//console.info(model.data.length);
|
var bmdobj = model.data[i];
|
//arrTd.push(bmdobj.binf.StationName1); //维护区
|
arrTd.push(bmdobj.binf.StationName); //机房站点
|
arrTd.push(bmdobj.binf.BattGroupName); //电池组名称
|
arrTd.push(bmdobj.binf.BattProducer); //电池品牌
|
arrTd.push(bmdobj.binf.BattInUseDate.substring(0,10)); //安装时间
|
arrTd.push(bmdobj.binf.MonVolStd); //电池规格
|
arrTd.push(bmdobj.bdmon.mon_num); //落后单体编号
|
arrTd.push((bmdobj.bdmon.real_cap).toFixed(0)); //单体实际容量
|
arrTd.push((bmdobj.bdmon.real_cap*100/bmdobj.bdmon.stdcap).toFixed(0)+"%"); //容量百分比
|
|
Page.pageAll = bmdobj.page.pageAll;
|
}
|
}else{
|
$('#searchNull').popup('open');
|
}
|
createTbl($('.tbl-container'), arrTh, arrTd);
|
loadclose();
|
}
|
}).error(function(){
|
loadclose();
|
$('#searchErr').popup('open');
|
});
|
}
|
|
function getListByhomeName(homeName,list){
|
for(var i = 0 ;i<list.length;i++){
|
if(list[i].homeName == homeName){
|
return list[i].battList;
|
}
|
}
|
var arr = new Array();
|
list.push({
|
homeName:homeName,
|
battList:arr,
|
});
|
return arr;
|
}
|
|
//是否是新的电池组
|
function isNewBatt(battid,list){
|
var flag = true;
|
for(var i = 0;i<list.length;i++){
|
if(battid == list[i].val){
|
flag = false;
|
break;
|
}
|
}
|
return flag;
|
}
|
|
function clickStationName(ulCon, hname){
|
var arrTxt = new Array();
|
var arrId = new Array();
|
if(model.code == 1){
|
for(var i = 0;i < model.data.length;i++){
|
var data_arr = model.data[i];
|
if(data_arr != undefined && data_arr.length>0)
|
{
|
for(var j = 0; j< data_arr.length;j++)
|
{
|
if(hname==data_arr[j].binf.StationName)
|
{
|
arrTxt.push(data_arr[j].binf.BattGroupName);
|
arrId.push(data_arr[j].sdata.BattGroupId);
|
num=arrId.length-1;
|
console.info(num);
|
console.info(data_arr[j].sdata.BattGroupId);
|
console.info(arrTxt[num]);
|
if(num>0 && arrTxt[num-1]==arrTxt[num])
|
{
|
arrTxt.splice(num,1);
|
arrId.splice(num,1);
|
}
|
|
}
|
}
|
}
|
|
}
|
console.info(arrTxt);
|
console.info(arrId);
|
createListView(ulCon, arrTxt, arrId);
|
}
|
}
|
|
function creatObj(){
|
var temp={
|
binf:{
|
StationName1:$('#mainteArea').val(), //枢纽
|
StationName:$('#homeName').val(), //机房
|
BattProducer: eleBrands, //电池品牌
|
BattInUseDate:$('#startTime').val()+" 00:00:00", //开始时间
|
BattInUseDate1:$('#endTime').val()+" 23:59:59", //终止时间
|
BattGroupId:battGroupId,
|
BattProductDate:$('#startTime').val()+" 00:00:00",
|
BattProductDate1:$('#endTime').val()+" 23:59:59",
|
},
|
page:Page
|
};
|
return temp;
|
}
|
|
//点击筛选弹出选择框时,查询维护区中的枢纽类型(尝试加载就返回数据)
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
|
if(data.code==1 && data.data.length>0){
|
var $select=$("#mainteArea");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++){
|
if(i == 0){
|
arr.push({
|
val:"",
|
txt:"全部(共"+data.sum+"个)"
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].StationName1,
|
txt:data.data[i-1].StationName1
|
});
|
}
|
|
}
|
updataSel($select,arr);
|
|
}
|
findStationNamebyStationname1();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#mainteArea').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#mainteArea option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
|
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#homeName");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++){
|
if(i == 0){
|
arr.push({
|
val:"",
|
txt:"全部(共"+data.sum+"个)"
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].StationName,
|
txt:data.data[i-1].StationName
|
});
|
}
|
|
}
|
updataSel($select,arr);
|
}
|
//findserchByBattGroupNamebystationname();
|
});
|
$('#station_name').change(function(){
|
//findserchByBattGroupNamebystationname();
|
});
|
}
|
|
|
|
/**
|
创建页面的内的折叠框
|
@param obj ele 需要添加内容的容器
|
@param array eleList 机房和电池组的信息
|
eleList的结构为[
|
{homeName:,battList:[
|
{txt:,val:},
|
{txt:,val:}
|
]
|
},
|
{homeName:,battList:[
|
{txt:,val:},
|
{txt:,val:}
|
]
|
},
|
]
|
*/
|
function createPageContent(ele, eleList) {
|
ele.text('');
|
for(var i = 0; i < eleList.length; i++) {
|
var h1 = $('<h1 hname= "'+eleList[i].homeName+'">'+eleList[i].homeName+'</h1>');
|
var ulCon = $('<div class="ul-con"></div>');
|
if(i == 0) { // 第一个默认展开
|
var clpsb = $('<div data-role="collapsible" data-mini="true" data-collapsed="false"></div>');
|
|
createListView(ulCon, eleList[i].battList);
|
clpsb.append(h1).trigger('create');
|
clpsb.append(ulCon);
|
ele.append(clpsb).trigger('create');
|
}else {
|
var clpsb = $('<div data-role="collapsible" data-mini="true"></div>');
|
|
createListView(ulCon, eleList[i].battList);
|
clpsb.append(h1).trigger('create');
|
clpsb.append(ulCon);
|
ele.append(clpsb).trigger('create');
|
}
|
|
}
|
}
|
|
/**
|
生成列表针对下一层的链接文件相同列表
|
@param ulCon 列表的容器
|
@param battList 列表的文本和value以对象数组的方式存储
|
基本结构battList = [
|
{txt:,val:},
|
{txt:,val:}
|
]
|
*/
|
function createListView(ulCon, battList) {
|
// 清理ul的内容
|
ulCon.text('');
|
// 重新定义列表
|
var ul = $('<ul data-role="listview" data-icon="false" data-mini="true" data-inset="true"></ul>');
|
// 遍历列表的的文本值生成li标签并添加到ul中
|
for(var i = 0; i < battList.length; i++) {
|
var _li = $('<li><a href="taskplan-ele.html" elegroupid="'+battList[i].val+'" target="_top" class="ui-btn ui-icon-carat-r ui-btn-icon-right">'+battList[i].txt+'</a></li>');
|
ul.append(_li);
|
ulCon.append(ul).trigger('create');
|
}
|
}
|
// 判断屏幕是否超出
|
function isFullPage() {
|
var res = true;
|
var winHt = $.mobile.getScreenHeight();
|
var tblHt = $('.tbl-container').height();
|
if(tblHt < winHt) {
|
res = false;
|
}
|
|
return res;
|
}
|
</script>
|
</div>
|
</body>
|
</html>
|
