<!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;
|
}
|
|
.myChart {
|
width: 300px;
|
height: 400px;
|
}
|
|
h1{
|
font-size:1.5em;
|
}
|
|
.full-width{
|
width: 100% !important;
|
}
|
.full-width a{
|
display: block;
|
width: 100% !important;
|
}
|
|
.red {
|
background-color: #FF070B;
|
color: #FBFBFB;
|
}
|
.green {
|
background-color: green;
|
color: #FBFBFB;
|
}
|
|
#alwaysRight a{
|
float: right !important;
|
}
|
.clear{
|
width: 100%;
|
height:1px;
|
clear:both;
|
}
|
</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>电导百分比(%)</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>
|
<div class="clear" ></div>
|
<h1 class="full-width">
|
<a href="voltageM.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="temperatureM.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="cellconnectorM.html" target="_top" style="text-decoration:none;">连接条阻抗</a>
|
</h1>
|
</div>
|
</div>
|
<div data-role="main" class="ui-content">
|
|
<div class="ui-grid-b">
|
<div class="ui-block-a">MAX <span class="max"> </span></div>
|
<div class="ui-block-b">MIN <span class="min"> </span></div>
|
<div class="ui-block-c">AVG <span class="avg"> </span></div>
|
</div>
|
<table data-role="table" class="ui-responsive" data-mode="">
|
<thead>
|
<tr>
|
<th data-priority="1">序号</th>
|
<th data-priority="1">电导百分比(%)</th>
|
<th data-priority="1">序号</th>
|
<th data-priority="1">电导百分比(%)</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="conductancepctMbargraph.html" target="_top" data-icon="arrow-r">柱状图</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript">
|
var batt;
|
$('#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();
|
var da= new Array();
|
var db= new Array();
|
var vol=new Array();
|
$(document).ready(function(){
|
findtmp();
|
reload1();
|
});
|
|
function reload1(){
|
window.setInterval("findtmp()",4000);
|
}
|
|
|
function findtmp(){
|
var temp=getCookie("batt");
|
if(temp.length>0){
|
batt=eval("("+temp+")");
|
console.info(batt);
|
$.ajax({
|
url : "Batt_rtdataAction!serchByCondition",
|
async: true,
|
type : "POST",
|
data : {
|
"rtdata.battGroupId" : batt.BattGroupId
|
},
|
dataType : "json",
|
success : function(abc){
|
//console.log(abc);
|
datas=abc.model.data;
|
createRtdatatable(datas);
|
|
},
|
error : function(er) {
|
console.log(er);
|
}
|
});
|
}
|
}
|
|
|
function createRtdatatable(datas){
|
createCount(datas);
|
var len=datas.length;
|
|
da=datas.slice(0,Math.ceil(len/2));
|
|
db=datas.slice(Math.ceil(len/2));
|
|
var t_body=document.getElementById("t_body");
|
t_body.innerHTML="";
|
var max=isMax(datas, true);
|
var min=isMax(datas, false);
|
|
//console.log(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");
|
|
|
|
td1.innerHTML=da[i].mon_num;
|
var da_val=(batt.MonSerStd==0?0:da[i].mon_ser*100/batt.MonSerStd).toFixed(1);
|
td2.innerHTML=da_val;
|
if(da_val==min){
|
td2.className = 'red';
|
}else if(da_val==max){
|
td2.className = 'green';
|
}
|
|
tr.appendChild(td1);
|
tr.appendChild(td2);
|
|
if(i<db.length){
|
td3.innerHTML=db[i].mon_num;
|
var db_val=(batt.MonSerStd==0?0:db[i].mon_ser*100/batt.MonSerStd).toFixed(1);
|
td4.innerHTML=db_val;
|
if(db_val==min){
|
td4.className = 'red';
|
}else if(db_val==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((batt.MonSerStd==0?0:datas[i].mon_ser*100/batt.MonSerStd).toFixed(1));
|
sum+=parseFloat(temp[i]);
|
}
|
var max=Math.max.apply(null, temp).toFixed(1);
|
var min=Math.min.apply(null, temp).toFixed(1);
|
var avg=(sum/temp.length).toFixed(1);
|
|
$(".max").text(max+"%");
|
$(".min").text(min+"%");
|
$(".avg").text(avg+"%");
|
|
}
|
|
|
function isMax(datas,flag){
|
var temp=new Array();
|
for(var i=0;i<datas.length;i++){
|
temp.push((batt.MonSerStd==0?0:datas[i].mon_ser*100/batt.MonSerStd).toFixed(1));
|
}
|
if(flag){
|
return Math.max.apply(null, temp);
|
}else{
|
return Math.min.apply(null, temp);
|
}
|
}
|
</script>
|
</html>
|
|
|
|
