<!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">
                    
                <!-- A相-->
                <div class="checkbox">
                    <label>
                        <input id="cb1" name="subcb" checked="checked" type="checkbox">
                        <span class="text">A相SF6浓度</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb2"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">A相O2含量</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb3"   name="subcb"  checked="checked" type="checkbox">
                        <span class="text">A相温度(℃)</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb4"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">A相湿度(%)</span>
                    </label>
                </div>
<!--
                <div class="checkbox">
                    <label>
                        <input id="cb5"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">A相SF6阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb6"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">A相O2阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb7"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">A相双气数量</span>
                    </label>
                </div>
                
                <div class="checkbox">
                    <label>
                        <input id="cb8"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">A温湿度数量</span>
                    </label>
                </div>
                -->
                <!-- B相-->
                <div class="checkbox">
                    <label>
                        <input id="cb9" name="subcb" checked="checked" type="checkbox">
                        <span class="text">B相SF6浓度</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb10"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">B相O2含量</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb11"   name="subcb"  checked="checked" type="checkbox">
                        <span class="text">B相温度(℃)</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb2"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">B相湿度(%)</span>
                    </label>
                </div> 
<!--
                <div class="checkbox">
                    <label>
                        <input id="cb13"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">B相SF6阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb14"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">B相O2阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb15"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">B相双气数量</span>
                    </label>
                </div>
                
                <div class="checkbox">
                    <label>
                        <input id="cb16"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">B温湿度数量</span>
                    </label>
                </div>
                -->
                <!-- C相-->
               <div class="checkbox">
                    <label>
                        <input id="cb17" name="subcb" checked="checked" type="checkbox">
                        <span class="text">C相SF6浓度</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb18"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">C相O2含量</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb19"   name="subcb"  checked="checked" type="checkbox">
                        <span class="text">C相温度(℃)</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb20"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">C相湿度(%)</span>
                    </label>
                </div>
<!--
                <div class="checkbox">
                    <label>
                        <input id="cb21"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">C相SF6阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb22"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">C相O2阈值</span>
                    </label>
                </div>

                <div class="checkbox">
                    <label>
                        <input id="cb23"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">C相双气数量</span>
                    </label>
                </div>
                
                <div class="checkbox">
                    <label>
                        <input id="cb24"  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相SF6浓度</th>
                        <th class="text-center" style="text-wrap: none">A相O2浓度</th>
                        <th class="text-center" style="text-wrap: none">A相温度(℃)</th>
                        <th class="text-center" style="text-wrap: none">A相湿度(%)</th>
                        <!--
                        <th class="text-center" style="text-wrap: none">A相SF6阈值</th>
                        <th class="text-center" style="text-wrap: none">A相O2阈值</th>
                        <th class="text-center" style="text-wrap: none">A相双气数量</th>
                        <th class="text-center" style="text-wrap: none">A相温湿度数量</th>
                        -->
                        <th class="text-center" style="text-wrap: none">B相SF6浓度</th>
                        <th class="text-center" style="text-wrap: none">B相O2浓度</th>
                        <th class="text-center" style="text-wrap: none">B相温度(℃)</th>
                        <th class="text-center" style="text-wrap: none">B相湿度(%)</th>
                        <!--
                        <th class="text-center" style="text-wrap: none">B相SF6阈值</th>
                        <th class="text-center" style="text-wrap: none">B相O2阈值</th>
                        <th class="text-center" style="text-wrap: none">B相双气数量</th>
                        <th class="text-center" style="text-wrap: none">B相温湿度数量</th>
                        -->
                        <th class="text-center" style="text-wrap: none">C相SF6浓度</th>
                        <th class="text-center" style="text-wrap: none">C相O2浓度</th>
                        <th class="text-center" style="text-wrap: none">C相温度(℃)</th>
                        <th class="text-center" style="text-wrap: none">C相湿度(%)</th>
                        <!--
                        <th class="text-center" style="text-wrap: none">C相SF6阈值</th>
                        <th class="text-center" style="text-wrap: none">C相O2阈值</th>
                        <th class="text-center" style="text-wrap: none">C相双气数量</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['gas1'];}else{ 
					if($v['gas1'] >= $warn['warnmin1'] && $v['gas1']<= $warn['warnmax1'] ){echo $v['gas1'];}else{ echo '<b style="color: red">'.$v['gas1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin2']=== NULL || $warn['warnmax2']===NULL ){echo $v['yq1'];}else{ 
					if($v['yq1'] >= $warn['warnmin2'] && $v['yq1']<= $warn['warnmax2'] ){echo $v['yq1'];}else{ echo '<b style="color: red">'.$v['yq1'].'</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['gas2'];}else{ 
					if($v['gas2'] >= $warn['warnmin5'] && $v['gas2']<= $warn['warnmax5'] ){echo $v['gas2'];}else{ echo '<b style="color: red">'.$v['gas2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin6']=== NULL || $warn['warnmax6']===NULL ){echo $v['yq2'];}else{ 
					if($v['yq2'] >= $warn['warnmin6'] && $v['yq2']<= $warn['warnmax6'] ){echo $v['yq2'];}else{ echo '<b style="color: red">'.$v['yq2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin7']=== NULL || $warn['warnmax7']===NULL ){echo $v['md2'];}else{ 
					if($v['md2'] >= $warn['warnmin6'] && $v['md2']<= $warn['warnmax6'] ){echo $v['md2'];}else{ echo '<b style="color: red">'.$v['md2'].'</b>'; } } ?> </td>	
<td class="text-center"><?php if($warn['warnmin8']=== NULL || $warn['warnmax8']===NULL ){echo $v['pm2'];}else{ 
					if($v['pm2'] >= $warn['warnmin8'] && $v['pm2']<= $warn['warnmax8'] ){echo $v['pm2'];}else{ echo '<b style="color: red">'.$v['pm2'].'</b>'; } } ?> </td>


<td class="text-center"><?php if($warn['warnmin9']=== NULL || $warn['warnmax9']===NULL ){echo $v['gas3'];}else{ 
					if($v['gas3'] >= $warn['warnmin9'] && $v['gas3']<= $warn['warnmax9'] ){echo $v['gas3'];}else{ echo '<b style="color: red">'.$v['gas3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin10']=== NULL || $warn['warnmax10']===NULL ){echo $v['yq3'];}else{ 
					if($v['yq3'] >= $warn['warnmin10'] && $v['yq3']<= $warn['warnmax10'] ){echo $v['yq3'];}else{ echo '<b style="color: red">'.$v['yq3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin11']=== NULL || $warn['warnmax11']===NULL ){echo $v['md3'];}else{ 
					if($v['md3'] >= $warn['warnmin11'] && $v['md3']<= $warn['warnmax11'] ){echo $v['md3'];}else{ echo '<b style="color: red">'.$v['md3'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin12']=== NULL || $warn['warnmax12']===NULL ){echo $v['pm3'];}else{ 
					if($v['pm3'] >= $warn['warnmin12'] && $v['pm3']<= $warn['warnmax12'] ){echo $v['pm3'];}else{ echo '<b style="color: red">'.$v['pm3'].'</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<13;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<13;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>
