<style>
    .violation-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
    }
    .violation-table th, .violation-table td {
        border: 1px solid #000;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
    }
    .header-title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .signature-img {
        height: 30px;
        display: block;
        margin: 0 auto;
    }
</style>

<div class="header-title">驾驶员违章记录</div>

<table class="violation-table">
    <colgroup>
        <col style="width: 10%;" />
        <col style="width: 10%;" />
        <col style="width: 15%;" />
        <col style="width: 20%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 10%;" />
        <col style="width: 10%;" />
    </colgroup>
    <thead>
    <tr>
        <th colspan="2">驾驶员姓名</th>
        <th colspan="7" style="text-align: left; padding-left: 20px;font-weight: normal !important;">$!{driverName}</th>
    </tr>
    <tr>
        <th>发生时间</th>
        <th>车牌号</th>
        <th>违规地点</th>
        <th>违规内容</th>
        <th>违规类型</th>
        <th>罚款金额</th>
        <th>扣分数</th>
        <th>处理情况</th>
        <th>备注</th>
    </tr>
    </thead>
    <tbody>
    #foreach($item in $violations)
    <tr>
        <td>$!{item.violationTime}</td>
        <td>$!{item.vehiclePlate}</td>
        <td>$!{item.violationLocation}</td>
        <td style="text-align: left;">$!{item.violationContent}</td>
        <td>$!{item.violationType}</td>
        <td>$!{item.fineAmount}</td>
        <td>$!{item.deductedPoints}</td>
        <td>$!{item.handlingStatus}</td>
        <td>$!{item.remark}</td>
    </tr>
    #end
    #if($violations.size() == 0)
    <tr>
        <td colspan="9">暂无违章记录</td>
    </tr>
    #end
    </tbody>
</table>
