<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
<title>电池组统计分析查询</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<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">
|
<fieldset data-role="controlgroup">
|
<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>
|
<p>电池品牌</p>
|
<select id="batt_producer" data-mini="true">
|
<option value="0">全部</option>
|
</select>
|
<p>单体电压</p>
|
<select id="monvol_std" data-mini="true">
|
<option value="0">全部</option>
|
</select>
|
<p>电池容量</p>
|
<select id="moncap_std2" data-mini="true">
|
<option value="0">全部</option>
|
</select>
|
<!-- 电池测试记录时间段 -->
|
<fieldset data-role="collapsible" data-collapsed="false">
|
<legend><strong>电池测试记录时间段:</strong></legend>
|
<label for="startTestfault"><strong>开始时间：</strong></label>
|
<input type="text" name="startTestfault" id="startTestfault" value="1970-07-06">
|
<label for="endTestfault"><strong>结束时间：</strong></label>
|
<input type="text" name="endTestfault" id="endTestfault" value="2017-05-04">
|
</fieldset>
|
<!-- 电池生产时间段 -->
|
<fieldset data-role="collapsible" data-collapsed="false">
|
<legend><strong>电池生产时间段:</strong></legend>
|
<label for="startTestproduct"><strong>开始时间：</strong></label>
|
<input type="text" name="startTestproduct" id="startTestproduct" value="1970-07-06">
|
<label for="endTestproduct"><strong>结束时间：</strong></label>
|
<input type="text" name="endTestproduct" id="endTestproduct" value="2017-05-04">
|
</fieldset>
|
<!-- 电池安装时间段 -->
|
<fieldset data-role="collapsible" data-collapsed="false">
|
<legend><strong>电池安装时间段:</strong></legend>
|
<label for="startinuse"><strong>开始时间：</strong></label>
|
<input type="text" name="startinuse" id="startinuse" value="1970-07-06">
|
<label for="endinuse"><strong>结束时间：</strong></label>
|
<input type="text" name="endinuse" id="endinuse" value="2017-05-04">
|
</fieldset>
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:;" 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();" 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="tbl-container tbl-content"></div>
|
<div class="graph position-hide">
|
<div class="graph-opt position-hide">
|
<div class="tbl-container tbl-graph-opt" style="background-color:#fff"></div>
|
</div>
|
<div class="breakline"></div>
|
</div>
|
<div class="toolbox">
|
<div class="tool-header">
|
<a href="javascript:;" class="ui-btn ui-corner-all ui-icon-carat-d ui-btn-icon-notext">工具箱</a>
|
</div>
|
<div class="tool-list">
|
<a href="javascript:;">表格</a>
|
<a href="javascript:;">曲线选择</a>
|
<a href="javascript:;">曲线</a>
|
</div>
|
</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="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/panel.js"></script>
|
<script type="text/javascript">
|
// 定义表格的头部信息
|
|
var graph_tbl_th = ['电池组ID', '曲线选择'];
|
var graph_tbl_td = [];
|
// 定义表格内容
|
var arrTd = new Array();
|
// 获取echarts容器并初始化
|
var $breakLine = $('.breakline').get(0);
|
var breakLine = echarts.init($breakLine);
|
|
// 初始化页面的工具箱
|
createTool();
|
|
// 设置panel内的开始和结束时间
|
$(function() {
|
// 页面加载展开panel
|
panel.show();
|
// 电池测试记录时间段
|
setTimes($('#startTestfault'),'2000-01-01');
|
setTimes($('#endTestfault'),new Date().format('yyyy-MM-dd'));
|
|
// 电池生产时间段
|
setTimes($('#startTestproduct'),'2000-01-01');
|
setTimes($('#endTestproduct'),new Date().format('yyyy-MM-dd'));
|
|
// 电池安装时间段
|
setTimes($('#startinuse'),'2000-01-01');
|
setTimes($('#endinuse'),new Date().format('yyyy-MM-dd'));
|
});
|
|
var battProducer = "";
|
var Page = {
|
pageSize:10, //每页的行数
|
pageCurr:1, //当前页码数
|
pageAll:0,
|
};
|
var arr =new Array();
|
var startTime = "1980-01-01";
|
var endTime = new Date().format('yyyy-MM-dd');
|
var arrTh = ['电池组ID-序号', '机房名称', '电池组名称', '测试日期','测试类型','测试电流','测试时长(H:M:S)','测试容量（AH）','最低单体编号','最低单体电压（V）','实际容量（AH）','剩余容量（AH）','容量百分比'];
|
//console.info(arrTh.length+'**');
|
dataArr = [];
|
var tbl = $('.tbl-container');
|
|
//创建图片
|
createTblNoRes($('.tbl-graph-opt'), graph_tbl_th, graph_tbl_td);
|
|
// 点击工具箱
|
$(function() {
|
var toolList = $('.toolbox .tool-list');
|
// 点击显示和隐藏工具箱
|
$('.toolbox .tool-header a').click(function(){
|
if($(this).hasClass('ui-icon-carat-d')) {
|
$(this).removeClass('ui-icon-carat-d').addClass('ui-icon-carat-u');
|
$('.toolbox .tool-list').show();
|
}else {
|
$(this).removeClass('ui-icon-carat-u').addClass('ui-icon-carat-d');
|
$('.toolbox .tool-list').hide();
|
}
|
});
|
|
// 点击显示表格
|
toolList.on('click', '.tbl-show', function() {
|
$('.graph').addClass('position-hide');
|
$('.tbl-content').removeClass('position-hide');
|
createTool();
|
});
|
|
// 点击显示曲线
|
toolList.on('click', '.breakline', function() {
|
$('.tbl-content').addClass('position-hide');
|
$('.graph').removeClass('position-hide');
|
createTool();
|
});
|
|
// 点击曲线选择显示曲线选择表格
|
toolList.on('click', '.graph-opt', function() {
|
var graph_opt = $('.graph .graph-opt');
|
graph_opt.toggleClass('position-hide');
|
});
|
|
// 在表格选项上向左滑动
|
$('.graph-opt').on('swiperight', function() {
|
$(this).toggleClass('position-hide');
|
});
|
});
|
|
// 生成页面中的图表
|
$(function() {
|
// 设置容器的宽高
|
initEleHt($('.graph .breakline'));
|
|
var date=['2015-07-7 8:10:10','2015-07-8 8:10:10','2015-07-9 8:10:10','2015-07-10 8:10:10'];
|
date.sort(function(a,b){
|
var d1=new Date(a.replace(/-/g,"/"));
|
var d2=new Date(b.replace(/-/g,"/"));
|
return d1-d2;
|
});
|
|
CreateLineEchart(breakLine, [], date, []);
|
|
// 当横屏和竖屏切换时更改面板的高度
|
$(window).on("orientationchange",function(){
|
setTimeout(function() {
|
initEleHt($('.graph .breakline'));
|
}, 200);
|
});
|
});
|
// 根据页面内容生成工具内容
|
function createTool() {
|
// 当显示的是表格是工具箱内容
|
var tbl = [
|
{val: '曲线显示', cla: 'breakline'}
|
];
|
|
// 当显示的是曲线时工具系箱内容
|
var graph = [
|
{val: '表格显示', cla: 'tbl-show'},
|
{val: '曲线选择', cla: 'graph-opt'}
|
];
|
var isShow = $('.tbl-content').hasClass('position-hide');
|
if(isShow) {
|
createToolList(graph);
|
}else {
|
createToolList(tbl);
|
}
|
}
|
|
// 初始化容器的高度为屏幕的高度
|
function initEleHt(ele) {
|
// 获取屏幕的高度
|
var winHt = $.mobile.getScreenHeight();
|
ele.height(winHt - 48);
|
breakLine.resize();
|
}
|
|
// 生成工具箱列表
|
function createToolList(param) {
|
var toolList = $('.toolbox .tool-list');
|
// 清理工具列表
|
toolList.text(" ");
|
// 遍历param
|
for(var i = 0; i < param.length; i++) {
|
var $a = $('<a href="javascript:;" class="'+param[i].cla+'">'+param[i].val+'</a>');
|
toolList.append($a);
|
}
|
$('.toolbox .tool-header a').click();
|
}
|
|
// 生成页面中的图表
|
function CreateLineEchart(echart,lname,xdata,sdata,battname){
|
if(arguments.length<5){
|
battname = lname;
|
}
|
echart.clear();
|
var option={
|
tooltip:{
|
show:true,
|
trigger:'axis',
|
formatter:function(params){
|
console.info(params);
|
var str = '';
|
for(var i=0;i<params.length;i++){
|
str+=params[i].seriesName+'</br>';
|
str+=params[i].marker+params[i].seriesId+':'+params[i].data[0]+','+params[i].data[1]+'AH</br>';
|
}
|
return str;
|
}
|
},
|
title : {
|
//text: tname,
|
x: "center", //标题水平方向位置
|
textStyle: {
|
fontSize:13
|
}
|
},
|
toolbox:{
|
show : true
|
},
|
calculable : true,
|
xAxis:{
|
data:xdata
|
},
|
grid: {
|
top:'10%',
|
left: '1%',
|
right: '5%',
|
bottom: '2%',
|
containLabel: true
|
},
|
yAxis:[{
|
name:"y(AH)",
|
type:'value',
|
min:function(){
|
var min = Number.POSITIVE_INFINITY; //正无穷大的数
|
var arr = new Array();
|
if(sdata.length>0){
|
for(var i=0;i<sdata.length;i++){
|
console.info(sdata[i]);
|
console.info(typeof sdata[i]);
|
for(var j=0;j<sdata[i].length;j++){
|
arr.push(sdata[i][j][1]);
|
}
|
}
|
min = Math.min.apply(null,arr);
|
}
|
return (Math.floor(min*0.8));
|
}(),
|
max:function(){
|
var max = Number.NEGATIVE_INFINITY; //负无穷大的数
|
var arr = new Array();
|
if(sdata.length>0){
|
for(var i=0;i<sdata.length;i++){
|
console.info(sdata[i]);
|
for(var j=0;j<sdata[i].length;j++){
|
arr.push(sdata[i][j][1]);
|
}
|
}
|
max = Math.max.apply(null,arr);
|
}else{
|
max = 1;
|
}
|
|
return (Math.ceil(max*1.24));
|
}(),
|
axisLabel:{
|
formatter:function(value){
|
//解决原点处带符号问题
|
if(value==0)
|
{
|
return value;
|
}else{
|
return value ;
|
}
|
}
|
}
|
}],
|
series:function(){
|
var serie=[];
|
for( var i=0;i<sdata.length;i++){
|
//console.info(lname[i]);
|
//console.info(sdata[i]);
|
var item={
|
type:'line',
|
//symbol:'none',
|
id:lname[i],
|
data:sdata[i],
|
name:battname[i]
|
};
|
serie.push(item);
|
}
|
return serie;
|
}()
|
};
|
// 使用刚指定的配置项和数据显示图表。
|
echart.setOption(option);
|
}
|
|
$(document).ready(function(){
|
$("#submit").click(function(){
|
var homeName = $('#homeName').attr('value');
|
if(homeName.trim().length == 0) {
|
alert('请选择一个机房站点');
|
return;
|
}
|
searchBadBatt();
|
panel.hide(true);
|
});
|
});
|
|
|
|
var allBattRealCap = new Array(); //所有电池组的实际容量
|
var alltestDate = new Array(); //所有测试记录的时间数组
|
var groupidlist=new Array(); //所有电池组的id数组
|
//setPage();
|
//点击查询按钮生成表格
|
function searchBadBatt(){
|
IdArray=new Array();
|
allBattRealCap = new Array(); //所有电池组的实际容量
|
alltestDate = new Array(); //所有测试记录的时间数组
|
var json = JSON.stringify(createSearchForm());
|
loadshow();
|
console.info(json);
|
$.post('Batt_Maint_DealarmAction_serchLow',"result="+json,function(data){
|
arr=new Array();
|
groupidlist=new Array();
|
console.info(data);
|
data=data.result;
|
data=eval("("+data+")");
|
allDate=new Array();
|
allData=new Array();
|
allData_index=0;
|
battgroupName = new Array();
|
if(data.code==1 && data.data.length>0){
|
data=data.data;
|
window.tbl_data = data;
|
var battgroupid = 0;
|
var line_arr = new Array(); //每条曲线的数组
|
var order_num = 0;
|
//console.info(data);
|
for(var i = 0;i<data.length;i++){
|
if(data[i].tmodel.code == 0){
|
continue;
|
}
|
if(battgroupid != data[i].data.BattGroupId){
|
order_num = 0;
|
line_arr = new Array(); //每条曲线的数组
|
allData.push(line_arr);
|
groupidlist.push(data[i].data.BattGroupId);
|
battgroupName.push(data[i].data.BattGroupName);
|
battgroupid = data[i].data.BattGroupId;
|
}
|
order_num++;
|
for(var j = 0;j<data[i].tmodel.data.length;j++){
|
var pointArray = new Array();
|
Page.pageAll = data[i].data.Size;
|
|
arr.push(data[i].data.BattGroupId+"-"+(order_num)); //电池组ID-序号
|
arr.push(data[i].data.StationName); //机房名称
|
arr.push(data[i].data.BattGroupName); //电池组名称
|
arr.push(data[i].tmodel.data[j].test_starttime); //测试日期
|
arr.push("节能放电");
|
arr.push(data[i].tmodel.data[j].test_curr.toFixed(1)); //测试电流
|
arr.push(formatSeconds(data[i].tmodel.data[j].test_timelong)); //测试时长
|
arr.push(data[i].tmodel.data[j].test_cap.toFixed(1)); //测试容量
|
arr.push(data[i].tmodel.data[j].min_monnum); //最低单体编号
|
arr.push(data[i].tmodel.data[j].min_monvol); //最低单体电压
|
arr.push(data[i].tmodel.data[j].group_vol.toFixed(0)); //实际容量
|
arr.push(data[i].tmodel.data[j].mon_vol.toFixed(0)); //剩余容量
|
arr.push((data[i].tmodel.data[j].group_vol*100/data[i].data.MonCapStd).toFixed(0)+"%"); //容量百分比
|
|
|
|
pointArray.push(data[i].tmodel.data[j].test_starttime);
|
pointArray.push(data[i].tmodel.data[j].group_vol.toFixed(0));
|
allDate.push(data[i].tmodel.data[j].test_starttime);
|
line_arr.push(pointArray);
|
}
|
|
}
|
//console.info(ArrState);
|
//console.info(arr);
|
}else{
|
$('#searchNull').popup('open');
|
}
|
allDate=unique(allDate);
|
allDate.sort(function(a,b){
|
var d1=new Date(a.replace(/-/g,"/"));
|
var d2=new Date(b.replace(/-/g,"/"));
|
return d1-d2;
|
});
|
console.info(allData);
|
|
graph_tbl_td = getTblOptArr(groupidlist); // 根据查询结果获取图表选择表格的数据
|
createTbl(tbl, arrTh, arr); // 生成主表格
|
createTblNoRes($('.tbl-graph-opt'), graph_tbl_th, graph_tbl_td); // 生成图表选择表格
|
updataGraph(); // 根据alldata和图表选择表格生成图表
|
//judgepronextshow();
|
loadclose();
|
}).error(function() {
|
$('#searchErr').popup('open');
|
loadclose();
|
});
|
};
|
|
//判断value是否在arr中存在
|
function isExist(value,arr){
|
if(arr != undefined && value != undefined){
|
for(var i =0;i<arr.length;i++){
|
if(arr[i] == value){
|
return true;
|
}
|
}
|
}
|
return false;
|
}
|
|
//去掉数组中的重复项
|
function unique(arr) {
|
var result = [], hash = {};
|
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
|
if (!hash[elem]) {
|
result.push(elem);
|
hash[elem] = true;
|
}
|
}
|
return result;
|
}
|
|
function judgepronextshow(){
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
//console.info(Page.pageCurr);
|
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 createSearchForm(){
|
var temp={
|
page:{
|
pageCurr:Page.pageCurr,
|
pageSize:Page.pageSize,
|
},
|
binf:{
|
StationName1:$('#mainteArea').val(),
|
StationName2:$('#city').val(),
|
StationName5: $('#country').val(),
|
StationName:$('#homeName').val(),
|
BattGroupId:$('#battgroup_name').val(),
|
BattProducer:$('#batt_producer').val(),
|
MonVolStd:$('#monvol_std').val(),
|
MonCapStd:$('#moncap_std2').val(),
|
BattGroupName1:"",
|
BattProductDate:$('#startTestproduct').val()+" 00:00:00",
|
BattProductDate1:$('#endTestproduct').val()+" 23:59:59",
|
BattInUseDate:$('#startinuse').val()+" 00:00:00",
|
BattInUseDate1:$('#endinuse').val()+" 23:59:59",
|
},
|
uinf:{
|
UName:"0",
|
},
|
tdata:{
|
test_type:"3",
|
record_time:startTime+" 00:00:00",
|
record_time1:endTime+" 23:59:59",
|
test_starttype:"3",
|
},
|
mainf:{
|
remark:"100",
|
maint_done_time:$('#startTestfault').val()+" 00:00:00",
|
maint_done_time1:$('#endTestfault').val()+" 23:59:59",
|
}
|
};
|
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();
|
});
|
|
|
//查询电池容量
|
$.post("BattInfAction_serchByMonCapStd",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
var $Omoncap_std2=$("#moncap_std2");
|
$Omoncap_std2.text=("");
|
//console.info(data.data[1].MonCapStd);
|
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].MonCapStd,
|
txt:data.data[i-1].MonCapStd
|
});
|
}
|
}
|
updataSel($('#moncap_std2'),arr);
|
};
|
});
|
|
//查询电池品牌
|
$.post("BattInfAction_serchByBattProducer",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
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].BattProducer,
|
txt: data.data[i-1].BattProducer
|
});
|
}
|
}
|
updataSel($("#batt_producer"), arr);
|
var $Obatt_producer=$("#batt_producer");
|
$Obatt_producer.text("");
|
for(var i=0;i<=data.data.length;i++){
|
var $option=$("<option></option>");
|
if(i!=0){
|
$option.text(data.data[i-1].BattProducer);
|
$option.attr("value", data.data[i-1].BattProducer);
|
}else{
|
$option.html("全部共("+data.sum+")种");
|
$option.attr("value", "");
|
}
|
$Obatt_producer.append($option);
|
};
|
};
|
});
|
|
//查询单体电压
|
$.post("BattInfAction_serchByMonVolStd",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $Omonvol_std=$("#monvol_std");
|
$Omonvol_std.text("");
|
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].MonVolStd,
|
txt:data.data[i-1].MonVolStd
|
});
|
}
|
}
|
updataSel($('#monvol_std'),arr);
|
};
|
});
|
// 根据查询结果获取图表选择表格数据
|
function getTblOptArr(dataArr) {
|
var _arr=new Array();
|
// 遍历dataArr
|
for(var i = 0; i < dataArr.length; i++) {
|
_arr.push(dataArr[i]);
|
_arr.push('<input type="checkbox" checked="checked" value="'+dataArr[i]+'">');
|
}
|
return _arr;
|
}
|
|
// 点击曲线选择表重新生成内容
|
$(function() {
|
$('.tbl-graph-opt').on('click', 'table tbody input', function() {
|
updataGraph();
|
});
|
});
|
|
// 监测图表选择表格的复选框根据复选框的情况获取图表显示的内容
|
function updataGraph() {
|
var checkbox_list = $('.tbl-graph-opt table tbody').find('input');// 获取图表选择表格复选框
|
var _sdata = new Array(); // 存储有效的值
|
var _groupId = new Array(); // 有效值
|
// 遍历checkbox根据checkbox的选中状态生成图表的内容
|
checkbox_list.each(function(i){
|
if($(this).is(':checked')) {
|
_groupId.push(groupidlist[i]);
|
_sdata.push(allData[i]);
|
}
|
});
|
console.info(_groupId);
|
console.info(_sdata);
|
CreateLineEchart(breakLine, _groupId, allDate, _sdata);
|
}
|
</script>
|
</div>
|
</body>
|
</html>
|
