102 lines
No EOL
2.6 KiB
HTML
102 lines
No EOL
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> |