102 lines
2.6 KiB
HTML
102 lines
2.6 KiB
HTML
|
<html>
|
|||
|
|
<header>
|
|||
|
|
<style>
|
|||
|
|
.page {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
width: 640px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flex {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
word-break: break-all;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.town {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip {
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip2 {
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
section {
|
|||
|
|
/* page-break-after: always; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tipprint {
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ptbtn {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
padding: 5px 10px;
|
|||
|
|
background-color: #007bff;
|
|||
|
|
color: #fff;
|
|||
|
|
border: none;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media print {
|
|||
|
|
.noprint {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<title>{$detail.title}</title>
|
|||
|
|
</header>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
function doPrint() {
|
|||
|
|
window.print();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<!--startprint-->
|
|||
|
|
<div class="page" id="print_page">
|
|||
|
|
<div class="noprint tipprint">
|
|||
|
|
<span style="color:red;font-weight: bold;">导出pdf操作说明：</span>点击导出，在弹出的打印对话框中选择打印机为<span
|
|||
|
|
style="color: orange;">“另存为PDF”</span>，点击保存即可。
|
|||
|
|
<input type="button" class="noprint ptbtn" onClick="doPrint()" value="导出PDF" />
|
|||
|
|
</div>
|
|||
|
|
<h3>{$detail.title}</h3>
|
|||
|
|
<div class="flex">
|
|||
|
|
<h4>活动时间：<span class="tip">{$detail.start_time}</span></h4>
|
|||
|
|
<span>组长：<span class="tip">{$detail.teamer_name}</span></span>
|
|||
|
|
<span>乡村个数：<span class="tip">{$detail.town_cnt}个</span></span>
|
|||
|
|
</div>
|
|||
|
|
<h4>活动简介：</h4>
|
|||
|
|
<p class="tip2">{$detail.description}</p>
|
|||
|
|
{foreach $detail.town_list as $key=>$town }
|
|||
|
|
<section class="town">
|
|||
|
|
<div class="flex">
|
|||
|
|
<h4>{$key+1}. {$town._town_name}</h4>
|
|||
|
|
<span class="tip2">{$town.check_time}</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="tip2">{$town.content}</p>
|
|||
|
|
<div>
|
|||
|
|
{foreach $town._imgs as $K=>$img }
|
|||
|
|
<img src="/newslist/{$img}" style="width: 200px;margin-right: 10px;" />
|
|||
|
|
{/foreach}
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
{/foreach}
|
|||
|
|
</div>
|
|||
|
|
<!--endprint-->
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|