<!DOCTYPE html>
|
<html>
|
<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/defined.popup.css"/>
|
<link rel="stylesheet" type="text/css" href="css/tbl.css"/>
|
<link rel="stylesheet" href="css/fgpanel.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>
|
.tbl-container td input {
|
width: 18px!important;
|
height: 18px!important;
|
clip:auto!important;
|
}
|
.tbl-container td .ui-state-disabled{
|
display:inline-block;
|
}
|
</style>
|
</head>
|
<body>
|
<div data-role="page">
|
<div class="fg-panel">
|
<form method="post" id="search_form" enctype="multipart/form-data">
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<input type="hidden" value="1" name="bmd.page.pageCurr" id="pageCurr" />
|
<input type="hidden" value="10" name="bmd.page.pageSize" id="pageSize" />
|
<label for="privince"><strong>参数选择</strong></label>
|
<select id="warn-parm-type" disabled="disabled">
|
<option value ="1">电池告警参数<!-- <s:text name="Batt"/><s:text name="Alarm"/><s:text name="Parameter"/> --></option> <!-- 电池告警参数 -->
|
<option value="0" selected="selected">电池容量告警参数<!-- <s:text name="Battery_capacity"/><s:text name="Alarm"/><s:text name="Parameter"/> --></option> <!-- 电池容量告警参数 -->
|
</select>
|
</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" data-position="fixed">
|
<a href="warn.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 data-role="navbar" class="ele-test mon-param-test">
|
<ul>
|
<li><a href="javascript:;"id="setparam">修改参数</a></li>
|
</ul>
|
</div>
|
<div class="tbl-container"></div>
|
<div data-role="popup" id="myPopup" class="defined-popup">
|
<div class="popup-container">
|
<div class="popup-title">信息设置</div>
|
<div class="popup-content">
|
<div class="set-option">
|
<table class="layout-set">
|
<tbody>
|
<tr>
|
<td>告警ID:</td>
|
<td>
|
<select name="" id="alm_id" data-mini="true">
|
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td>告警名称:</td>
|
<td>
|
<input type="text" id="paraname" data-mini="true" />
|
</td>
|
</tr>
|
<tr>
|
<td>告警上限数值：</td>
|
<td>
|
<input type="number" id="alm_high_coe" data-mini="true" />
|
</td>
|
</tr>
|
<tr>
|
<td>告警下限数值：</td>
|
<td>
|
<input type="number" id="alm_low_coe" data-mini="true" />
|
</td>
|
</tr>
|
<tr>
|
<td>告警上限等级：</td>
|
<td>
|
<select name="" id="alm_high_level" data-mini="true">
|
<option value="1">1</option>
|
<option value="2">2</option>
|
<option value="3">3</option>
|
<option value="4">4</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td>告警下限等级：</td>
|
<td>
|
<select name="" id="alm_low_level" data-mini="true">
|
<option value="1">1</option>
|
<option value="2">2</option>
|
<option value="3">3</option>
|
<option value="4">4</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td>告警上限使能:<input type="checkbox" id="alm_high_en" data-role="none" /></td>
|
<td>告警上限使能:<input type="checkbox" id="alm_low_en" data-role="none" /></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="popup-footer">
|
<div class="footer-float footer-left">
|
<button type="button" id="right" data-mini="true">确定</button>
|
</div>
|
<div class="footer-float footer-right">
|
<button type="button" id="hidePopup" data-mini="true">取消</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript">
|
//var pageCurrl = 0;
|
// 默认显示面板
|
$(function() {
|
panel.show();
|
});
|
|
|
setPageTurning(false, false);
|
ArrTd = new Array();
|
Alm_id = new Array();
|
var Page={
|
pageCurr : $('#pageCurr').val(),
|
pageSize : $('#pageSize').val(),
|
pageAll : 0,
|
|
};
|
var arrTh = ['编号', '告警名称', '告警ID', '告警上限系数值（0.0~30.0）', '告警上限等级（1~4）', '告警上限使能', '告警下限系数值（0.0~30.0）', '告警下限等级（1~4）','告警下限使能'];
|
var dataArr = new Array();
|
dataArr = [];
|
var newArrTd = [
|
];
|
var tblCon = $('.tbl-container');
|
|
// 判断是否显示翻页按钮
|
function setPageTurning(isShowPre, isShowNext) {
|
if(isShowPre) { // 判断是否显示向上翻页按钮
|
$('.pre-page').show();
|
}else {
|
$('.pre-page').hide();
|
}
|
|
if(isShowNext) { // 判断是否显示向下翻页按钮
|
$('.next-page').show();
|
}else {
|
$('.next-page').hide();
|
}
|
}
|
|
// 监测页面滚动到文档的底部
|
$(document).on('scrollstop', function() {
|
var tblCont = $('.tbl-container');
|
var loading = $('.ui-loading');
|
var scrollTop = $(this).scrollTop();
|
if(loading.length == 0 && scrollTop != 0 && Page.pageCurr > 1) {
|
|
var winHt = $(window).height();
|
var docHt = $(this).height();
|
var shiftHt = docHt - winHt;
|
|
if(shiftHt < scrollTop || shiftHt == scrollTop) {
|
var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
|
if(Page.pageCurr>pageNum)
|
{
|
window.alert("已经到底了。");
|
}else{
|
searchEleWarnParam();
|
}
|
}
|
}
|
});
|
|
$(document).ready(function(){
|
$("#search").click(function(){
|
$('#pageCurr').val(1);
|
Page.pageCurr =1;
|
searchEleWarnParam();
|
});
|
});
|
|
// 点击修改参数按钮触发事件
|
$('#setparam').on('click', function() {
|
//console.info(Alm_id.length);
|
var setpselect = Alm_id[0];
|
setotherparm(setpselect);
|
setid();
|
$('#myPopup').popup('open');
|
});
|
|
function setid(){
|
var $select=$("#alm_id");
|
$select.text("");
|
for(i=0;i<Alm_id.length;i++){
|
var $option=$("<option></option>");
|
$option.text(Alm_id[i]);
|
$option.attr("value",Alm_id[i]);
|
if(i==0){
|
$select.siblings('span').text($option.text());
|
}
|
$select.append($option).trigger('create');
|
}
|
}
|
|
//点击取消按钮触发
|
$('#hidePopup').on('click',function(){
|
$('#myPopup').popup('close');
|
})
|
//点击确定按钮触发
|
$('#right').on('click',function(){
|
var temp = {
|
alm_id:$('#alm_id').val(),
|
alm_high_coe:$('#alm_high_coe').val(),
|
alm_high_level:$('#alm_high_level').val(),
|
alm_low_coe:$('#alm_low_coe').val(),
|
alm_low_level:$('#alm_low_level').val(),
|
alm_high_en:$('#alm_high_en').is(':checked')?1:0,
|
alm_low_en:$('#alm_low_en').is(':checked')?1:0
|
};
|
console.info(temp);
|
$.ajax({
|
type: "post",
|
url: "Alarm_paramAction!update",
|
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){
|
alert("修改成功！");
|
}else{
|
alert("修改失败！");
|
}
|
searchEleWarnParam();
|
$('#myPopup').popup('close');
|
},
|
error:function(){
|
$('#myPopup').popup('close');
|
searchEleWarnParam();
|
alert("修改失败,请检查网络连接！");
|
}
|
});
|
$('#myPopup').popup('close');
|
})
|
//告警id下拉框改变
|
$('#alm_id').on('click',function(){
|
//console.info("aa");
|
var setpselect = $('#alm_id').val();
|
setotherparm(setpselect);
|
})
|
function setotherparm(setpselect){ //设置弹出表参数
|
var a = arrTh.length ;
|
for(i=0;i<Alm_id.length;i++){ //这里的9为表的列数
|
if(Alm_id[i]==setpselect){
|
$('#paraname').val(ArrTd[a*i+1]);
|
$('#alm_high_coe').val(ArrTd[a*i+3]);
|
selectOption($('#alm_high_level'), ArrTd[a*i+4]); // 告警上限等级
|
selectOption($('#alm_low_level'), ArrTd[a*i+7]); // 告警下限等级
|
$('#alm_low_coe').val(ArrTd[a*i+6]);
|
//$('#alm_low_level').attr('kk',ArrTd[a*i+7]);
|
$('#alm_high_en').attr('checked',ArrTd[a*i+5]);
|
$('#alm_low_en').attr('checked',ArrTd[a*i+8]);
|
}
|
}
|
}
|
|
/**
|
* 向select添加数据没有清空首次调用要清空
|
*/
|
function addOptions(sel, val, txt, isCheck) {
|
var opt = $('<option value="'+val+'">'+txt+'</option>');
|
if(isCheck) {
|
opt = $('<option value="'+val+'" selected>'+txt+'</option>');
|
}
|
|
sel.append(opt).trigger('create');
|
}
|
|
function selectOption(sel, txt) {
|
sel.find('option').removeAttr('selected');
|
sel.find('option').each(function(i) {
|
//console.info(txt);
|
if($(this).text() == txt) {
|
//console.info(txt);
|
$(this).attr('selected', 'selected');
|
sel.change();
|
}
|
});
|
}
|
//查询告警参数
|
function searchEleWarnParam(){
|
all_almlist = new Array();
|
$.ajax({
|
type: "post",
|
url: "Alarm_paramAction!serchByCondition",
|
async:true,
|
dataType:'text',
|
data:"json="+JSON.stringify({
|
alm_id:$('#warn-parm-type').val()
|
}),
|
success: function(data){
|
data = eval("("+data+")");
|
var model = eval("("+data.result+")");
|
//console.info(model);
|
if(model.code == 1){
|
all_almlist = model.data;
|
//$('#alm_high_coe').val(model.data[0].alm_high_coe);
|
//$('#paraname').val(getParmName(model.data[0].alm_name));
|
//$('#alm_high_level').attr('kk',model.data[0].alm_high_level);
|
//$('#alm_low_coe').val(model.data[0].alm_low_coe);
|
//$('#alm_low_level').attr('kk',model.data[0].alm_low_level);
|
//$optionpa.text(model.data[0].realname);
|
//$optionpa.attr("value",model.data[0].realname);
|
//$parn.append($optionpa);
|
for(var i=0;i<model.data.length;i++){
|
ArrTd.push(i+1); //编号
|
ArrTd.push(getParmName(model.data[i].alm_name)); //告警名称
|
model.data[i].realname = getParmName(model.data[i].alm_name);
|
ArrTd.push(model.data[i].alm_id); //告警ID
|
ArrTd.push(model.data[i].alm_high_coe); //告警上限系数值
|
ArrTd.push(model.data[i].alm_high_level); //告警上限等级
|
ArrTd.push(model.data[i].alm_high_en==0?'<input data-mini="true" data-inline="false" type="checkbox" disabled />':'<input data-mini="true" data-inline="false" type="checkbox" checked="checked" disabled>'); //告警上限使能
|
ArrTd.push(model.data[i].alm_low_coe); //告警下限系数值
|
ArrTd.push(model.data[i].alm_low_level);
|
ArrTd.push(model.data[i].alm_low_en==0?'<input data-mini="true" data-inline="false" type="checkbox" disabled />':'<input data-mini="true" data-inline="false" type="checkbox" checked="checked" disabled>'); //告警下限使能
|
Alm_id.push(model.data[i].alm_id); //告警ID数组
|
}
|
|
}else{
|
$('#searchNull').popup('open');
|
}
|
//console.info(all_almlist);
|
createTbl(tblCon, arrTh, ArrTd);
|
loadclose();
|
},
|
error:function(){
|
loadclose();
|
|
}
|
});
|
}
|
|
var warnparamstate = [
|
{key:'Batt_Alarm_Type_OnlineVol',name:'在线电压告警'},
|
{key:'Batt_Alarm_Type_GroupVol',name:'组端电压告警'},
|
{key:'Batt_Alarm_Type_BattChargeCurr',name:'充电电流告警'},
|
{key:'Batt_Alarm_Type_BattDisChargeCurr',name:'放电电流告警'},
|
{key:'Batt_Alarm_Type_MonVol',name:'单体电压告警'},
|
{key:'Batt_Alarm_Type_MonTmp',name:'单体温度告警'},
|
{key:'Batt_Alarm_Type_MonRes',name:'单体内阻告警'},
|
{key:'Batt_Alarm_Type_ConnRes',name:'单体连接条告警'},
|
{key:'Batt_Alarm_Type_DisChargeMonVol',name:'放电单体电压告警'},
|
{key:'Batt_Alarm_Type_CapAlarm',name:'容量告警告警'},
|
{key:'Batt_Alarm_Type_CapChange',name:'容量更换告警'},
|
];
|
|
//根据关键字获取告警参数名称
|
function getParmName(keywords){
|
var name="";
|
for(var i=0;i<warnparamstate.length;i++){
|
if(warnparamstate[i].key == keywords){
|
name = warnparamstate[i].name;
|
break;
|
}
|
}
|
return name;
|
}
|
|
//根据下标获取当前的告警参数
|
function getObjByindex(index){
|
if(all_almlist.length>index){
|
return all_almlist[index];
|
}
|
return undefined;
|
}
|
|
//设置告警参数
|
function setWarnParam(obj){
|
if(obj != undefined){
|
$('#alm_id').val(obj.alm_id);
|
$('#alm_name').val(obj.realname);
|
$('#alm_high_coe').val(obj.alm_high_coe);
|
$('#alm_high_coe').attr('kk',obj.alm_high_coe);
|
$('#alm_high_level').val(obj.alm_high_level);
|
$('#alm_low_coe').val(obj.alm_low_coe);
|
$('#alm_low_coe').attr('kk',obj.alm_low_coe);
|
$('#alm_low_level').val(obj.alm_low_level);
|
$('#alm_high_en').attr('checked',obj.alm_high_en==1);
|
$('#alm_low_en').attr('checked',obj.alm_low_en==1);
|
}
|
}
|
</script>
|
</div>
|
</body>
|
</html>
|
