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.

456 lines
8.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="envtmp" class="dowebok">
<select name="envtmp" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'envtmp' 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="envhum" class="dowebok">
<select name="envhum" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'envhum' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
</tr>
<tr>
<td style="width:200px;text-align: right;font-size:16px;margin-left:50px;line-height:30px;">风速:</td>
<td><div id="wdgustspd" class="dowebok">
<select name="wdgustspd" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'wdgustspd' 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="envpres" class="dowebok" >
<select name="envpres" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'envpres' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
</tr>
<tr>
<td style="width:200px;text-align: right;font-size:16px;margin-left:50px;line-height:30px;">风向:</td>
<td><div id="wddir" class="dowebok" >
<select name="wddir" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'wddir' 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="rnfll" class="dowebok" >
<select name="rnfll" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'rnfll' 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 chppm ='<select name="envtmp" style="width:175px;"> <option value="" >请选择参数</option>';
for(var i=0;i<nums;i++) {
var date = data[i];
chppm += "<option value='"+date.paramindex+"'";
if( date.colname =='envtmp' )
{
chppm += "selected" ;
}
chppm += ">"+date.paramindex+"</option>";
}
chppm += '</select>';
$('#envtmp').html(chppm);
var htmppm ='<select name="envhum" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmppm += "<option value='"+date.paramindex+"'";
if( date.colname =='envhum' )
{
htmppm += "selected" ;
}
htmppm += ">"+date.paramindex+"</option>";
}
htmppm += '</select>';
$('#envhum').html(htmppm);
var htmllc1 ='<select name="wdgustspd" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmllc1 += "<option value='"+date.paramindex+"'";
if( date.colname =='wdgustspd' )
{
htmllc1 += "selected" ;
}
htmllc1 += ">"+date.paramindex+"</option>";
}
htmllc1 += '</select>';
$('#wdgustspd').html(htmllc1);
var htmllc2 ='<select name="envpres" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmllc2 += "<option value='"+date.paramindex+"'";
if( date.colname =='envpres' )
{
htmllc2 += "selected" ;
}
htmllc2 += ">"+date.paramindex+"</option>";
}
htmllc2 += '</select>';
$('#envpres').html(htmllc2);
var htmllc3 ='<select name="wddir" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmllc3 += "<option value='"+date.paramindex+"'";
if( date.colname =='wddir' )
{
htmllc3 += "selected" ;
}
htmllc3 += ">"+date.paramindex+"</option>";
}
htmllc3 += '</select>';
$('#wddir').html(htmllc3);
var htmlrc1 ='<select name="rnfll" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmlrc1 += "<option value='"+date.paramindex+"'";
if( date.colname =='rnfll' )
{
htmlrc1 += "selected" ;
}
htmlrc1 += ">"+date.paramindex+"</option>";
}
htmlrc1 += '</select>';
$('#rnfll').html(htmlrc1);
}
});
});
});
</script>
</body>
</html>