<!DOCTYPE html>

<html><head>

    <meta charset="utf-8">

    <title>抽水蓄能电站智能化状态监测系统</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <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="__IMG__/cssjs/js/jquery-1.8.3.min.js"></script>

    <script src="__IMG__/cssjs/js/jquery_002.js"></script>

    <script src="__PUBLIC__/style/bootstrap.js"></script>

    <script src="__IMG__/cssjs/js/jquery.js"></script>

    <!--Beyond Scripts-->

    <script src="__PUBLIC__/style/beyond.js"></script>

</head>

<body>

<div class="widget" >

    <div class="widget-header ">

        <span class="widget-caption">数据记录</span>

        <div class="widget-buttons">

            <div class="btn-group">

                <a class="btn btn-blue btn-sm " href="javascript:void(0);">导出</a>

                <a class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);"><i class="fa fa-angle-down"></i></a>

                <ul class="dropdown-menu dropdown-blue pull-left">

                    <li>

                        <a href="{:url('ExcelOne')}"  target="_blank">导出当前</a>

                    </li>

                    <li>

                        <a href="{:url('ExcelAll')}"  target="_blank">导出全部</a>

                    </li>

                </ul>

            </div>

        </div>

    </div>

    <div class="widget-body">

        <div role="grid" id="simpledatatable_wrapper" class="dataTables_wrapper form-inline no-footer" >

            <div role="grid"  class="dataTables_wrapper form-inline no-footer" style="width: 150px;float: left">

                <div class="checkbox">

                    <label>

                        <input id="cb1" name="subcb" checked="checked" type="checkbox">

                        <span class="text">A相温度(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb2"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">A相压力(kPa)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb3"   name="subcb"  checked="checked" type="checkbox">

                        <span class="text">A相密度(kg/m³)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb4"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">A相微水(μL/L)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb5"   name="subcb" checked="checked" type="checkbox">

                        <span class="text">A相露点(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb6"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">B相温度(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb7"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">B相压力(kPa)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb8"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">B相密度(kg/m³)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb9"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">B相微水(μL/L)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb10"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">B相露点(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb11"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">C相温度(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb12"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">C相压力(kPa)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb13"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">C相密度(kg/m³)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb14"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">C相微水(μL/L)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="cb15"  name="subcb"  checked="checked" type="checkbox">

                        <span class="text">C相露点(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

                        <input id="allcb" checked="checked" type="checkbox">

                        <span class="text">全选</span>

                    </label>

                </div>

            </div>

            <div role="grid"  class="dataTables_wrapper form-inline no-footer" style="margin-left: 180px;overflow-x: auto;">

                <table class="table table-striped table-bordered table-hover dataTable no-footer" id="simpledatatable" aria-describedby="simpledatatable_info">

                    <thead>

                    <tr role="row">

                        <th class="text-center" style="text-wrap: none">采样时间</th>

                        <th class="text-center" style="text-wrap: none">A相温度(℃)</th>

                        <th class="text-center" style="text-wrap: none">A相压力(kPa)</th>

                        <th class="text-center" style="text-wrap: none">A相密度(kg/m³)</th>

                        <th class="text-center" style="text-wrap: none">A相微水(μL/L)</th>

                        <th class="text-center" style="text-wrap: none">A相露点(℃)</th>

                        <th class="text-center" style="text-wrap: none">B相温度(℃)</th>

                        <th class="text-center" style="text-wrap: none">B相压力(kPa)</th>

                        <th class="text-center" style="text-wrap: none">B相密度(kg/m³)</th>

                        <th class="text-center" style="text-wrap: none">B相微水(μL/L)</th>

                        <th class="text-center" style="text-wrap: none">B相露点(℃)</th>

                        <th class="text-center" style="text-wrap: none">C相温度(℃)</th>

                        <th class="text-center" style="text-wrap: none">C相压力(kPa)</th>

                        <th class="text-center" style="text-wrap: none">C相密度(kg/m³)</th>

                        <th class="text-center" style="text-wrap: none">C相微水(μL/L)</th>

                        <th class="text-center" style="text-wrap: none">C相露点(℃)</th>

                    </tr>

                    </thead>

                    <tbody>

                    {volist name="data" id="v"}

                    <tr>

                      <td class="text-center">{$v['d_time']}</td>
<td class="text-center"><?php if($warn['warnmin1']=== NULL || $warn['warnmax1']===NULL ){echo $v['temp1'];}else{ 
					if($v['temp1'] >= $warn['warnmin1'] && $v['temp1']<= $warn['warnmax1'] ){echo $v['temp1'];}else{ echo '<b style="color: red">'.$v['temp1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin2']=== NULL || $warn['warnmax2']===NULL ){echo $v['pressure1'];}else{ 
					if($v['pressure1'] >= $warn['warnmin2'] && $v['pressure1']<= $warn['warnmax2'] ){echo $v['pressure1'];}else{ echo '<b style="color: red">'.$v['pressure1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin3']=== NULL || $warn['warnmax3']===NULL ){echo $v['md1'];}else{ 
					if($v['md1'] >= $warn['warnmin3'] && $v['md1']<= $warn['warnmax3'] ){echo $v['md1'];}else{ echo '<b style="color: red">'.$v['md1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin4']=== NULL || $warn['warnmax4']===NULL ){echo $v['pm1'];}else{ 
					if($v['pm1'] >= $warn['warnmin4'] && $v['pm1']<= $warn['warnmax4'] ){echo $v['pm1'];}else{ echo '<b style="color: red">'.$v['pm1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin5']=== NULL || $warn['warnmax5']===NULL ){echo $v['ddt1'];}else{ 
					if($v['ddt1'] >= $warn['warnmin5'] && $v['ddt1']<= $warn['warnmax5'] ){echo $v['ddt1'];}else{ echo '<b style="color: red">'.$v['ddt1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin6']=== NULL || $warn['warnmax6']===NULL ){echo $v['temp2'];}else{ 
					if($v['temp2'] >= $warn['warnmin6'] && $v['temp2']<= $warn['warnmax6'] ){echo $v['temp2'];}else{ echo '<b style="color: red">'.$v['temp2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin7']=== NULL || $warn['warnmax7']===NULL ){echo $v['pressure2'];}else{ 
					if($v['pressure2'] >= $warn['warnmin4'] && $v['pressure2']<= $warn['warnmax4'] ){echo $v['pressure2'];}else{ echo '<b style="color: red">'.$v['pressure2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin8']=== NULL || $warn['warnmax8']===NULL ){echo $v['md2'];}else{ 
					if($v['md2'] >= $warn['warnmin8'] && $v['md2']<= $warn['warnmax8'] ){echo $v['md2'];}else{ echo '<b style="color: red">'.$v['md2'].'</b>'; } } ?> </td>
				

<td class="text-center"><?php if($warn['warnmin9']=== NULL || $warn['warnmax9']===NULL ){echo $v['pm2'];}else{ 
					if($v['pm2'] >= $warn['warnmin9'] && $v['pm2']<= $warn['warnmax9'] ){echo $v['pm2'];}else{ echo '<b style="color: red">'.$v['pm2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin10']=== NULL || $warn['warnmax10']===NULL ){echo $v['ddt2'];}else{ 
					if($v['ddt2'] >= $warn['warnmin10'] && $v['ddt2']<= $warn['warnmax10'] ){echo $v['ddt2'];}else{ echo '<b style="color: red">'.$v['ddt2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin11']=== NULL || $warn['warnmax11']===NULL ){echo $v['temp3'];}else{ 
					if($v['temp3'] >= $warn['warnmin11'] && $v['temp3']<= $warn['warnmax11'] ){echo $v['temp3'];}else{ echo '<b style="color: red">'.$v['temp3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin12']=== NULL || $warn['warnmax12']===NULL ){echo $v['pressure3'];}else{ 
					if($v['pressure3'] >= $warn['warnmin12'] && $v['pressure3']<= $warn['warnmax12'] ){echo $v['pressure3'];}else{ echo '<b style="color: red">'.$v['pressure3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin13']=== NULL || $warn['warnmax13']===NULL ){echo $v['md3'];}else{ 
					if($v['md3'] >= $warn['warnmin13'] && $v['md3']<= $warn['warnmax13'] ){echo $v['md3'];}else{ echo '<b style="color: red">'.$v['md3'].'</b>'; } } ?> </td>

<td class="text-center"><?php if($warn['warnmin14']=== NULL || $warn['warnmax14']===NULL ){echo $v['pm3'];}else{ 
					if($v['pm3'] >= $warn['warnmin14'] && $v['pm3']<= $warn['warnmax14'] ){echo $v['pm3'];}else{ echo '<b style="color: red">'.$v['pm3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin15']=== NULL || $warn['warnmax15']===NULL ){echo $v['ddt3'];}else{ 
					if($v['ddt3'] >= $warn['warnmin15'] && $v['ddt3']<= $warn['warnmax15'] ){echo $v['ddt3'];}else{ echo '<b style="color: red">'.$v['ddt3'].'</b>'; } } ?> </td>
                   </tr>

                    {/volist}

                    </tbody>

                </table>

                <div class="row DTTTFooter" style="padding-top:15px;">

                    <div class="col-sm-4">

                        <div class="dataTables_info" id="simpledatatable_info" role="alert" aria-live="polite" aria-relevant="all">

                            <span>&nbsp;&nbsp;&nbsp;</span>

                            当前显示<span>{$data->currentPage()}</span>

                            <span>/</span><span>{$data->lastPage()}</span>

                            <span>&nbsp;&nbsp;&nbsp;</span>

                            共<span>{$data->total()}</span>条记录





                        </div>

                    </div>

                    <div class="col-sm-8" align="right">

                        <div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">

                            {$data->render()}

       

                        </div>

                    </div>

                </div>

            </div>



        </div>

    </div>

</div>



<!-- /头部 -->





<script type="text/javascript" language="JavaScript">

    $("#allcb").click(function() {



        if(this.checked)

        {

            $('input[name="subcb"]').prop("checked", true);

            for(var i=1;i<16;i++)

            {

                if (!($('table tr').find('td:eq('+i+')').show()))

                {

                    $('table tr').find('td:eq('+i+')').show();

                }



                if (!($('table tr').find('th:eq('+i+')').show()))

                {

                    $('table tr').find('th:eq('+i+')').show();

                }

            }

        }

        else

        {

            $('input[name="subcb"]').attr("checked",false);

            for(var i=1;i<16;i++)

            {

                if ($('table tr').find('td:eq('+i+')').show())

                {

                    $('table tr').find('td:eq('+i+')').hide();

                }

                if ($('table tr').find('th:eq('+i+')').show())

                {

                    $('table tr').find('th:eq('+i+')').hide();

                }

            }

        }

    });

    $("input[name='subcb']").click(function(){

        if(this.checked)

        {

            $('table tr').find('td:eq('+parseInt(this.id.substr(2))+')').show();

            $('table tr').find('th:eq('+parseInt(this.id.substr(2))+')').show();

        }

        else

        {

            $('table tr').find('td:eq('+parseInt(this.id.substr(2))+')').hide();

            $('table tr').find('th:eq('+parseInt(this.id.substr(2))+')').hide();

        }

        if($("input[name='subcb']").lenegth==$("input[name='subcb']:checked").lenegth)

        {

            $("#allcb").prop("checked",true)

        }

        else

        {

            $("#allcb").attr("checked",false);

        }

    });



</script>

</body></html>
