style(pdf): 优化PDF模板中的复选框标签结构

- 将独立的checkbox输入框包装在label标签中以提高可访问性
- 为所有checkbox添加正确的标签关联结构
- 在配置部分新增其它要求说明和费用字段显示
This commit is contained in:
曹鹏飞 2026-03-16 17:41:00 +08:00
parent d7f8295038
commit 9a5fa93957
1 changed files with 24 additions and 4 deletions

View File

@ -98,18 +98,38 @@
<div style="margin-top: 20px;">
<div style="font-size: 20pt;" th:text="${info.no}">配置详情</div>
<div th:text="${info.no}">标准配置</div>
<div th:text="${info.no}"><input type="checkbox">AAA</div>
<div th:text="${info.no}">
<label>
<input type="checkbox"/>
AAA
</label>
</div>
<div>
<div th:text="${info.no}">&nbsp;<input type="checkbox">AAA</div>
<div th:text="${info.no}">
<label>
<input type="checkbox"/>
AAA
</label>
</div>
</div>
</div>
<div th:text="${info.no}">可选配置</div>
<div th:text="${info.no}"><input type="checkbox">AAA</div>
<div th:text="${info.no}">
<label>
<input type="checkbox"/>
AAA
</label>
</div>
<div>
<div th:text="${info.no}">&nbsp;<input type="checkbox">AAA</div>
<div th:text="${info.no}">&nbsp;<label>
<input type="checkbox"/>
AAA
</label></div>
</div>
<div th:text="${info.no}">其他配置</div>
<div th:text="${info.no}">油漆要求</div>
<div th:text="${info.no}">其它要求说明</div>
<div th:text="${info.no}">其它要求费用</div>
</div>
</body>