<!DOCTYPE html>
|
<html lang="en">
|
<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"/>
|
<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>
|
<link rel="stylesheet" type="text/css" href="css/tbl.css">
|
<link rel="stylesheet" href="css/fgpanel.css">
|
<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>
|
<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>
|
<option value="">一枢纽</option>
|
<option value="">二枢纽</option>
|
<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="equipment-name">
|
<option value="">全部</option> <!-- 设备 -->
|
</select>
|
|
<p>告警名称</p>
|
|
<select id="alarm-name"data-mini="true">
|
<option value="0">全部</option> <!-- 告警名称 -->
|
</select>
|
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" id="submit" data-role="button" 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>
|
<!-- 查询结果为空弹出 -->
|
<div data-role="popup" id="noData" class="ui-content" data-dismissible="false">
|
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
|
<p>暂无查询结果！</p>
|
</div>
|
</div>
|
<!-- <div data-role="footer" data-position="fixed">
|
<h1>福光电子有限公司</h1>
|
</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);
|
var ArrTd = new Array();
|
var 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{
|
searchEquipmentName();
|
}
|
}
|
}
|
});
|
|
$(document).ready(function(){
|
$("#submit").click(function(){
|
$('#pageCurr').val(1);
|
Page.pageCurr =1;
|
searchEquipmentName();
|
|
});
|
});
|
|
// 点击修改参数按钮触发事件
|
$('#setparam').on('click', function() {
|
//console.info(Alm_id.length);
|
var setpselect = Alm_id[0];
|
setotherparm(setpselect);
|
setid();
|
$('#myPopup').popup('open');
|
});
|
|
function setid(){ //加载弹框id
|
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');
|
}
|
}
|
|
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();
|
}
|
});
|
}
|
//点击取消按钮触发
|
$('#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("修改失败！");
|
}
|
searchEquipmentName();
|
$('#myPopup').popup('close');
|
},
|
error:function(){
|
$('#myPopup').popup('close');
|
searchEquipmentName();
|
alert("修改失败,请检查网络连接！");
|
}
|
});
|
$('#myPopup').popup('close');
|
})
|
//告警id下拉框改变
|
$('#alm_id').on('click',function(){
|
//console.info("aa");
|
var setpselect = $('#alm_id').val();
|
//console.info(arr[5]);
|
setotherparm(setpselect);
|
})
|
|
//设置弹出表参数
|
function setotherparm(setpselect){
|
console.info(arrTh.length);
|
var a = arrTh.length ;
|
//var arr = new Array();
|
for(i=0;i<Alm_id.length;i++){
|
console.info(setpselect);
|
console.info(ArrTd[3]);
|
if(Alm_id[i]==setpselect){
|
$('#paraname').val(ArrTd[a*i+1]); //告警名称
|
//console.info(ArrTd[a*i+3]);
|
$('#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',ArrWarnTb[a*i+7]);
|
$('#alm_high_en').attr('checked',ArrTd[a*i+5]);
|
$('#alm_low_en').attr('checked',ArrTd[a*i+8]);
|
}
|
}
|
}
|
|
$.post("Dev_paramAction!serchAllDevId",null,function(data){
|
//console.info("sfewf");
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
if(data.code==1 && data.data.length>0){
|
|
var $select = $("#equipment-name");
|
$select.text('');
|
for(i=0;i<data.data.length;i++){
|
$option=$("<option></option>");
|
$option.html(data.data[i].note);
|
$option.attr("value", data.data[i].dev_id);
|
if(i==0){
|
$select.siblings('span').text($option.text());
|
}
|
$select.append($option);
|
}
|
|
//console.info("sfwfaf");
|
//console.info(arr);
|
//$select.append(arr);
|
}
|
findWarmName();
|
})
|
|
function findWarmName(){
|
var dev_id = $("#equipment-name option:selected").val();
|
|
console.info(dev_id);
|
var warmId ={
|
"dev_id":dev_id,
|
};
|
//console.info(warmId);
|
//console.info("aa");
|
$.post("Dev_paramAction!serchByInfo","json="+JSON.stringify(warmId),function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#alarm-name");
|
$select.text('');
|
for(i=0;i<data.data.length;i++){
|
//console.info(data.data[i]);
|
//console.info(getParmName(data.data[i]));
|
$option =$("<option></option>");
|
if(i==0){
|
$option.html("全部共（"+data.data.length+"）种");
|
$select.siblings('span').text($option.text());
|
$option.attr("value", 0);
|
}else{
|
$option.html(getParmName(data.data[i-1]));
|
$option.attr("value", data.data[i-1]);
|
|
}
|
$select.append($option);
|
//console.info($option);
|
}
|
//console.info("123");
|
console.info($("#equipment-name option:selected").val());
|
|
}
|
})
|
}
|
|
var all_almlist
|
function searchEquipmentName(){
|
loadshow();
|
//all_almlist = new Array();
|
var dev_id = $("#equipment-name option:selected").val();
|
var alm_id = $("#alarm-name option:selected").val();
|
//console.info(dev_id);
|
//console.info("1234");
|
|
var warmId ={
|
stationName1:$("#mainteArea").val(),
|
stationName2:$("#city").val(),
|
stationName5:$("#equipment-name").val(),
|
stationName: $("#equipment-name").find('option:selected').attr('stationname'),
|
"dev_id":dev_id,
|
"alm_id":alm_id
|
};
|
console.info(warmId);
|
$.post("Dev_paramAction!serchByCondition","json="+JSON.stringify(warmId),function(data){
|
//console.info(JSON.stringify(warmId));
|
var data=data.result;
|
var data=eval("("+data+")");
|
//all_almlist = data.data;
|
if(data.code==1&&data.data.length>0){
|
//var arr = new Array();
|
data=data.data;
|
console.info(data);
|
for(i=0;i<data.length;i++){
|
ArrTd.push(data[i].note); //设备
|
ArrTd.push(getParmName(data[i].alm_id)); //告警名称
|
data[i].realname = (getParmName(data[i].alm_id));
|
ArrTd.push(data[i].alm_id); //告警id
|
ArrTd.push(data[i].alm_high_coe); //告警上限系数值
|
ArrTd.push(data[i].alm_high_level); //告警上限等级
|
ArrTd.push(data[i].alm_high_en==0?'<input type="checkbox" disabled />':'<input type="checkbox" checked="checked" disabled />'); //告警上限使能
|
ArrTd.push(data[i].alm_low_coe); //告警下限系数值
|
ArrTd.push(data[i].alm_low_level); //告警下限等级
|
ArrTd.push(data[i].alm_low_en==0?'<input type="checkbox" disabled />':'<input type="checkbox" checked="checked" disabled />'); //告警下限使能
|
Alm_id.push(data[i].alm_id); //告警ID数组
|
}
|
createTbl(tblCon, arrTh, ArrTd);
|
}
|
else{
|
$('#searchNull').popup('open');
|
}
|
loadclose();
|
})
|
}
|
|
|
|
var warnparamstate = [
|
{key:'Batt_Alarm_Type_OnlineVol',alm_id:119001,name:'在线电压告警'},
|
{key:'Batt_Alarm_Type_GroupVol',alm_id:119002,name:'组端电压告警'},
|
{key:'Batt_Alarm_Type_BattChargeCurr',alm_id:119003,name:'充电电流告警'},
|
{key:'Batt_Alarm_Type_BattDisChargeCurr',alm_id:119004,name:'放电电流告警'},
|
{key:'Batt_Alarm_Type_MonVol',alm_id:119005,name:'单体电压告警'},
|
{key:'Batt_Alarm_Type_MonTmp',alm_id:119006,name:'单体温度告警'},
|
{key:'Batt_Alarm_Type_MonRes',alm_id:119007,name:'单体内阻告警'},
|
{key:'Batt_Alarm_Type_ConnRes',alm_id:119008,name:'单体连接条告警'},
|
{key:'Batt_Alarm_Type_DisChargeMonVol',alm_id:119009,name:'放电单体电压告警'},
|
{key:'Batt_Alarm_Type_CapAlarm',alm_id:119010,name:'容量告警告警'},
|
{key:'Batt_Alarm_Type_CapChange',alm_id:119011,name:'容量更换告警'},
|
];
|
|
//根据关键字获取告警参数名称
|
function getParmName(keywords){
|
var name="";
|
for(var i=0;i<warnparamstate.length;i++){
|
if(warnparamstate[i].alm_id == keywords){
|
name = warnparamstate[i].name;
|
break;
|
}
|
}
|
return name;
|
}
|
|
|
//设置告警参数
|
function setWarnParam(obj){
|
if(obj != undefined){
|
$('#dev_id').val(obj.dev_id);
|
$('#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);
|
}
|
}
|
//页面加载时查询省
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data = data.result;
|
data = eval("("+data+")");
|
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()
|
};
|
$.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].StationName3,
|
stationid:data.data[i-1].StationId,
|
txt:data.data[i-1].StationName3,
|
});
|
}
|
}
|
//console.info(111111111111111);
|
updataSelStation($Ostation_name1, arr);
|
}
|
|
|
}
|
});
|
}
|
|
|
|
//当省改变时更新市
|
$('#mainteArea').change(function(){
|
findCity();
|
});
|
//当市改变时改变区/县
|
$('#city').change(function(){
|
findCounty();
|
});
|
//当区/县改变时改变机房
|
$('#country').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
</script>
|
</div>
|
</body>
|
</html>
|
