# ftl文件
Freemarker模板的文件后缀名,分离了网页 界面设计人员和编程人员的工作。
- 使用@page规则可以对print进行更多的设置，比如指定页面的尺寸。页边 距,页眉页脚等，以求达到更好的效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>项目方案设计</title>
<style>
body {
font-family: SimHei;
padding: 0;
margin: 0;
}
@page {
size: A4;
margin: 5px;
}
@page rotated {
size: landscape;
}
.title {
font-size: 18px;
border: 1px solid #000;
}
.subTitle {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.table {
width: 100%;
font-size: 14px;
margin-bottom: 30px;
margin-top: 10px;
}
.table:last-child {
margin-bottom: 0;
}
.font16 {
font-size: 16px;
text-align: center;
}
.font18 {
font-size: 18px;
text-align: center;
}
.no-border-bottom td {
border-bottom: none;
padding-left: 5px;
}
.no-border-top td {
border-top: none;
padding-left: 5px;
}
.pl5 {
padding-left: 5px;
font-size: 12px;
}
.flex_center {
display: flex;
align-items: center;
justify-content: center;
}
.dashed {
border-bottom: 1px dashed #000;
margin-bottom: 30px;
}
.charge {
min-width: 150px;
}
.amount {
min-width: 200px;
}
.divPage {
page-break-after: always;
}
.minw{
/* min-width: 160px; */
}
.line{
height:20px;
}
.pic{
width:100px;
height:140px
}
.grey{
background: #CCC;
}
.bg{
background: #CCC;
}
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr class="font18">
<th colspan="6" class='bg'>
项目方案设计
</th>
</tr>
<tr class="no-border-bottom">
<td colspan="2" class='bg'>项目名称</td>
<td colspan="4">${siteSurvey.name}</td>
</tr>
<tr class="no-border-bottom">
<td colspan="2" class='bg'>
项目地址
</td>
<td colspan="4">
${siteSurvey.address}
</td>
</tr>
<tr align="center">
<td colspan="1" class='bg'>
项目联系人
</td>
<td colspan="1" class='minw'>
${siteSurvey.contactsName}
</td>
<td colspan="1" class='bg'>
联系方式
</td>
<td colspan="1" class='minw'>
${siteSurvey.contactsPhone}
</td>
<td colspan="1" class='bg'>
项目类别
</td>
<td colspan="1" class='minw'>
${siteSurvey.projectType}
</td>
</tr>
<tr align="center">
<td colspan="6" class='grey'>建设方案明细</td>
</tr>
<#list itemList as item>
<tr>
<td colspan="3" class='bg'>
门体类型
</td>
<td colspan="3">
${item.doorTypeName}
</td>
</tr>
<tr>
<td colspan="3" class='bg'>
改造建议
</td>
<td colspan="3">
${item.reformProposal}
</td>
</tr>
<tr>
<td colspan="6" class='bg'>
方案配图
</td>
</tr>
<tr>
<#list item.schemePic?split(",") as picture>
<td colspan="1">
<img src="${picture}" alt="" class='pic'/>
</td>
</#list>
</tr>
</#list>
<tr align="center">
<td colspan="6" class='grey'>设备明细</td>
</tr>
<#list accessList as access>
<#if (access.type == "普通设备") >
<tr>
<td colspan="3" class='bg'>
设备类型名称
</td>
<td colspan="3">
${access.name}
</td>
</tr>
<tr>
<td colspan="1" class='bg'>设备型号</td>
<td colspan="1">${access.model}</td>
<td colspan="1" class='bg'>设备位置</td>
<td colspan="1">${access.positionName}</td>
<td colspan="1" class='bg'>设备数量</td>
<td colspan="1">${access.quantity}</td>
</tr>
</#if>
</#list>
<tr align="center">
<td colspan="6" class='grey'>xxx明细</td>
</tr>
<#list accessList as access>
<#if (access.type == "xxx") >
<tr>
<td colspan="1" class='bg'>设备位置</td>
<td colspan="1">${access.positionName}</td>
<td colspan="1" class='bg'>规格</td>
<td colspan="1">${access.model}</td>
<td colspan="1" class='bg'>设备数量</td>
<td colspan="1">${access.quantity}</td>
</tr>
</#if>
</#list>
</tbody>
</table>
</body>
</html>