fe / yohobuy-node · Commits

Go to a project

Authored by weiqingting
Commit 5d0ebd00742d7ba08202f15f376aca2198072e33 1 parent 4f0eed49

提交

Inline Side-by-side
Showing 3 changed files with 80 additions and 49 deletions
<div class='orders-me-page me-page yoho-page clearfix'>
{{> path}}
{{> navigation}}
<div class='me-main'>
<div class='qrcode orders block'>
<h2 class="title">
</h2>
<div class='subtitle'>
<h2>虚拟商品 <span class='pad20'>2016 YO'HOOD</span>展览票 {{code}}</h2>
<a class='r-go' href="{{returnOrder}}">返回我的账单</a>
</div>
{{#qrcodeData}}
<div class='qrcmain'>
<div class="qrcmain-switch">
<a class="prev gray" href="javascript:;">
{{> path}}
{{> navigation}}
<div class='me-main'>
<div class='qrcode orders block'>
<h2 class="title">
</h2>
<div class='subtitle'>
<h2>虚拟商品 <span class='pad20'>2016 YO'HOOD</span>展览票 {{code}}</h2>
<a class='r-go' href="{{returnOrder}}">返回我的账单</a>
</div>
{{#qrcodeData}}
<div class='qrcmain'>
<div class="qrcmain-switch">
<a class="prev gray" href="javascript:;">
<span class="iconfont">&#xe60e;</span>
</a>
<a class="next" href="javascript:;">
<span class="iconfont">&#xe60c;</span>
</a>
</div>
<div class='qrcim'>
<div class='qrctxt'>
<ul>
{{#each ticks}}
<li>
</div>
<div class='qrcim'>
<div class='qrctxt'>
<ul>
{{#each ticks}}
<li>
<div class='center'>
<img src='{{qr_image}}'>
<p><label>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</label>{{ticket_code}}</p>
<img src='{{qr_image}}'>
<p><label>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</label>{{ticket_code}}</p>
{{#if isgroup}}
<p><label>座&nbsp;&nbsp;位&nbsp;&nbsp;号:</label>{{seat_no}}</p>
<p><label>座&nbsp;&nbsp;位&nbsp;&nbsp;号:</label>{{seat_no}}</p>
{{/if}}
<p><label>进场时间:</label>{{entrance_time}}</p>
<p><label>进场时间:</label>{{entrance_time}}</p>
</div>
</li>
{{/each}}
</ul>
<div class='clearfix'></div>
</div>
</div>
<a class='btn-qcode' href='#'>打印二维码</a>
</div>
{{/qrcodeData}}
<div class='subtitle'>
<h2>咨询回答</h2>
</div>
<div class='question'>
<div class="main-info">
</li>
{{/each}}
</ul>
<div class='clearfix'></div>
</div>
</div>
<a class='btn-qcode' href='#'>打印二维码</a>
</div>
{{/qrcodeData}}
<div class='subtitle'>
<h2>咨询回答</h2>
</div>
<div class='question'>
<div class="main-info">
<p class="p1">
安全提示服务
</p>
<p class='tro'>
1、点击【打印二维码】按钮打印，入场时出示二维码电子票检验入场；
2、每个二维码只能使用一次，请保管好您的序列号，不要随意泄露给其他
人。
2、每个二维码只能使用一次，请保管好您的序列号，不要随意泄露给其他
人。
</p>
</div>
<div class="main-info">
... ... @@ -61,19 +61,25 @@
</p>
<p class='tro'>
1、您可以点击【打印二维码】将票面打印，请在打印时将版面设置成横向打
印；
2、如果您的电脑未连接打印机，请点击【打印二维码】后，将弹出的票面图
片截图并保存，然后另行打印。
印；
2、如果您的电脑未连接打印机，请点击【打印二维码】后，将弹出的票面图
片截图并保存，然后另行打印。
</p>
</div>
<div class="main-info">
<p class='gray'>
1、请保持票面干净完整，入场时只需要出示打印票面进行检验即可入场，每个
二维码只可使用一次，请您妥善保管。2、如果您的电脑未连接打印机，请点击【打印二维码后】，将弹出的票面图片截图并保存，然后另行打印。
二维码只可使用一次，请您妥善保管。2、如果您的电脑未连接打印机，请点击【打印二维码后】，将弹出的票面图片截图并保存，然后另行打印。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="print_wrap" style='display:none'>
<div class='print_qrcode'>
<img src='http://localhost:5002/img/home/qrcode.png'/>
<div class='print_content'>
</div>
</div>
</div>
</div>
</div>
... ...
... ... @@ -39,7 +39,8 @@ $('.next', '.qrcmain-switch').click(function() {
slide.next();
});
$('.btn-qcode').click(function(){
document.body.innerHTML=$("ul li",".qrctxt").eq(slide.options.index).html();
$(".print_content").html($(".qrctxt").html());
document.body.innerHTML=$("#print_wrap").show().html();
window.print();
return false;
});
... ...
... ... @@ -132,4 +132,28 @@
opacity: 0.55;
}
}
}
.print_qrcode{
width:613px;
height:860px;
margin: 0 auto;
position:relative;
.print_content{
width:109px;
position:absolute;
top:54px;
left:360px;
li{
margin-bottom:2px;
img{
width:109px;
height:109px;
}
p{
font-size:12px;
line-height: 16px;
}
}
}
}
... ...