<!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">B相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

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

                    </label>

                </div>

                <!--div class="checkbox">

                    <label>

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

                        <span class="text">1闸刀A相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">1闸刀B相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">1闸刀C相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">3闸刀A相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">3闸刀B相(℃)</span>

                    </label>

                </div>

                <div class="checkbox">

                    <label>

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

                        <span class="text">3闸刀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: 160px;">

                <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">B相</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['t1'];}else{ 
					if($v['t1'] >= $warn['warnmin1'] && $v['t1']<= $warn['warnmax1'] ){echo $v['t1'];}else{ echo '<b style="color: red">'.$v['t1'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin2']=== NULL || $warn['warnmax2']===NULL ){echo $v['t2'];}else{ 
					if($v['t2'] >= $warn['warnmin2'] && $v['t2']<= $warn['warnmax2'] ){echo $v['t2'];}else{ echo '<b style="color: red">'.$v['t2'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin3']=== NULL || $warn['warnmax3']===NULL ){echo $v['t3'];}else{ 
					if($v['t3'] >= $warn['warnmin3'] && $v['t3']<= $warn['warnmax3'] ){echo $v['t3'];}else{ echo '<b style="color: red">'.$v['t3'].'</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<4;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<4;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>
