<div style="text-align:center;font-size:22px;font-weight:bold;margin-top:10px;">
    #if($training.startTime)
        $!tool.formatDate($!training.startTime, "yyyy年MM月")在线安全学习考试
    #else
        在线安全学习考试
    #end
</div>

<div style="text-align:center;font-size:16px;margin-top:10px;margin-bottom:10px;">
    姓名：$!{data.userName}
    &nbsp;&nbsp;&nbsp;&nbsp;
    考核：
    #if($data.examScore && $data.passScore)
        #if($data.examScore >= $data.passScore)
            <span style="color: green;">合格</span>
        #else
            <span style="color: red;">不合格</span>
        #end
    #else
        <span style="color: red;">不合格</span>
    #end
</div>

<table style="width:100%;border-collapse:collapse;border:1px solid #000;font-size:13px;text-align:center;margin-bottom:10px;">
    <tr style="height:32px;">
        <td style="border:1px solid #000;width:50%;">课程名称</td>
        <td style="border:1px solid #000;width:20%;">学习分钟数</td>
        <td style="border:1px solid #000;width:30%;">完成学习时间</td>
    </tr>
    #if($data.courseList)
        #foreach($course in $data.courseList)
            <tr style="height:32px;">
                <td style="border:1px solid #000;text-align:left;padding-left:8px;">$!{course.courseName}</td>
                <td style="border:1px solid #000;">
                    #if($course.duration)
                        $!{course.duration}分钟
                    #end
                </td>
                <td style="border:1px solid #000;">
                    #if($course.completeTime)
                        $!tool.formatDate($!course.completeTime, "yyyy年MM月dd日")
                    #else
                        <span style="color: red;">未完成</span>
                    #end
                </td>
            </tr>
        #end
    #end
</table>

<div style="width:100%;border:1px solid #000;font-size:13px;text-align:left;margin-top:10px;">
    <div style="border-bottom:1px solid #000;display:flex;">
        <div style="width:12%;border-right:1px solid #000;">课件名称</div>
        <div style="flex:1;padding:0 1px;">$!{data.trainingName}</div>
    </div>
    <div style="border-bottom:1px solid #000;display:flex;">
        <div style="width:12%;border-right:1px solid #000;">考试信息</div>
        <div style="flex:1;padding:0 1px;">
            试卷（测试）
            #if($data.singleCount)（单选：$!{data.singleCount}）#end
            #if($data.multiCount)（多选：$!{data.multiCount}）#end
            #if($data.judgeCount)（判断：$!{data.judgeCount}）#end
            #if($data.totalScore)（总分：$!{data.totalScore}分）#end
        </div>
    </div>
    <div style="border-bottom:1px solid #000;display:flex;">
        <div style="width:12%;border-right:1px solid #000;">学习分数/总分</div>
        <div style="flex:1;padding:0 1px;">
            $!{data.examScore}/$!{data.totalScore}
        </div>
    </div>
    <div style="display:flex;">
        <div style="width:12%;border-right:1px solid #000;">题目统计</div>
        <div style="flex:1;padding:0 1px;">
            #if($data.singleCount && $data.singleCount > 0)
                单选共（$!{data.singleCount}题），总分：$!{data.singleTotalScore}分
            #end
            #if($data.multiCount && $data.multiCount > 0)
                &nbsp;多选共（$!{data.multiCount}题），总分：$!{data.multiTotalScore}分
            #end
            #if($data.judgeCount && $data.judgeCount > 0)
                &nbsp;判断共（$!{data.judgeCount}题），总分：$!{data.judgeTotalScore}分
            #end
        </div>
    </div>
</div>

<table style="width:100%;border-collapse:collapse;border:1px solid #000;font-size:13px;margin-top:10px;table-layout:fixed;">
    <!-- 单选题部分 -->
    #if($data.singleChoiceList && $data.singleChoiceList.size() > 0)
        <tr>
            <td colspan="2" style="border:1px solid #000;padding:5px;font-weight:bold;background-color:#f0f0f0;">
                一、单选题（共$!{data.singleCount}题，总分$!{data.singleTotalScore}分）
            </td>
        </tr>
        #foreach($r in $data.singleChoiceList)
            #parse("templates/securityManage/studyDetailQuestion.html.vm")
        #end
    #end

    <!-- 多选题部分 -->
    #if($data.multiChoiceList && $data.multiChoiceList.size() > 0)
        <tr>
            <td colspan="2" style="border:1px solid #000;padding:5px;font-weight:bold;background-color:#f0f0f0;">
                #if($data.singleChoiceList && $data.singleChoiceList.size() > 0)二#else一#end、多选题（共$!{data.multiCount}题，总分$!{data.multiTotalScore}分）
            </td>
        </tr>
        #foreach($r in $data.multiChoiceList)
            #parse("templates/securityManage/studyDetailQuestion.html.vm")
        #end
    #end

    <!-- 判断题部分 -->
    #if($data.judgeList && $data.judgeList.size() > 0)
        <tr>
            <td colspan="2" style="border:1px solid #000;padding:5px;font-weight:bold;background-color:#f0f0f0;">
                #if(($data.singleChoiceList && $data.singleChoiceList.size() > 0) && ($data.multiChoiceList && $data.multiChoiceList.size() > 0))三
                #elseif(($data.singleChoiceList && $data.singleChoiceList.size() > 0) || ($data.multiChoiceList && $data.multiChoiceList.size() > 0))二
                #else一#end、判断题（共$!{data.judgeCount}题，总分$!{data.judgeTotalScore}分）
            </td>
        </tr>
        #foreach($r in $data.judgeList)
            #parse("templates/securityManage/studyDetailQuestion.html.vm")
        #end
    #end
</table>
## 文档末尾二维码（仅渲染一次）
#if($verifyQrBase64)
<div style="width:100%;text-align:center;margin-top:16px;page-break-inside:avoid;">
    <img src="$!{verifyQrBase64}" style="width:180px;height:180px;"/>
    <div style="margin-top:6px;font-size:12px;color:#000;">扫描查真伪</div>
</div>
#end