<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<title>单体电压</title>
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" type="text/css" href="mobilCss/scrollbar.css">
|
<link rel="stylesheet" type="text/css" href="mobilCss/indexslider.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>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<style>
|
tr {
|
border-bottom: 1px solid #ddd;
|
}
|
td {
|
border-left:1px solid #ddd;
|
border-right:1px solid #ddd;
|
}
|
h1{
|
font-size:1.5em;
|
}
|
|
.red {
|
background-color: #FF070B;
|
color: #FBFBFB;
|
}
|
.green {
|
background-color: green;
|
color: #FBFBFB;
|
}
|
|
.full-width{
|
width: 100% !important;
|
}
|
.full-width a{
|
display: block;
|
width: 100% !important;
|
}
|
|
#alwaysRight a{
|
float: right !important;
|
}
|
.clear{
|
width: 100%;
|
height:1px;
|
clear:both;
|
}
|
.ui-grid-c>.ui-block-a, .ui-grid-c>.ui-block-b, .ui-grid-c>.ui-block-c, .ui-grid-c>.ui-block-d {
|
width: 20%;
|
font-size: 0.9em;
|
}
|
.ui-grid-c>.ui-block-c, .ui-grid-c>.ui-block-d {
|
width:30%;
|
}
|
</style>
|
|
|
</head>
|
<body>
|
<div data-role="page">
|
<div data-role="header" data-position="fixed">
|
<a href="control.html" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-l ui-btn-icon-left" target="_top" style="padding-bottom:0.7em; padding-top:0.7em;">返回</a>
|
<h1 id="biaoti">电压</h1>
|
|
<div data-role="collapsible" data-type="horizontal" class="ui-btn-right" style="padding-bottom:-0.7em; padding-top:-0.7em;" >
|
<h1 id="alwaysRight">更多</h1>
|
<h1 class="full-width">
|
<a href="temperatureM.html" target="_top" style="text-decoration:none;">温度</a>
|
</h1>
|
<h1 class="full-width">
|
<a href="internalresistanceM.html" target="_top" style="text-decoration:none;">内阻</a>
|
</h1>
|
<h1 class="full-width">
|
<a href="conductanceM.html" target="_top" style="text-decoration:none;">电导</a>
|
</h1>
|
<!-- <h1 class="full-width">
|
<a href="conductancepctM.html" target="_top" style="text-decoration:none;">电导百分比(%)</a>
|
</h1>
|
<h1 class="full-width">
|
<a href="cellconnectorM.html" target="_top" style="text-decoration:none;">连接条(mΩ)</a>
|
</h1> -->
|
</div>
|
</div>
|
|
<div data-role="main" class="ui-content">
|
<div class="ui-grid-c">
|
<div class="ui-block-a">最大值<span class="max"> </span></div>
|
<div class="ui-block-b">最小值<span class="min"> </span></div>
|
<div class="ui-block-c">平均值<span class="avg"> </span></div>
|
<div class="ui-block-d">累加和<span class="leijiasum"> </span></div>
|
</div>
|
<table data-role="table" data-mode="" class="ui-responsive" id="myTable">
|
<thead>
|
<tr>
|
<th data-priority="1">序号</th>
|
<th data-priority="1">电压(V)</th>
|
<th data-priority="1">序号</th>
|
<th data-priority="1">电压(V)</th>
|
|
</tr>
|
</thead>
|
<tbody id="t_body">
|
|
|
|
</tbody>
|
</table>
|
|
</div>
|
|
<div data-role="footer" data-position="fixed">
|
<div data-role="navbar">
|
<ul>
|
<li><a href="index.html" target="_top" data-icon="home">首页</a></li>
|
<li><a href="voltageMbargraph.html" target="_top" data-icon="arrow-r">柱状图</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript">
|
$('#alwaysRight').tap(function(){
|
$('#alwaysRight .clear').remove();
|
var clearDiv = $('<div class="clear"></div>');
|
$(this).append(clearDiv);
|
});
|
var mon_num=new Array();
|
var mon_vol= new Array();
|
var datas= new Array();
|
|
$(document).ready(function(){
|
findtmp();
|
reload1();
|
});
|
|
function reload1(){
|
window.setInterval("findtmp()",4000);
|
}
|
|
function findtmp(){
|
var temp=getCookie("batt");
|
console.info(temp);
|
if(temp.length>0){
|
var batt=eval("("+temp+")");
|
$("#biaoti").text("电压("+batt.BattGroupName+")");//标题添加电池组编号
|
//console.info(batt);
|
$.ajax({
|
url : "Batt_rtdataAction_serchByCondition",
|
async: true,
|
type : "POST",
|
data : "json="+JSON.stringify({BattGroupId:batt.BattGroupId}) ,
|
dataType : "json",
|
success : function(abc){
|
var model = eval("("+abc.result+")");
|
datas=model.data;
|
console.info(datas);
|
createRtdatatable(model.data);
|
|
},
|
error : function(er) {
|
console.log(er);
|
}
|
});
|
}
|
|
}
|
|
|
function createRtdatatable(datas){
|
|
createCount(datas);
|
|
var len=datas.length;
|
|
var da=datas.slice(0,Math.ceil(len/2));
|
|
var db=datas.slice(Math.ceil(len/2));
|
|
var t_body=document.getElementById("t_body");
|
t_body.innerHTML="";
|
|
//console.log(da,db);
|
var max=isMax(datas, true);
|
var min=isMax(datas, false);
|
//console.info(max);
|
for(var i=0;i<da.length;i++){
|
var tr=document.createElement("tr");
|
var td1=document.createElement("td");
|
var td2=document.createElement("td");
|
var td3=document.createElement("td");
|
var td4=document.createElement("td");
|
|
//console.info(da[i]);
|
td1.innerHTML=da[i].mon_num;
|
td2.innerHTML=da[i].mon_vol.toFixed(3);
|
if(da[i].mon_vol.toFixed(3)==min){
|
td2.className = 'red';
|
}else if(da[i].mon_vol.toFixed(3)==max){
|
td2.className = 'green';
|
}
|
tr.appendChild(td1);
|
tr.appendChild(td2);
|
if(i<db.length){
|
td3.innerHTML=db[i].mon_num;
|
td4.innerHTML=db[i].mon_vol.toFixed(3);
|
if(db[i].mon_vol.toFixed(3)==min){
|
td4.className = 'red';
|
}else if(db[i].mon_vol.toFixed(3)==max){
|
td4.className = 'green';
|
}
|
tr.appendChild(td3);
|
tr.appendChild(td4);
|
}
|
|
|
//console.info(tr);
|
t_body.appendChild(tr);
|
}
|
}
|
|
function createCount(datas){
|
var temp=new Array();
|
var sum=0;
|
console.info(datas);
|
for(var i=0;i<datas.length;i++){
|
temp.push((datas[i].mon_vol).toFixed(3));
|
sum+=parseFloat(temp[i]);
|
}
|
var max=Math.max.apply(null, temp);
|
var min=Math.min.apply(null, temp);
|
var avg=(sum/temp.length).toFixed(3);
|
sum=(sum).toFixed(2);
|
$(".max").text(max+'V');
|
$(".min").text(min+'V');
|
$(".avg").text(avg+'V');
|
$(".leijiasum").text(sum+'V');
|
}
|
|
function isMax(datas,flag){
|
var temp=new Array();
|
for(var i=0;i<datas.length;i++){
|
temp.push((datas[i].mon_vol).toFixed(3));
|
}
|
if(flag){
|
return Math.max.apply(null, temp);
|
}else{
|
return Math.min.apply(null, temp);
|
}
|
}
|
|
</script>
|
|
</html>
|
