<!DOCTYPE html>
<html>
<head>
    <title>统计</title>
    {include file="common/meta" /}
</head>
<style>
    /* 默认情况下,屏幕上显示 */
    .hide-on-print {
        display: block;
        text-align: right;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .table-bordered {
        border: 1px solid #ddd;
    }


    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
        text-align: center;

    }

    /* 打印时隐藏 */
    @media print {
        .hide-on-print {
            display: none;
        }
        .form-horizontal {
            display: none;
        }
    }
</style>

<body  style="width: 760px;margin: 0 auto">

    <div class="hide-on-print">
        <button type="button" onclick="printPage()" class="btn btn-primary dropdown-toggle">打印</button>
        <button type="button" onclick="printPage()" class="btn btn-primary dropdown-toggle">导出PDF</button>
    </div>

    <form  method="POST"  class="form-horizontal" action="">
        <div class="form-group" style="margin: 0px;padding: 0px;margin-bottom: 15px;">
            <div class="col-xs-10 col-sm-4" style="margin: 0px;padding: 0px;" >
                <input type="text" class="form-control" name="choicedatetime" value="{$defaultdatetime}" placeholder="选择时间" id="choicedatetime" data-index="4" autocomplete="off">
            </div>
            <div class="col-xs-10 col-sm-2" >
                <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
            </div>
        </div>
    </form>


    <table id="left_table" class="table table-striped table-bordered table-hover table-nowrap">
        <tr>
            <td colspan="10">日期:{$defaultdatetime}</td>
        </tr>
        <tr>
            <td rowspan="2" style="vertical-align: middle;">序号</td>
            <td rowspan="2" style="vertical-align: middle;">姓名</td>
            <td rowspan="2" style="vertical-align: middle;">昵称</td>
            <td colspan="4" >考试统计</td>
            <td colspan="3" >培训统计</td>
        </tr>
        <tr>
            <td>应参加考试</td>
            <td>不及格次数</td>
            <td>考试次数</td>
            <td>缺考次数</td>

            <td>应参加培训次数</td>
            <!--<td>签到次数</td>-->
            <td>未到次数</td>
            <td>迟到次数</td>
        </tr>
        {volist name='datalist' id='vo'}
        <tr>
            <td>{$vo.id}</td>
            <td>{$vo.realname}</td>
            <td>{$vo.nickname}</td>

            <td>{$vo.paper_count}</td>
            <td>{$vo.no_pass}</td>
            <td>{$vo.grade_count}</td>
            <td>{$vo.no_grade}</td>

            <td>{$vo.train_count}</td>
            <!--<td>{$vo.sign_count}</td>-->
            <td>{$vo.no_sign}</td>
            <td>{$vo.late}</td>
        </tr>
        {/volist}
    </table>



<script src="/assets/laydate/laydate.js"></script>
<script>
    laydate.render({
        elem: '#choicedatetime'
        //设置开始日期、日期日期的 input 选择器
        //数组格式为 5.3.0 开始新增,之前版本直接配置 true 或任意分割字符即可
        ,range: ['#test-startDate-1', '#test-endDate-1']
    });
    //打印ctrl+P
    function printPage() {
        window.print();
    }
</script>
</body>
</html>