<style>
    .header-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .header-table th, .header-table td {
        border: 1px solid #000;
        padding: 6px;
        text-align: left;
        vertical-align: middle;
    }
    .title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        margin: 10px 0 10px 0;
    }
    .img-wrapper {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .report-img {
        max-width: 100%;
        max-height: 650px;
    }
</style>
<div class="title">驾驶员体检报告</div>
<table class="header-table">
    <colgroup>
        <col style="width: 15%;" />
        <col style="width: 35%;" />
        <col style="width: 15%;" />
        <col style="width: 35%;" />
    </colgroup>
    <tr>
        <th>姓名</th><td>$!{name}</td>
        <th>身份证号</th><td style="white-space: nowrap;">$!{idCardNo}</td>
    </tr>
    <tr>
        <th>体检报告日期</th><td>$!{reportDate}</td>
        <th>体检结果</th><td>$!{healthStatus}</td>
    </tr>
    <tr>
        <th>备注</th><td colspan="3">$!{remark}</td>
    </tr>
    #if($imageUrls && $imageUrls.size() > 0)
        #foreach($img in $imageUrls)
        <tr>
            <td colspan="4" style="text-align:center;">
                <img class="report-img" src="$!{img}" />
            </td>
        </tr>
        #end
    #else
        <tr>
            <td colspan="4">暂无体检报告</td>
        </tr>
    #end
</table>
