set_ticket.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layui</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="/static/admin/layui/css/layui.css" media="all">
  10. <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
  11. </head>
  12. <body class="body">
  13. <div id="form1">
  14. <style>
  15. .body{
  16. margin: 1rem;
  17. }
  18. .title{
  19. height: 3rem;
  20. line-height: 3rem;
  21. text-align: center;
  22. font-size: 1.2rem;
  23. font-weight: bold;
  24. margin-bottom: 1rem;
  25. border-bottom: 1px solid #eee;
  26. background: #fff;
  27. }
  28. .content{
  29. height: 3rem;
  30. line-height: 3rem;
  31. text-align: left;
  32. font-size: 1rem;
  33. border-bottom: 1px solid #eee;
  34. background: #fff;
  35. }
  36. .key{
  37. text-align: left;
  38. }
  39. .value{
  40. text-align: right;
  41. }
  42. </style>
  43. <div class="layui-row title">
  44. <div class="layui-col-xs4">
  45. <div class="grid-demo grid-demo-bg1 key">付款金额</div>
  46. </div>
  47. <div class="layui-col-xs8">
  48. <div class="grid-demo value">¥{$CashierInfo['pay_price']/100}</div>
  49. </div>
  50. </div>
  51. <div class="layui-row content">
  52. <div class="layui-col-xs4">
  53. <div class="grid-demo grid-demo-bg1 key">当前状态</div>
  54. </div>
  55. <div class="layui-col-xs8">
  56. <div class="grid-demo value">{$CashierInfo['status']|showStatus=###,'待付款,付款成功,付款失败,成功退款:10,20,30,40'}</div>
  57. </div>
  58. </div>
  59. <div class="layui-row content">
  60. <div class="layui-col-xs4">
  61. <div class="grid-demo grid-demo-bg1 key">商  品</div>
  62. </div>
  63. <div class="layui-col-xs8">
  64. <div class="grid-demo value">药店药品销售</div>
  65. </div>
  66. </div>
  67. <div class="layui-row content">
  68. <div class="layui-col-xs4">
  69. <div class="grid-demo grid-demo-bg1 key">商户简称</div>
  70. </div>
  71. <div class="layui-col-xs8">
  72. <div class="grid-demo value">上海信谊天一药业有限公司</div>
  73. </div>
  74. </div>
  75. <div class="layui-row content">
  76. <div class="layui-col-xs4">
  77. <div class="grid-demo grid-demo-bg1 key">支付时间</div>
  78. </div>
  79. <div class="layui-col-xs8">
  80. <div class="grid-demo value">{:date('Y-m-d H:i:s',$CashierInfo['add_ts'])}</div>
  81. </div>
  82. </div>
  83. <div class="layui-row content">
  84. <div class="layui-col-xs4">
  85. <div class="grid-demo grid-demo-bg1 key">支付方式</div>
  86. </div>
  87. <div class="layui-col-xs8">
  88. <div class="grid-demo value">微信付款</div>
  89. </div>
  90. </div>
  91. <div class="layui-row content">
  92. <div class="layui-col-xs4">
  93. <div class="grid-demo grid-demo-bg1 key">交易单号</div>
  94. </div>
  95. <div class="layui-col-xs8">
  96. <div class="grid-demo value">{$CashierInfo['auth_code']}</div>
  97. </div>
  98. </div>
  99. <div class="layui-row content">
  100. <div class="layui-col-xs4">
  101. <div class="grid-demo grid-demo-bg1 key">商户单号</div>
  102. </div>
  103. <div class="layui-col-xs8">
  104. <div class="grid-demo value">{$CashierInfo['pay_no']}</div>
  105. </div>
  106. </div>
  107. </div>
  108. <div id="form2" style="display: none;font-size: 10px;">
  109. <br><br>
  110. <p>付款金额:<span style="font-size: 1.2rem;font-weight: bold;">¥{$CashierInfo['pay_price']/100}</span></p>
  111. <p>当前状态:{$CashierInfo['status']|showStatus=###,'待付款,付款成功,付款失败,成功退款:10,20,30,40'}</p>
  112. <p>商户简称:上海信谊天一药业有限公司</p>
  113. <p>支付时间:{:date('Y-m-d H:i:s',$CashierInfo['add_ts'])}</p>
  114. <p>支付方式:微信付款</p>
  115. <p>交易单号:{$CashierInfo['auth_code']}</p>
  116. <p style="font-size: 12px;">商户单号:{$CashierInfo['pay_no']}</p>
  117. <p>地址:九龙路775号&nbsp;&nbsp;&nbsp;&nbsp;电话:63244470</p>
  118. </div>
  119. <a href="javascript:prn1_preview()"><center><button class="layui-btn" lay-submit lay-filter="demo1">打 印</button></center></a>
  120. <script src="/static/admin/layui/layui.js" charset="utf-8"></script>
  121. <!--<script src="/static/admin/qrcode/qrcode.js"></script>-->
  122. <!--<script src="/static/admin/qrcode/jquery-cookie.js"></script>-->
  123. <!--<script src="/static/admin/qrcode/jquery-barcode.js"></script>-->
  124. <!--<script src="/static/common/js/jquery.min.js"></script>-->
  125. <script src="/static/admin/LodopFuncs/LodopFuncs.js"></script>
  126. <script language="javascript" type="text/javascript">
  127. layui.use(['form', 'layedit', 'laydate'], function() {
  128. var form = layui.form
  129. , layer = layui.layer
  130. //监听提交
  131. form.on('submit(demo1)', function(data) {
  132. // parent.layer.msg('打印成功,请稍等', {icon: 6, time: 1000});
  133. // //当你在iframe页面关闭自身时
  134. // var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  135. // parent.layer.close(index, data.field); //再执行关闭
  136. })
  137. });
  138. var LODOP; //声明为全局变量
  139. //打印预览
  140. function prn1_preview() {
  141. CreateOneFormPage();
  142. LODOP.PREVIEW();
  143. };
  144. //直接打印
  145. function prn1_print() {
  146. CreateOneFormPage();
  147. LODOP.PRINT();
  148. };
  149. function CreateOneFormPage(){
  150. LODOP=getLodop();
  151. LODOP.PRINT_INIT("答应收款订单信息");
  152. LODOP.SET_PRINT_STYLE("FontSize",14);
  153. LODOP.SET_PRINT_STYLE("Bold",1);
  154. LODOP.ADD_PRINT_TEXT(50,20,500,30,"上海信谊天一药业有限公司");
  155. LODOP.SET_PRINT_STYLE("FontSize",12);
  156. LODOP.ADD_PRINT_HTM(88,4,500,400,document.getElementById("form2").innerHTML);
  157. };
  158. </script>
  159. <script>
  160. var pay_no='21313123123123';
  161. // $('#qrcode').barcode(2231321321213, "code128",{barWidth:2, barHeight:90});
  162. // new QRCode(document.getElementById("qrcode"), pay_no);
  163. </script>
  164. </body>
  165. </html>