You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

259 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>抽水蓄能电站智能化状态监测系统</title>
<link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
<link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
<link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">
<!--Beyond styles-->
<link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/style/demo.css" rel="stylesheet">
<link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
<link href="__PUBLIC__/style/animate.css" rel="stylesheet">
<script src="__PUBLIC__/style/jquery_002.js"></script>
<script src="__PUBLIC__/style/bootstrap.js"></script>
<script src="__PUBLIC__/style/jquery.js"></script>
<!--Beyond Scripts-->
<script src="__PUBLIC__/style/beyond.js"></script>
<style>
.btn{background-color: #00796a; color:#fff;}
.btn:hover{background-color: #eee ;color:#000033;}
</style>
</head>
<body>
<!--<h1>默认</h1>-->
<form class="form-horizontal" role="form" action="" method="post">
<table class="table table-hover table-striped table-bordered">
<thead class="bordered-blueberry">
<tr>
<th style="font-weight: normal;width:200px;text-align: right">
<span style="font-size:16px; margin-left:50px;line-height:32px;">逻辑设备:</span>
</th>
<th style="font-weight: normal;" colspan="3">
<select id="select1" name="para" style="font-size:14px; width: 260px;padding: 5px 0;">
<option value="" >请逻辑选择设备</option>
{volist name="menu" id="m"}
<option value="{$m.paramindex}" {if condition="$m.eqmid eq $d"}selected {/if}>{$m.paramindex}</option>
{/volist}
</select>
</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width:200px;text-align: right;font-size:16px;margin-left:50px;line-height:30px;">告警等级:</td>
<td><div id="alarm_level" class="dowebok" >
<select name="alarm_level" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v.paramindex}" {if condition="$v.colname eq 'alarm_level' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td style="width:200px;text-align: right;font-size:16px;margin-left:50px;line-height:30px;">环流数据:</td>
<td><div id="current_val" class="dowebok">
<select name="current_val" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'current_val' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">
<span><button type="submit" class="btn">保存</button></span>
</td>
</tr>
</tfoot>
</table>
</form>
<script>
$(function() {
//$('select').comboSelect();
$('#select1').change(function(){
var para = $(this).val();
//alert(para);
$.ajax({
type: "POST",
url: "{:url('SITE_URL./admin/Paramindexinfo/ajax1')}",
dataType:"json",
data: 'para='+para,
success: function(data){
// console.log(data );
var nums=data.length;
//alert(nums);
var ch4ppm ='<select name="alarm_level" style="width:175px;"> <option value="" >请选择参数</option>';
for(var i=0;i<nums;i++) {
var date = data[i];
ch4ppm += "<option value='"+date.paramindex+"'";
if( date.colname =='alarm_level' )
{
ch4ppm += "selected" ;
}
ch4ppm += ">"+date.paramindex+"</option>";
}
ch4ppm += '</select>';
$('#alarm_level').html(ch4ppm);
var c2h4ppm ='<select name="current_val" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
c2h4ppm += "<option value='"+date.paramindex+"'";
if( date.colname =='current_val' )
{
c2h4ppm += "selected" ;
}
c2h4ppm += ">"+date.paramindex+"</option>";
}
c2h4ppm += '</select>';
$('#current_val').html(c2h4ppm);
}
});
});
});
</script>
</body>
</html>