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
1 <div class='orders-me-page me-page yoho-page clearfix'> 1 <div class='orders-me-page me-page yoho-page clearfix'>
2 - {{> path}}  
3 - {{> navigation}}  
4 - <div class='me-main'>  
5 - <div class='qrcode orders block'>  
6 - <h2 class="title">  
7 - </h2>  
8 - <div class='subtitle'>  
9 - <h2>虚拟商品 <span class='pad20'>2016 YO'HOOD</span>展览票 {{code}}</h2>  
10 - <a class='r-go' href="{{returnOrder}}">返回我的账单</a>  
11 - </div>  
12 - {{#qrcodeData}}  
13 - <div class='qrcmain'>  
14 - <div class="qrcmain-switch">  
15 - <a class="prev gray" href="javascript:;"> 2 + {{> path}}
  3 + {{> navigation}}
  4 + <div class='me-main'>
  5 + <div class='qrcode orders block'>
  6 + <h2 class="title">
  7 + </h2>
  8 + <div class='subtitle'>
  9 + <h2>虚拟商品 <span class='pad20'>2016 YO'HOOD</span>展览票 {{code}}</h2>
  10 + <a class='r-go' href="{{returnOrder}}">返回我的账单</a>
  11 + </div>
  12 + {{#qrcodeData}}
  13 + <div class='qrcmain'>
  14 + <div class="qrcmain-switch">
  15 + <a class="prev gray" href="javascript:;">
16 <span class="iconfont">&#xe60e;</span> 16 <span class="iconfont">&#xe60e;</span>
17 </a> 17 </a>
18 <a class="next" href="javascript:;"> 18 <a class="next" href="javascript:;">
19 <span class="iconfont">&#xe60c;</span> 19 <span class="iconfont">&#xe60c;</span>
20 </a> 20 </a>
21 - </div>  
22 - <div class='qrcim'>  
23 - <div class='qrctxt'>  
24 - <ul>  
25 - {{#each ticks}}  
26 - <li> 21 + </div>
  22 + <div class='qrcim'>
  23 + <div class='qrctxt'>
  24 + <ul>
  25 + {{#each ticks}}
  26 + <li>
27 <div class='center'> 27 <div class='center'>
28 - <img src='{{qr_image}}'>  
29 - <p><label>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</label>{{ticket_code}}</p> 28 + <img src='{{qr_image}}'>
  29 + <p><label>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</label>{{ticket_code}}</p>
30 {{#if isgroup}} 30 {{#if isgroup}}
31 - <p><label>座&nbsp;&nbsp;位&nbsp;&nbsp;号:</label>{{seat_no}}</p> 31 + <p><label>座&nbsp;&nbsp;位&nbsp;&nbsp;号:</label>{{seat_no}}</p>
32 {{/if}} 32 {{/if}}
33 - <p><label>进场时间:</label>{{entrance_time}}</p> 33 + <p><label>进场时间:</label>{{entrance_time}}</p>
34 </div> 34 </div>
35 - </li>  
36 - {{/each}}  
37 - </ul>  
38 - <div class='clearfix'></div>  
39 - </div>  
40 - </div>  
41 - <a class='btn-qcode' href='#'>打印二维码</a>  
42 - </div>  
43 - {{/qrcodeData}}  
44 - <div class='subtitle'>  
45 - <h2>咨询回答</h2>  
46 - </div>  
47 - <div class='question'>  
48 - <div class="main-info"> 35 + </li>
  36 + {{/each}}
  37 + </ul>
  38 + <div class='clearfix'></div>
  39 + </div>
  40 + </div>
  41 + <a class='btn-qcode' href='#'>打印二维码</a>
  42 + </div>
  43 + {{/qrcodeData}}
  44 + <div class='subtitle'>
  45 + <h2>咨询回答</h2>
  46 + </div>
  47 + <div class='question'>
  48 + <div class="main-info">
49 <p class="p1"> 49 <p class="p1">
50 安全提示服务 50 安全提示服务
51 </p> 51 </p>
52 <p class='tro'> 52 <p class='tro'>
53 1、点击【打印二维码】按钮打印，入场时出示二维码电子票检验入场； 53 1、点击【打印二维码】按钮打印，入场时出示二维码电子票检验入场；
54 - 2、每个二维码只能使用一次，请保管好您的序列号，不要随意泄露给其他  
55 - 人。 54 + 2、每个二维码只能使用一次，请保管好您的序列号，不要随意泄露给其他
  55 + 人。
56 </p> 56 </p>
57 </div> 57 </div>
58 <div class="main-info"> 58 <div class="main-info">
@@ -61,19 +61,25 @@ @@ -61,19 +61,25 @@
61 </p> 61 </p>
62 <p class='tro'> 62 <p class='tro'>
63 1、您可以点击【打印二维码】将票面打印，请在打印时将版面设置成横向打 63 1、您可以点击【打印二维码】将票面打印，请在打印时将版面设置成横向打
64 - 印；  
65 - 2、如果您的电脑未连接打印机，请点击【打印二维码】后，将弹出的票面图  
66 - 片截图并保存，然后另行打印。 64 + 印；
  65 + 2、如果您的电脑未连接打印机，请点击【打印二维码】后，将弹出的票面图
  66 + 片截图并保存，然后另行打印。
67 </p> 67 </p>
68 </div> 68 </div>
69 <div class="main-info"> 69 <div class="main-info">
70 <p class='gray'> 70 <p class='gray'>
71 1、请保持票面干净完整，入场时只需要出示打印票面进行检验即可入场，每个 71 1、请保持票面干净完整，入场时只需要出示打印票面进行检验即可入场，每个
72 - 二维码只可使用一次，请您妥善保管。2、如果您的电脑未连接打印机，请点击【打印二维码后】，将弹出的票面图片截图并保存，然后另行打印。 72 + 二维码只可使用一次，请您妥善保管。2、如果您的电脑未连接打印机，请点击【打印二维码后】，将弹出的票面图片截图并保存，然后另行打印。
73 </p> 73 </p>
74 </div> 74 </div>
75 - </div>  
76 - </div>  
77 - </div>  
78 - 75 + </div>
  76 + </div>
  77 + <div id="print_wrap" style='display:none'>
  78 + <div class='print_qrcode'>
  79 + <img src='http://localhost:5002/img/home/qrcode.png'/>
  80 + <div class='print_content'>
  81 + </div>
  82 + </div>
  83 + </div>
  84 + </div>
79 </div> 85 </div>
@@ -39,7 +39,8 @@ $('.next', '.qrcmain-switch').click(function() { @@ -39,7 +39,8 @@ $('.next', '.qrcmain-switch').click(function() {
39 slide.next(); 39 slide.next();
40 }); 40 });
41 $('.btn-qcode').click(function(){ 41 $('.btn-qcode').click(function(){
42 - document.body.innerHTML=$("ul li",".qrctxt").eq(slide.options.index).html(); 42 + $(".print_content").html($(".qrctxt").html());
  43 + document.body.innerHTML=$("#print_wrap").show().html();
43 window.print(); 44 window.print();
44 return false; 45 return false;
45 }); 46 });
@@ -132,4 +132,28 @@ @@ -132,4 +132,28 @@
132 opacity: 0.55; 132 opacity: 0.55;
133 } 133 }
134 } 134 }
  135 +
  136 +}
  137 +.print_qrcode{
  138 + width:613px;
  139 + height:860px;
  140 + margin: 0 auto;
  141 + position:relative;
  142 + .print_content{
  143 + width:109px;
  144 + position:absolute;
  145 + top:54px;
  146 + left:360px;
  147 + li{
  148 + margin-bottom:2px;
  149 + img{
  150 + width:109px;
  151 + height:109px;
  152 + }
  153 + p{
  154 + font-size:12px;
  155 + line-height: 16px;
  156 + }
  157 + }
  158 + }
135 } 159 }