<!DOCTYPE html>
<html>
<head>
    <title>{$row.name}</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;
    }
    .panel-heading {
        padding: 10px 0px;
    }

    .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;
    }

    /* 打印时隐藏 */
    @media print {
        .hide-on-print {
            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>

<table class="table table-striped table-bordered table-hover table-nowrap">
    <tr>
        <td colspan="8"><img width="50" height="50" src="{$row.logo_image}"><span style="font-size:20px;margin-left: 10px">{$row.title}</span></td>
    </tr>

    <tr>
        <td>文件编号</td>
        <td>{$row.number}</td>
        <td>编制人</td>
        <td>{$row.bianzhiren}</td>
        <td>审核人</td>
        <td>{$row.shenheren}</td>
        <td>编制部门</td>
        <td>{$row.department}</td>
    </tr>
    <tr>
        <td>版本号</td>
        <td>{$row.version}</td>
        <td>批准人</td>
        <td>{$row.pizhunren}</td>
        <td>控制人</td>
        <td>{$row.kongzhiren}</td>
        <td>文件状态</td>
        <td>{$row.wenjianstatus}</td>
    </tr>


    <tr>
        <td>培训主题</td>
        <td colspan="7" style="padding-right:12%;text-align: center">{$row.name}</td>
    </tr>
    <tr>
        <td>培训分类</td>
        <td colspan="3">{$row.cate_name}</td>
        <td>培训级别</td>
        <td colspan="3">{$row.level_name}</td>
    </tr>
    <tr>
        <td>培训方式</td>
        <td colspan="3">{$row.fangshi}</td>
        <td>培训时间</td>
        <td colspan="3">{$row.starttime}--{$row.endtime}</td>
    </tr>
    <tr>
        <td>培训地点</td>
        <td colspan="3">{$row.address}</td>
        <td>主持人</td>
        <td colspan="3">{$row.zhuchiren}</td>
    </tr>
    <tr>
        <td>主讲人</td>
        <td colspan="3">{$row.zhujiangren}</td>
        <td>培训类型</td>
        <td colspan="3">{$row.type_name}</td>
    </tr>
    <tr>
        <td>培训简介</td>
        <td colspan="7">{$row.info}</td>
    </tr>


    <tr>
        <td colspan="8">培训附件</td>
    </tr>
    <tr>
        <td colspan="8">
            {volist name="$row.files_json" id="vo"}
            <!--<button class="glyphicon glyphicon-save" onclick="jump('{$vo.url}')" aria-hidden="true"></button>&nbsp;&nbsp;{$vo.filename}
            <br>-->

            <div class="col-xs-2">
                <div class="thumbnail">
                    <?php if(in_array($vo['suffix'],['jpg','png','bmp','jpeg','gif','webp'])){  ?>
                    <img src="{$vo.url}" style="height: 84px;width: 84px;" title="{$vo.filename}" class="img-responsive">
                    <?php }else{ ?>
                    <img src="/admin.php/ajax/icon?suffix={$vo.suffix}" style="height: 84px;width: 84px;" title="{$vo.filename}" class="img-responsive">
                    <?php } ?>
                </div>
            </div>

            {/volist}
        </td>
    </tr>


    <tr>
        <td colspan="8">效果评价</td>
    </tr>
    <tr>
        <td>评价</td>
        <td colspan="8" style="white-space: normal">{$row.pingjia}</td>
    </tr>
    <tr>
        <td>评价人</td>
        <td colspan="3">{$row.pingjia_nickname}&nbsp;&nbsp;&nbsp;&nbsp;{neq name="$row.pingjia_image" value=""}<img src="{$row.pingjia_image}" width="90px" height="50px">{/neq}</td>
        <td>评价时间</td>
        <td colspan="3">{$row.pingjia_time}</td>
    </tr>

</table>
<div class="panel-heading">
    <ul class="nav nav-tabs">
        <li class="active" id="left"><a aria-expanded="true"  href="#t-left"  data-value="left"  data-toggle="tab">学习记录</a></li>
        <li class=""       id="right"><a href="#t-right" data-value="right" data-toggle="tab">签到详情</a></li>
    </ul>
</div>

<table id="left_table" class="table table-striped table-bordered table-hover table-nowrap">
    <tr>
        <td colspan="4">学习情况</td>
        <td colspan="4">应到{$result.yingdao}人，实到{$result.shidao}人，未到{$result.weidao}人，其他{$result.qita}人</td>
    </tr>
    {volist name="$user_train_chunk" id="chunk"}
    <tr>
        <td colspan="8">
            {volist name="$chunk" id="vo"}
            <?php if(!empty($vo['sign_image'])){ ?><img src="{$vo.sign_image}" width="90px" height="50px"><?php } ?>
            {/volist}
        </td>
    </tr>
    {/volist}
</table>

<table id="right_table" style="display: none" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
    <tr>
        <td colspan="4">学习情况</td>
        <td colspan="4">应到{$result.yingdao}人，实到{$result.shidao}人，未到{$result.weidao}人，其他{$result.qita}人</td>
    </tr>
    <tr>
        <td colspan="4">参与人</td>
        <td colspan="2">学习时间</td>
        <td>状态</td>
        <?php if($score_auth == 1){ ?>
        <td>评分</td>
        <?php } ?>
    </tr>
    {volist name="$user_train" id="vo"}
    <tr>
        <td colspan="2">{$vo.nickname}</td>
        <td colspan="2">
            <?php if(!empty($vo['sign_image'])){ ?>
                <img src="{$vo.sign_image}" width="90px" height="50px">
            <?php }else{ ?>
                <div style="height:50px;width:90px;"></div>
            <?php } ?>
        </td>
        <td colspan="2">{$vo.sign_time}</td>
        <td><font color="{$vo.status_color}">{$vo.status_text}</font></td>
        <?php if($score_auth == 1){ ?>
        <td>{$vo.score}</td>
        <?php } ?>
    </tr>
    {/volist}
</table>




{include file="common/script" /}
</body>
</html>
