<!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">甲(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb2"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">乙烯(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb3"   name="subcb"  checked="checked" type="checkbox">
                        <span class="text">乙烷(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb4"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">乙炔(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb5"   name="subcb" checked="checked" type="checkbox">
                        <span class="text">氢气(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb6"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">一氧化碳(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb7"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">二氧化碳(μL/L)</span>
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input id="cb8"  name="subcb"  checked="checked" type="checkbox">
                        <span class="text">总烃(μL/L)</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">甲烷(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">乙烯(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">乙烷(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">乙炔(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">氢气(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">一氧化碳(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">二氧化碳(μL/L)</th>
                        <th class="text-center" style="text-wrap: none">总烃(μL/L)</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['CH4ppm'];}else{ 
					if($v['CH4ppm'] >= $warn['warnmin1'] && $v['CH4ppm']<= $warn['warnmax1'] ){echo $v['CH4ppm'];}else{ echo '<b style="color: red">'.$v['CH4ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin2']=== NULL || $warn['warnmax2']===NULL ){echo $v['C2H4ppm'];}else{ 
					if($v['C2H4ppm'] >= $warn['warnmin2'] && $v['C2H4ppm']<= $warn['warnmax2'] ){echo $v['C2H4ppm'];}else{ echo '<b style="color: red">'.$v['C2H4ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin3']=== NULL || $warn['warnmax3']===NULL ){echo $v['C2H6ppm'];}else{ 
					if($v['C2H6ppm'] >= $warn['warnmin3'] && $v['C2H6ppm']<= $warn['warnmax3'] ){echo $v['C2H6ppm'];}else{ echo '<b style="color: red">'.$v['C2H6ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin4']=== NULL || $warn['warnmax4']===NULL ){echo $v['C2H2ppm'];}else{ 
					if($v['C2H2ppm'] >= $warn['warnmin4'] && $v['C2H2ppm']<= $warn['warnmax4'] ){echo $v['C2H2ppm'];}else{ echo '<b style="color: red">'.$v['C2H2ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin5']=== NULL || $warn['warnmax5']===NULL ){echo $v['H2ppm'];}else{ 
					if($v['H2ppm'] >= $warn['warnmin5'] && $v['H2ppm']<= $warn['warnmax5'] ){echo $v['H2ppm'];}else{ echo '<b style="color: red">'.$v['H2ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin6']=== NULL || $warn['warnmax6']===NULL ){echo $v['COppm'];}else{ 
					if($v['COppm'] >= $warn['warnmin6'] && $v['COppm']<= $warn['warnmax6'] ){echo $v['COppm'];}else{ echo '<b style="color: red">'.$v['COppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin7']=== NULL || $warn['warnmax7']===NULL ){echo $v['CO2ppm'];}else{ 
					if($v['CO2ppm'] >= $warn['warnmin4'] && $v['CO2ppm']<= $warn['warnmax4'] ){echo $v['CO2ppm'];}else{ echo '<b style="color: red">'.$v['CO2ppm'].'</b>'; } } ?> </td>
<td class="text-center"><?php if($warn['warnmin8']=== NULL || $warn['warnmax8']===NULL ){echo $v['TotalHydrocarbon'];}else{ 
					if($v['TotalHydrocarbon'] >= $warn['warnmin8'] && $v['TotalHydrocarbon']<= $warn['warnmax8'] ){echo $v['TotalHydrocarbon'];}else{ echo '<b style="color: red">'.$v['TotalHydrocarbon'].'</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<9;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<9;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>
