<!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">温度(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">湿度(%)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">风速(m/s)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">气压(hPa)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">风向(度)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">雨量(mm)</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: 160px;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">温度(℃)</th>

                        <th class="text-center" style="text-wrap: none">湿度(%)</th>

                        <th class="text-center" style="text-wrap: none">风速(m/s)</th>

                        <th class="text-center" style="text-wrap: none">气压(hPa)</th>

                        <th class="text-center" style="text-wrap: none">风向(度)</th>

                        <th class="text-center" style="text-wrap: none">雨量(mm)</th>

                    </tr>

                    </thead>

                    <tbody>

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

                    <tr>

                       <td class="text-center">{$v['d_time']}</td>

                        <!-- <td class="text-center">{if condition="($v['envtmp'] egt $warn['warnmin1']) and ($v['envtmp'] elt $warn['warnmax1'])"}{$v['envtmp']}{else /}<b style="color: red">{$v['envtmp']}</b>{/if}</td>

                        <td class="text-center">{if condition="($v['envhum'] egt $warn['warnmin2']) and ($v['envhum'] elt $warn['warnmax2'])"}{$v['envhum']}{else /}<b style="color: red">{$v['envhum']}</b>{/if}</td>

                        <td class="text-center">{if condition="($v['wdgustspd'] egt $warn['warnmin3']) and ($v['wdgustspd'] elt $warn['warnmax3'])"}{$v['wdgustspd']}{else /}<b style="color: red">{$v['wdgustspd']}</b>{/if}</td>

                        <td class="text-center">{if condition="($v['envpres'] egt $warn['warnmin4']) and ($v['envpres'] elt $warn['warnmax4'])"}{$v['envpres']}{else /}<b style="color: red">{$v['envpres']}</b>{/if}</td>

                        <td class="text-center">{if condition="($v['wddir'] egt $warn['warnmin5']) and ($v['wddir'] elt $warn['warnmax5'])"}{$v['wddir']}{else /}<b style="color: red">{$v['wddir']}</b>{/if}</td>

                        <td class="text-center">{if condition="($v['rnfll'] egt $warn['warnmin6']) and ($v['rnfll'] elt $warn['warnmax6'])"}{$v['rnfll']}{else /}<b style="color: red">{$v['rnfll']}</b>{/if}</td>-->

<td class="text-center"><?php if($warn['warnmin1']=== NULL || $warn['warnmax1']===NULL ){echo $v['envtmp'];}else{ 
					if($v['envtmp'] >= $warn['warnmin1'] && $v['envtmp']<= $warn['warnmax1'] ){echo $v['envtmp'];}else{ echo '<b style="color: red">'.$v['envtmp'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin2']=== NULL || $warn['warnmax2']===NULL ){echo $v['envhum'];}else{ 
					if($v['envhum'] >= $warn['warnmin2'] && $v['envhum']<= $warn['warnmax2'] ){echo $v['envhum'];}else{ echo '<b style="color: red">'.$v['envhum'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin3']=== NULL || $warn['warnmax3']===NULL ){echo $v['wdgustspd'];}else{ 
					if($v['wdgustspd'] >= $warn['warnmin3'] && $v['wdgustspd']<= $warn['warnmax3'] ){echo $v['wdgustspd'];}else{ echo '<b style="color: red">'.$v['wdgustspd'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin4']=== NULL || $warn['warnmax4']===NULL ){echo $v['envpres'];}else{ 
					if($v['envpres'] >= $warn['warnmin4'] && $v['envpres']<= $warn['warnmax4'] ){echo $v['envpres'];}else{ echo '<b style="color: red">'.$v['envpres'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin5']=== NULL || $warn['warnmax5']===NULL ){echo $v['wddir'];}else{ 
					if($v['wddir'] >= $warn['warnmin5'] && $v['wddir']<= $warn['warnmax5'] ){echo $v['wddir'];}else{ echo '<b style="color: red">'.$v['wddir'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin6']=== NULL || $warn['warnmax6']===NULL ){echo $v['rnfll'];}else{ 
					if($v['rnfll'] >= $warn['warnmin6'] && $v['rnfll']<= $warn['warnmax6'] ){echo $v['rnfll'];}else{ echo '<b style="color: red">'.$v['rnfll'].'</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<7;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<7;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>
