<!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>