qrcode.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. #printer{
  5. margin: 0 auto;
  6. width: 600px;
  7. height: 85%;
  8. background-color: #fff;
  9. padding: 10px;
  10. }
  11. /*#printer img{*/
  12. /* width: 150px;*/
  13. /*}*/
  14. #printer p{
  15. text-align: center;
  16. }
  17. .ibox-tools{
  18. margin: 5px 10px;
  19. float: right;
  20. }
  21. .text-center{
  22. text-align: center;
  23. }
  24. </style>
  25. <div id="printer" class="text-center">
  26. <table class="table table-bordered" style="table-layout:fixed;">
  27. <tr>
  28. <td colspan="2" style="border: none !important;">
  29. <img src="/admin/img/logo-device1.png" width="180" alt="">
  30. </td>
  31. <td colspan="2" style="text-align: center;font-size: 24px;font-weight: bold;border: none !important;">设备管理卡</td>
  32. {if $orgId == 33}
  33. <td colspan="2" style="border: none !important;">
  34. <img src="/admin/img/logo-device2.png" width="180" alt="">
  35. </td>
  36. {/if}
  37. </tr>
  38. <tr>
  39. <td class="text-right">设备名称</td>
  40. <td class="text-left" colspan="3">
  41. {$info['title']}
  42. </td>
  43. <td rowspan="6" colspan="2">
  44. <img style="width: 100%" src="{:url('Qrcode/qrcode')}?code={$code}" alt="">
  45. </td>
  46. </tr>
  47. <tr>
  48. <td class="text-right">设备编号</td>
  49. <td class="text-left" colspan="3">
  50. {$info['sn']}
  51. </td>
  52. </tr>
  53. <tr>
  54. <td class="text-right">设备型号</td>
  55. <td class="text-left" colspan="3">
  56. {$info['spec']}
  57. </td>
  58. </tr>
  59. <tr>
  60. <td class="text-right">服务区域</td>
  61. <td class="text-left" colspan="3">
  62. {$info['area']}
  63. </td>
  64. </tr>
  65. <tr>
  66. <td class="text-right">生产厂家</td>
  67. <td class="text-left" colspan="3">
  68. {$info['producer']}
  69. </td>
  70. </tr>
  71. </table>
  72. </div>
  73. <div class="text-center">
  74. <br>
  75. <a href="javascript:;" class="btn btn-sm btn-primary" onclick="print()"><i class="glyphicon glyphicon-print"> 打印</i></a>
  76. </div>
  77. <script src="/static/jquery-1.11.3.min.js"></script>
  78. <script src="/static/browser.js"></script>
  79. <script src="/static/jquery.jqprint-0.3.js"></script>
  80. <script>
  81. function print(){
  82. $("#printer").jqprint();
  83. }
  84. </script>
  85. {/block}