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.

726 lines
15 KiB
HTML

2 years ago
<!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="ch4ppm" class="dowebok" >
<select name="ch4ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v.paramindex}" {if condition="$v.colname eq 'ch4ppm' 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="c2h4ppm" class="dowebok">
<select name="c2h4ppm" style=width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'c2h4ppm' 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="c2h6ppm" class="dowebok">
<select name="c2h6ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'c2h6ppm' 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="c2h2ppm" class="dowebok" >
<select name="c2h2ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'c2h2ppm' 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="h2ppm" class="dowebok">
<select name="h2ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'h2ppm' 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="coppm" class="dowebok" >
<select name="coppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'coppm' 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="co2ppm" class="dowebok" >
<select name="co2ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'co2ppm' 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="totalhydrocarbon" class="dowebok" >
<select name="totalhydrocarbon" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'totalhydrocarbon' 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="cmbugas" class="dowebok" >
<select name="cmbugas" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'cmbugas' 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="o2ppm" class="dowebok" >
<select name="o2ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'o2ppm' 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="n2ppm" class="dowebok" >
<select name="n2ppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'n2ppm' 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="mstppm" class="dowebok">
<select name="mstppm" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'mstppm' 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="ch4ppm" 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 =='ch4ppm' )
{
ch4ppm += "selected" ;
}
ch4ppm += ">"+date.paramindex+"</option>";
}
ch4ppm += '</select>';
$('#ch4ppm').html(ch4ppm);
var c2h4ppm ='<select name="c2h4ppm" 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 =='c2h4ppm')
{
c2h4ppm += "selected" ;
}
c2h4ppm += ">"+date.paramindex+"</option>";
}
c2h4ppm += '</select>';
$('#c2h4ppm').html(c2h4ppm);
var c2h6ppm ='<select name="c2h6ppm" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
c2h6ppm += "<option value='"+date.paramindex+"'";
if( date.colname =='c2h6ppm' )
{
c2h6ppm += "selected" ;
}
c2h6ppm += ">"+date.paramindex+"</option>";
}
c2h6ppm += '</select>';
$('#c2h6ppm').html(c2h6ppm);
var htmllc1 ='<select name="c2h2ppm" 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 =='c2h2ppm' )
{
htmllc1 += "selected" ;
}
htmllc1 += ">"+date.paramindex+"</option>";
}
htmllc1 += '</select>';
$('#c2h2ppm').html(htmllc1);
var htmllc2 ='<select name="h2ppm" 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 =='h2ppm' )
{
htmllc2 += "selected" ;
}
htmllc2 += ">"+date.paramindex+"</option>";
}
htmllc2 += '</select>';
$('#h2ppm').html(htmllc2);
var htmllc3 ='<select name="coppm" 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 =='coppm' )
{
htmllc3 += "selected" ;
}
htmllc3 += ">"+date.paramindex+"</option>";
}
htmllc3 += '</select>';
$('#coppm').html(htmllc3);
var htmlrc1 ='<select name="co2ppm" style="width:175px;"> <option value="" >请选择参数</option>';
for(var z=0;z<nums;z++) {
var date = data[z];
htmlrc1 += "<option value='"+date.paramindex+"'";
if( date.colname =='co2ppm')
{
htmlrc1 += "selected" ;
}
htmlrc1 += ">"+date.paramindex+"</option>";
}
htmlrc1 += '</select>';
$('#co2ppm').html(htmlrc1);
var htmlrc2 ='<select name="totalhydrocarbon" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmlrc2 += "<option value='"+date.paramindex+"'";
if( date.colname =='totalhydrocarbon' )
{
htmlrc2 += "selected" ;
}
htmlrc2 += ">"+date.paramindex+"</option>";
}
htmlrc2 += '</select>';
$('#totalhydrocarbon').html(htmlrc2);
var htmlrc3 ='<select name="cmbugas" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmlrc3 += "<option value='"+ date.paramindex +"'";
if( date.colname =='cmbugas' )
{
htmlrc3 += "selected" ;
}
htmlrc3 += ">"+date.paramindex+"</option>";
}
htmlrc3 += '</select>';
$('#cmbugas').html(htmlrc3);
var lastligtm1 ='<select name="o2ppm" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
lastligtm1 += "<option value='"+ date.paramindex +"'";
if( date.colname =='o2ppm' )
{
lastligtm1 += "selected" ;
}
lastligtm1 += ">"+date.paramindex+"</option>";
}
lastligtm1 += '</select>';
$('#o2ppm').html(lastligtm1);
var lastligtm2 ='<select name="n2ppm" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
lastligtm2 += "<option value='"+ date.paramindex +"'";
if( date.colname =='n2ppm' )
{
lastligtm2 += "selected" ;
}
lastligtm2 += ">"+date.paramindex+"</option>";
}
lastligtm2 += '</select>';
$('#n2ppm').html(lastligtm2);
var lastligtm3 ='<select name="mstppm" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
lastligtm3 += "<option value='"+ date.paramindex +"'";
if( date.colname =='mstppm' )
{
lastligtm3 += "selected" ;
}
lastligtm3 += ">"+date.paramindex+"</option>";
}
lastligtm3 += '</select>';
$('#mstppm').html(lastligtm3);
}
});
});
});
</script>
</body>
</html>