<!DOCTYPE HTML>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>电池关注管理</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css">
|
<link rel="stylesheet" type="text/css" href="css/tbl.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 class="ui-mobile-viewport ui-overlay-a">
|
<div data-role="page" id="pageone" data-url="pageone" tabindex="0" class="ui-page ui-page-theme-a ui-page-header-fixed ui-page-active" style="padding-top: 44px; min-height: 623px;">
|
<!-- 面板内容 -->
|
<div class="fg-panel" style="height: 651px; right: -80%;">
|
<form>
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content" style="height: 571px;">
|
<fieldset data-role="controlgroup" class="ui-controlgroup ui-controlgroup-vertical ui-corner-all">
|
<div class="ui-controlgroup-controls ">
|
<p>维护区</p>
|
|
<select id="privince" data-mini="true">
|
<option value="">全部</option>
|
|
</select>
|
|
<p>机房站点</p>
|
|
<select id="city" data-mini="true">
|
<option value="">全部</option>
|
|
</select>
|
|
<p>蓄电池组</p>
|
|
<select id="battgroup_name" data-mini="true">
|
<option value="0">全部</option>
|
|
|
</select>
|
|
|
<p>单体编号</p>
|
<select id="Single_number" data-mini="true">
|
<option value="0">全部</option>
|
|
</select>
|
|
</div>
|
</fieldset></div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" id="submit" class="ui-btn ui-btn-b ui-shadow ui-mini" role="button">确定</a>
|
</div>
|
</form>
|
</div>
|
|
<!-- 头部内容 -->
|
<div data-role="header" data-position="fixed" role="banner" class="ui-header ui-bar-inherit ui-header-fixed slidedown ui-fixed-hidden">
|
<a href="datamanage.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;" data-role="button" role="button">返回</a>
|
<h1 class="ui-title" role="heading" aria-level="1">电池关注管理</h1>
|
<a href="javascript:panel.show();" class="ui-btn-right ui-btn ui-icon-grid ui-btn-icon-left ui-shadow ui-corner-all" style="padding-top: 0.7em; padding-bottom: 0.7em;" id="screen" data-role="button" role="button">筛选</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 ui-table ui-table-reflow" id="tab">
|
</table>
|
<div style="display: none;" id="searchErr-placeholder"><!-- placeholder for searchErr --></div><div style="display: none;" id="searchNull-placeholder"><!-- placeholder for searchNull --></div></div>
|
<!-- 页脚内容 -->
|
<!-- <div data-role="footer" data-position="fixed">
|
<h1>福光电子有限公司</h1>
|
</div> -->
|
</div>
|
|
|
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script type="text/javascript" src="js/echarts.js"></script>
|
<script type="text/javascript" src="js/eleAnalyse.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript">
|
|
var data = new Date;
|
var arrTh = ['维护区', '机房名称', '电池组名称', '单体编号', '单体实时电压', '单体实际容量', '单体容量百分比'];
|
var dataArr = new Array();
|
//
|
dataArr = [];
|
var newArrTd = [];
|
var tblCon = $('.tbl-container');
|
var battProducer = "";
|
var Page = {
|
pageSize : 10,
|
pageCurr : 1,
|
pageAll : 0,
|
};
|
|
var startTime = "1980-01-01";
|
var endTime = new Date;
|
|
$(document).ready(function(){
|
panel.show(); // 页面加载展开panel
|
|
$("#submit").click(function(){
|
SearchAttentionMon();
|
});
|
});
|
|
var lastParam = {
|
page:Page
|
};
|
|
|
function SearchAttentionMon(){
|
arrTd = new Array();
|
var temp = createParam();
|
//if(JSON.stringify(temp.binf) != JSON.stringify(lastParam.binf) || Page.pageSize != lastParam.page.pageSize){
|
// Page.pageCurr = 1;
|
// temp = createParam();
|
// lastParam = temp;
|
//console.info("重置查询条件。。。。");
|
//}
|
//attentionlist = new Array();
|
var json =JSON.stringify(temp);
|
//$.post('Batt_attentionAction!serchByCondition',"json="+json,function(data){
|
//});
|
$.ajax({
|
type: "post",
|
url: "Batt_attentionAction!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){
|
//attentionlist = model.data;
|
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].BattGroupName); //电池组名称
|
arrTd.push(model.data[i].MonNum); //单体编号
|
arrTd.push((model.data[i].MonVolLowToAvg).toFixed(3)); //单体实时电压
|
arrTd.push((model.data[i].MonSerStd).toFixed(0)); //单体实际容量
|
var realCappercent = (model.data[i].MonSerStd*100/model.data[i].MonCapStd).toFixed(0);
|
arrTd.push(realCappercent+'%'); //容量百分比
|
Page.pageAll = model.data[i].Size; //总记录条数
|
}
|
}else{
|
$('#searchNull').popup('open');
|
Page.pageAll = 0;
|
}
|
$('#total').text(Page.pageAll);
|
var Page_num = Math.ceil(Page.pageSize!=0?(Page.pageAll/Page.pageSize):0);
|
$('#current').text(Page.pageCurr+"/"+Page_num);
|
$('#page_num').val(Page.pageCurr);
|
createTbl(tblCon, arrTh, arrTd);
|
panduanxianshi();
|
},error:function(){
|
$('#searchErr').popup('open');
|
}
|
});
|
}
|
//构造查询条件
|
function createParam(){
|
var temp = {
|
page:{
|
pageCurr:Page.pageCurr,
|
pageSize:Page.pageSize,
|
},
|
binf:{
|
StationName:$('#city').val(), //机房名
|
StationName1:$('#privince').val(), //维护区
|
BattGroupId:$('#battgroup_name').val(), //电池组名称
|
MonNum:$('#Single_number').val(),
|
}
|
};
|
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=$("#privince");
|
|
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();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#privince').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#privince 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 = $("#city");
|
|
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].StationName,
|
txt: data.data[i].StationName
|
});
|
//}
|
}
|
updataSel($select, arr);
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
$('#city').change(function(){
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
|
//根据维护区和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var station_name1=$("#privince option:selected").val();
|
var station_name=$("#city option:selected").val();
|
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
//console.info(data.data.length);
|
if(data.code==1 && data.data.length>0){
|
var $Obattgroup_name = $("#battgroup_name");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++) {
|
if(i == 0) {
|
arr.push({
|
val: "0",
|
txt: "全部(共"+data.sum+"组)"
|
});
|
}else{
|
arr.push({
|
val: data.data[i-1].BattGroupId,
|
txt:data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"节"
|
});
|
}
|
}
|
updataSel($Obattgroup_name, arr);
|
}
|
searchBattMonNum();
|
});
|
|
}
|
$('#battgroup_name').change(function(){
|
searchBattMonNum();
|
});
|
|
|
function searchBattMonNum(){
|
//当选择蓄电池组时
|
var battgroup_id = $('#battgroup_name').val();
|
var $OSingle_number = $("#Single_number");
|
$OSingle_number.text=("");
|
|
//var $Obattgroup_name = $("#battgroup_name");
|
//var arr = new Array();
|
if(battgroup_id==0){
|
var $option = $("<option></option>");
|
$option.html("全部选择（共0种）");
|
$option.attr("value", 0);
|
var arr = new Array();
|
arr.push({
|
val:"0",
|
txt:"全部选择(共"+0+"个)"
|
});
|
//$OSingle_number.append($option);
|
updataSel($('#Single_number'),arr);
|
}else{
|
//console.info(battgroup_id);
|
$OSingle_number.text=("");
|
$.post("BattInfAction!serchByMonNum","bif.BattGroupId="+battgroup_id,function(data){
|
//console.info("aa");
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
data=data.data[0];
|
var arr = new Array();
|
for(var i=0;i<=data.MonCount;i++) {
|
//var $option = $("<option></option>");
|
|
if(i!=0){
|
|
arr.push({
|
val:("value", i),
|
txt:i,
|
});
|
//$option.html(i);
|
//$option.attr("value", i);
|
}else{
|
arr.push({
|
val:"0",
|
txt:"全部选择（共"+data.MonCount+"种）"
|
});
|
//$option.html("全部选择（共"+data.MonCount+"种）");
|
//$option.attr("value", 0);
|
}
|
//$OSingle_number.append($option);
|
updataSel($('#Single_number'),arr);
|
}
|
}
|
|
});
|
}
|
}
|
|
|
function panduanxianshi()
|
{
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
console.info(pageNum);
|
if (pageNum>1)
|
{//有多页
|
if (Page.pageCurr==1)
|
{
|
setPageTurning(false, true); //当前页为1,隐藏左边
|
}
|
else if (Page.pageCurr== pageNum)
|
{
|
setPageTurning(true, false); //当前页为最后一页,隐藏右边
|
}
|
else
|
{
|
setPageTurning(true, true); //为中间,两边都不隐藏
|
}
|
}
|
else
|
{
|
setPageTurning(false, false);
|
} //只有一页,隐藏两边
|
}
|
$(function() {
|
$('.pre-page').on('click', 'a', function() {
|
var isShowPre = true;
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
if(Page.pageCurr>1){
|
Page.pageCurr = Page.pageCurr - 1;
|
SearchAttentionMon();
|
}else {
|
Page.pageCurr = Page.pageCurr - 1;
|
SearchAttentionMon();
|
}
|
});
|
|
$('.next-page').on('click', 'a', function() {
|
var isShowNext = true;
|
console.info(Page.pageAll);
|
console.info(Page.pageSize);
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize)
|
if(Page.pageCurr<pageNum){
|
Page.pageCurr = Page.pageCurr + 1;
|
console.info(Page.pageCurr);
|
SearchAttentionMon();
|
}
|
});
|
});
|
|
// 判断是否显示翻页按钮
|
function setPageTurning(isShowPre, isShowNext) {
|
if(isShowPre) { // 判断是否显示向上翻页按钮
|
$('.pre-page').show();
|
}else {
|
$('.pre-page').hide();
|
}
|
|
if(isShowNext) { // 判断是否显示向下翻页按钮
|
$('.next-page').show();
|
}else {
|
$('.next-page').hide();
|
}
|
}
|
|
|
|
</script>
|
|
|
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
|
<span class="ui-icon-loading"></span>
|
<h1>loading</h1>
|
</div>
|
<div class="ui-screen-hidden ui-popup-screen ui-overlay-inherit" id="searchErr-screen"></div>
|
<div class="ui-popup-container ui-popup-hidden ui-popup-truncate" id="searchErr-popup">
|
<div data-role="popup" data-theme="b" id="searchErr" class="ui-content ui-popup ui-body-b ui-overlay-shadow ui-corner-all">
|
<p>查询数据失败！！！</p>
|
</div>
|
</div>
|
<div class="ui-screen-hidden ui-popup-screen ui-overlay-inherit" id="searchNull-screen"></div>
|
<div class="ui-popup-container ui-popup-hidden ui-popup-truncate" id="searchNull-popup">
|
<div data-role="popup" data-theme="b" id="searchNull" class="ui-content ui-popup ui-body-b ui-overlay-shadow ui-corner-all">
|
<p>查询数据内容为空！！！</p>
|
</div>
|
</div>
|
</body>
|
</html>
|
