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.

984 lines
19 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 text-align="center">
<th></th>
<th>A相</th>
<th>B相</th>
<th>C相</th>
</tr>
<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;">
<select id="select1" name="para1" 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) and ($m.phase eq 'A')"}selected {/if}>{$m.paramindex}</option>
{/volist}
</select>
</th>
<th style="font-weight: normal;">
<select id="select2" name="para2" 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) and ($m.phase eq 'B')"}selected {/if}>{$m.paramindex}</option>
{/volist}
</select>
</th>
<th style="font-weight: normal;">
<select id="select3" name="para3" 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) and ($m.phase eq 'C')"}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="temp1" class="dowebok" >
<select name="temp1" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v.paramindex}" {if condition="$v.colname eq 'temp1' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="temp2" class="dowebok">
<select name="temp2" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'temp2' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="temp3" class="dowebok">
<select name="temp3" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'temp3' 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="pressure1" class="dowebok" >
<select name="pressure1" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pressure1' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="pressure2" class="dowebok">
<select name="pressure2" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pressure2' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="pressure3" class="dowebok" >
<select name="pressure3" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pressure3' 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="md1" class="dowebok" >
<select name="md1" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'md1' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="md2" class="dowebok" >
<select name="md2" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'md2' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="md3" class="dowebok" >
<select name="md3" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'md3' 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="pm1" class="dowebok" >
<select name="pm1" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pm1' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="pm2" class="dowebok" >
<select name="pm2" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pm2' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="pm3" class="dowebok">
<select name="pm3" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'pm3' 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="ddt1" class="dowebok" >
<select name="ddt1" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'ddt1' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="ddt2" class="dowebok" >
<select name="ddt2" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'ddt2' and $v.eqmid eq $d"}selected {/if}>{$v.paramindex}</option>
{/volist}
</select>
</div></td>
<td><div id="ddt3" class="dowebok">
<select name="ddt3" style="width:175px;">
<option value="" >请选择参数</option>
{volist name="date" id="v"}
<option value="{$v['paramindex']}" {if condition="$v.colname eq 'ddt3' 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 htmlpt1 ='<select name="temp1" style="width:175px;"> <option value="" >请选择参数</option>';
for(var i=0;i<nums;i++) {
var date = data[i];
htmlpt1 += "<option value='"+date.paramindex+"'";
if( date.colname =='temp1' )
{
htmlpt1 += "selected" ;
}
htmlpt1 += ">"+date.paramindex+"</option>";
}
htmlpt1 += '</select>';
$('#temp1').html(htmlpt1);
var htmllc1 ='<select name="pressure1" 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 =='pressure1' )
{
htmllc1 += "selected" ;
}
htmllc1 += ">"+date.paramindex+"</option>";
}
htmllc1 += '</select>';
$('#pressure1').html(htmllc1);
var htmlrc1 ='<select name="md1" 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 =='md1' )
{
htmlrc1 += "selected" ;
}
htmlrc1 += ">"+date.paramindex+"</option>";
}
htmlrc1 += '</select>';
$('#md1').html(htmlrc1);
var lastligtm1 ='<select name="pm1" 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 =='pm1' )
{
lastligtm1 += "selected" ;
}
lastligtm1 += ">"+date.paramindex+"</option>";
}
lastligtm1 += '</select>';
$('#pm1').html(lastligtm1);
var last1 ='<select name="ddt1" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
last1 += "<option value='"+ date.paramindex +"'";
if( date.colname =='ddt1' )
{
last1 += "selected" ;
}
last1 += ">"+date.paramindex+"</option>";
}
last1 += '</select>';
$('#ddt1').html(last1);
}
});
});
$('#select2').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 htmlpt2 ='<select name="temp2" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmlpt2 += "<option value='"+date.paramindex+"'";
if( date.colname =='temp2' )
{
htmlpt2 += "selected" ;
}
htmlpt2 += ">"+date.paramindex+"</option>";
}
htmlpt2 += '</select>';
$('#temp2').html(htmlpt2);
var htmllc2 ='<select name="pressure2" 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 =='pressure2' )
{
htmllc2 += "selected" ;
}
htmllc2 += ">"+date.paramindex+"</option>";
}
htmllc2 += '</select>';
$('#pressure2').html(htmllc2);
var htmlrc2 ='<select name="md2" 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 =='md2' )
{
htmlrc2 += "selected" ;
}
htmlrc2 += ">"+date.paramindex+"</option>";
}
htmlrc2 += '</select>';
$('#md2').html(htmlrc2);
var lastligtm2 ='<select name="pm2" 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 =='pm2' )
{
lastligtm2 += "selected" ;
}
lastligtm2 += ">"+date.paramindex+"</option>";
}
lastligtm2 += '</select>';
$('#pm2').html(lastligtm2);
var last2 ='<select name="ddt2" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
last2 += "<option value='"+ date.paramindex +"'";
if( date.colname =='ddt2' )
{
last2 += "selected" ;
}
last2 += ">"+date.paramindex+"</option>";
}
last2 += '</select>';
$('#ddt2').html(last2);
}
});
});
$('#select3').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 htmlpt3 ='<select name="temp3" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
htmlpt3 += "<option value='"+date.paramindex+"'";
if( date.colname =='temp3' )
{
htmlpt3 += "selected" ;
}
htmlpt3 += ">"+date.paramindex+"</option>";
}
htmlpt3 += '</select>';
$('#temp3').html(htmlpt3);
var htmllc3 ='<select name="pressure3" 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 =='pressure3' )
{
htmllc3 += "selected" ;
}
htmllc3 += ">"+date.paramindex+"</option>";
}
htmllc3 += '</select>';
$('#pressure3').html(htmllc3);
var htmlrc3 ='<select name="md3" 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 =='md3' )
{
htmlrc3 += "selected " ;
}
htmlrc3 += ">"+date.paramindex+"</option>";
}
htmlrc3 += '</select>';
$('#md3').html(htmlrc3);
var lastligtm3 ='<select name="pm3" 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 =='pm3' )
{
lastligtm3 += "selected" ;
}
lastligtm3 += ">"+date.paramindex+"</option>";
}
lastligtm3 += '</select>';
$('#pm3').html(lastligtm3);
var last3 ='<select name="ddt3" style="width:175px;"> <option value="" >请选择参数</option>';
for(var j=0;j<nums;j++) {
var date = data[j];
last3 += "<option value='"+ date.paramindex +"'";
if( date.colname =='ddt3' )
{
last3 += "selected" ;
}
last3 += ">"+date.paramindex+"</option>";
}
last3 += '</select>';
$('#ddt3').html(last3);
}
});
});
});
</script>
</body>
</html>