<!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">
|
<p>省</p>
|
<select id="mainteArea" data-mini="true">
|
<option value="">全部</option>
|
</select>
|
<p>市</p>
|
<select id="city" data-mini="true">
|
<option value="">全部</option>
|
</select>
|
<p>区/县</p>
|
<select id="country" data-mini="true">
|
<option value="">全部</option>
|
</select>
|
<p>机房站点</p>
|
<select id="homeName" data-mini="true">
|
<option value="">全部</option>
|
</select>
|
<p>蓄电池组</p>
|
<select id="battgroup_name" data-mini="true">
|
<option value="0">全部</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(),
|
StationName2:$('#city').val(),
|
StationName5: $('#country').val(),
|
StationName:$('#homeName').val(),
|
BattGroupId:$('#battgroup_name').val(),
|
BattProducer: eleBrands, //电池品牌
|
BattInUseDate:$('#startTime').val()+" 00:00:00", //开始时间
|
BattInUseDate1:$('#endTime').val()+" 23:59:59", //终止时间
|
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);
|
//console.info(data.code);
|
if(data.code==1&&data.data.length>0){
|
var $Ostation_name1=$("#mainteArea");
|
$Ostation_name1.text("");
|
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($Ostation_name1, arr);
|
}
|
findCity();
|
});
|
|
|
//当省改变时更新市
|
function findCity(){
|
var data = {
|
StationName1: $("#mainteArea").val()
|
};
|
//console.info(data);
|
// 请求获取当前省下的市
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName2",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
data = data.result;
|
data = eval("("+data+")");
|
//console.info(data);
|
//console.info(data.code);
|
if(data.code==1&&data.data.length>0){
|
var $Ostation_name1=$("#city");
|
$Ostation_name1.text("");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++)
|
{
|
if(i == 0){
|
arr.push({
|
val:"",
|
txt:"全部(共"+data.data.length+"个)",
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].StationName2,
|
txt:data.data[i-1].StationName2,
|
});
|
}
|
}
|
updataSel($Ostation_name1, arr);
|
}
|
findCounty();
|
}
|
});
|
}
|
|
//当市改变时更新区/县
|
function findCounty(){
|
var data = {
|
StationName1: $("#mainteArea").val(),
|
StationName2:$("#city").val(),
|
};
|
//console.info(data);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName5",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
data = data.result;
|
data = eval("("+data+")");
|
//console.info(data);
|
//console.info(data.code);
|
if(data.code==1&&data.data.length>0){
|
var $Ostation_name1=$("#country");
|
$Ostation_name1.text("");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++)
|
{
|
if(i == 0){
|
arr.push({
|
val:"",
|
txt:"全部(共"+data.data.length+"个)",
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].StationName5,
|
txt:data.data[i-1].StationName5,
|
});
|
}
|
}
|
updataSel($Ostation_name1, arr);
|
}
|
findStationNamebyStationname1();
|
}
|
});
|
}
|
|
//当区县更新时更新机房
|
function findStationNamebyStationname1(){
|
var data = {
|
StationName1: $("#mainteArea").val(),
|
StationName2:$("#city").val(),
|
StationName5:$("#country").val()
|
};
|
//console.info(data);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName3",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
data = data.result;
|
data = eval("("+data+")");
|
//console.info(data);
|
//console.info(data.code);
|
if(data.code==1&&data.data.length>0){
|
var $Ostation_name1=$("#homeName");
|
$Ostation_name1.text("");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++)
|
{
|
if(i == 0){
|
arr.push({
|
val:"",
|
stationid:"",
|
txt:"全部(共"+data.data.length+"个)",
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].StationName,
|
stationid:data.data[i-1].StationId,
|
txt:data.data[i-1].StationName3,
|
});
|
}
|
}
|
//console.info(111111111111111);
|
updataSelStation($Ostation_name1, arr);
|
}
|
|
findserchByBattGroupNamebystationname();
|
}
|
});
|
}
|
|
//根据机房获取电池组
|
function findserchByBattGroupNamebystationname(){
|
var stationid = $("#homeName").find('option:selected').attr('stationid')?$("#homeName").find('option:selected').attr('stationid'):'';
|
|
var data = {
|
StationName1: $("#mainteArea").val(),
|
StationName2:$("#city").val(),
|
StationName5:$("#country").val(),
|
StationName: $("#homeName").val(),
|
StationId: stationid
|
};
|
|
//console.info(data);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchBattByStation",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
data = data.result;
|
data = eval("("+data+")");
|
//console.warn();
|
//console.info(data);
|
//console.info(data.code);
|
if(data.code==1&&data.data.length>0){
|
var $Ostation_name1=$("#battgroup_name");
|
$Ostation_name1.text("");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++)
|
{
|
if(i == 0){
|
arr.push({
|
val:0,
|
txt:"全部(共"+data.data.length+"个)",
|
});
|
}else{
|
arr.push({
|
val:data.data[i-1].BattGroupId,
|
txt:data.data[i-1].BattGroupName,
|
});
|
}
|
}
|
updataSel($Ostation_name1, arr);
|
}
|
|
}
|
});
|
}
|
|
//当省改变时更新市
|
$('#mainteArea').change(function(){
|
findCity();
|
});
|
//当市改变时改变区/县
|
$('#city').change(function(){
|
findCounty();
|
});
|
//当区/县改变时改变机房
|
$('#country').change(function(){
|
findStationNamebyStationname1();
|
});
|
//当机房改变时，更新电池组
|
$('#homeName').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>
|
