<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://"
|
+ request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
<%@ taglib uri="/struts-tags" prefix="s"%>
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
|
<title><s:text name="Batt_alarm_param" /></title>
|
<link rel="stylesheet" type="text/css" href="css/basic.css" />
|
<!-- <link rel="stylesheet" type="text/css" href="css/eleWarnPrm.css" /> -->
|
<link rel="stylesheet" type="text/css" href="css/query.css" />
|
<link rel="stylesheet" type="text/css" href="css/popup-tbl.css" />
|
</head>
|
<body>
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!--导航开始-->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<!-- 主体内容 -->
|
<div id="main">
|
<!-- 查询条件开始 -->
|
<div class="query-list">
|
<div class="query-header"><a href="javascript:;"><s:text name="Batt_alarm_param"/>--><s:text name="Show/hide_the_query_conditions"/></a></div> <!-- 电池告警参数设置 -->
|
<!-- 查询条件内容开始 -->
|
<div class="query-body">
|
<table>
|
<thead>
|
<tr>
|
<th><s:text name="Parameter"/><s:text name="Select"/></th> <!-- 参数选择 -->
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<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>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 查询条件内容结束 -->
|
</div>
|
<!-- 查询条件结束 -->
|
<!-- 表格固定的头部 -->
|
<div class="tbl-header">
|
<!-- 这里放表格的头部 -->
|
</div>
|
<div class="tbl-body">
|
<!-- 这里放表格的tbody -->
|
</div>
|
</div>
|
<!-- 弹出框设置 -->
|
<div class="popup">
|
<div class="popup-title"><span><s:text name="Alarm"/><s:text name="Parameter"/><s:text name="Modify"/></span> <a href="javascript:;" class="close">X</a></div> <!-- 告警参数修改 -->
|
<div class="popup-content">
|
<div class="popup-tbl">
|
<table>
|
<tbody>
|
<tr>
|
<th><s:text name="Alarm"/>ID</th> <!-- 告警 -->
|
<th><s:text name="Alarm"/><s:text name="Name"/></th> <!-- 告警名称 -->
|
</tr>
|
<tr>
|
<td><input type="text" id="alm_id" readonly="readonly" value=""></td>
|
<td><input type="text" id="alm_name" readonly="readonly" value=""></td>
|
</tr>
|
<tr>
|
<th><s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Coefficient_values"/>（0.0~30.0）</th> <!-- 告警上限系数值 -->
|
<th><s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Level"/>（1~4）</th> <!-- 告警上限等级 -->
|
</tr>
|
<tr>
|
<td><input id="alm_high_coe" type="text" value=""></td>
|
<td>
|
<select id="alm_high_level">
|
<option value="1">1</option>
|
<option value="2">2</option>
|
<option value="3">3</option>
|
<option value="4">4</option>
|
</select>
|
<!-- <input id="alm_high_level" type="text" value=""> -->
|
</td>
|
</tr>
|
<tr>
|
<th><s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Coefficient_values"/>（0.0~30.0）</th> <!-- 告警下限系数值 -->
|
<th><s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Level"/>（1~4）</th> <!-- 告警下限等级 -->
|
</tr>
|
<tr>
|
<td><input id="alm_low_coe" type="text" value=""></td>
|
<td>
|
<select id="alm_low_level">
|
<option value="1">1</option>
|
<option value="2">2</option>
|
<option value="3">3</option>
|
<option value="4">4</option>
|
</select>
|
<!-- <input id="alm_low_level" type="text" value=""> -->
|
</td>
|
</tr>
|
<tr>
|
<th><s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Enabled"/><input id="alm_high_en" type="checkbox"></th> <!-- 告警上限使能 -->
|
<th><s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Enabled"/><input id="alm_low_en" type="checkbox"></th> <!-- 告警下限使能 -->
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="popup-footer">
|
<input type="button" name="" id="btn_ensure" value="<s:text name='Determine'/>" > <!-- 确定 -->
|
<input type="button" name="" id="btn_cancel" value="<s:text name='Cancel'/>" class="close"> <!-- 取消 -->
|
</div>
|
</div>
|
<!--清除浮动-->
|
<div class="clear"></div>
|
<script type="text/javascript" src="js/query.js"></script>
|
<script type="text/javascript" src="js/createTab.js"></script>
|
<script type="text/javascript" src="js/popup.js"></script>
|
<script type="text/javascript" src="js/rightmenu.js"></script>
|
<script type="text/javascript">
|
var permits;
|
<% Object obj=session.getAttribute("permits");
|
if(obj!=null){
|
String permits =obj.toString(); %>
|
permits=<%=permits%>;
|
//console.info(json);
|
<% } %>
|
|
//定义页面的全局数据
|
var ArrTh = new Array();
|
var ArrTd = new Array();
|
var isCanRevise = isHasPermit('batt_alm_param_edit_permit', permits);
|
//定义表格头部的信息数据
|
//ArrTh = [ '编号', '告警名称', '告警ID', '告警上限系数值（0.0~30.0）', '告警上限等级（1~4）',
|
// '告警上限使能', '告警下限系数值（0.0~30.0）', '告警下限等级（1~4）', '告警下限使能' ];
|
ArrTh = [ '<s:text name="Number"/>', '<s:text name="Alarm_name"/>', '<s:text name="Alarm"/>ID', '<s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Coefficient_values"/>（0.0~30.0）', '<s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Level"/>（1~4）',
|
'<s:text name="Alarm"/><s:text name="Upper_limit"/><s:text name="Enabled"/>', '<s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Coefficient_values"/>（0.0~30.0）', '<s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Level"/>（1~4）', '<s:text name="Alarm"/><s:text name="Lower_limit"/><s:text name="Enabled"/>' ];
|
//定义表格tbody内的数据信息
|
ArrTd = [
|
'1', '在线电压告警', '119001', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'2', '组端电压告警', '119002', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'3', '充电电流告警', '119003', '3', '3',
|
'<input type="checkbox" disabled />', '0', '3',
|
'<input type="checkbox" disabled />',
|
'4', '放电电流告警', '119004', '3', '3',
|
'<input type="checkbox" disabled />', '0', '3',
|
'<input type="checkbox" disabled />',
|
'5', '单体电压告警', '119005', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'6', '单体温度告警', '119006', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'7', '单体内阻告警', '119007', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'8', '单体连接条告警', '119008', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />',
|
'9', '放电单体电压告警', '119009', '1.2', '2',
|
'<input type="checkbox" disabled />', '0.8', '2',
|
'<input type="checkbox" disabled />'
|
];
|
|
|
//页面加载创建表格
|
$(document).ready(function() {
|
ArrTd = [];
|
createFullTbl($('.tbl-header'), $('.tbl-body'), ArrTh, ArrTd);
|
|
if(!isCanRevise) {
|
$('.popup').remove();
|
}
|
});
|
|
// 生成右键菜单
|
$(function() {
|
//屏蔽浏览器右键菜单功能
|
document.oncontextmenu = function() {
|
return false;
|
};
|
|
//添加右键内容
|
var menuItems=[
|
{txt:'<s:text name="Modify"/>',cla:'revise'} //修改
|
];
|
|
// 给表格添加自己的右键菜单
|
$('.tbl-body').on('mousedown','table tbody tr',function(e){
|
var trIndex = $(this).index(); // 获取当前行
|
$('.tbl-body table tbody tr').removeClass('active');
|
$(this).addClass('active');
|
console.info(isCanRevise);
|
if (e.which == 3 && isCanRevise) {
|
var disX = (e || event).clientX + 10; //获取鼠标点击的横坐标
|
var disY = (e || event).clientY + 10; // 获取鼠标点击的纵坐标
|
|
rightMenu.showMenu(menuItems, disX, disY);
|
}
|
});
|
|
// 点击显示修改弹出框
|
$('body').on('click', '#rightMenu .revise', function() {
|
var index = $('#main .tbl-body tr.active').index();
|
var temp = getObjByindex(index);
|
setWarnParam(temp);
|
popup.showPopup();
|
});
|
|
//更改告警参数类型
|
$('#warn-parm-type').change(function(){
|
searchEleWarnParam();
|
});
|
|
//点击确认按钮
|
$('#btn_ensure').click(function(){
|
if(confirm('确认修改"'+$('#alm_name').val()+'"参数吗?')){
|
var temp = {
|
alm_name:$('#alm_name').val(),
|
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
|
};
|
$.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){
|
noContent.showNoContent("修改成功！");
|
}else{
|
noContent.showNoContent("修改失败！");
|
}
|
searchEleWarnParam();
|
popup.hidePopup();
|
},
|
error:function(){
|
popup.hidePopup();
|
searchEleWarnParam();
|
noContent.showNoContent("修改失败,请检查网络连接！");
|
}
|
});
|
}
|
});
|
|
//告警上限系数值校验
|
$('#alm_high_coe').blur(function(){
|
var value = $(this).val();
|
if(value >=0){
|
value = parseFloat(value);
|
if(value >30){
|
$(this).val(30);
|
}
|
}else{
|
$(this).val($(this).attr('kk'));
|
}
|
});
|
|
//告警下限系数值校验
|
$('#alm_low_coe').blur(function(){
|
var value = $(this).val();
|
if(value >=0){
|
value = parseFloat(value);
|
if(value >30){
|
$(this).val(30);
|
}
|
}else{
|
$(this).val($(this).attr('kk'));
|
}
|
});
|
});
|
|
// 设置修改弹出框可以随意拖动
|
$(function() {
|
$('.popup').draggable();
|
});
|
|
$(function(){
|
searchEleWarnParam();
|
});
|
|
var all_almlist;
|
//查询告警参数
|
function searchEleWarnParam(){
|
loading.showLoading($('#main'));
|
ArrTd = new Array();
|
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;
|
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 type="checkbox" disabled />':'<input 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 type="checkbox" disabled />':'<input type="checkbox" checked="checked" disabled />'); //告警下限使能
|
}
|
}
|
//console.info(all_almlist);
|
createFullTbl($('.tbl-header'), $('.tbl-body'), ArrTh, ArrTd);
|
loading.hideLoading($('#main'));
|
},
|
error:function(){
|
loading.hideLoading($('#main'));
|
noContent.showNoContent("查询失败,请检查网络连接！");
|
}
|
});
|
}
|
|
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>
|
</body>
|
</html>
|
