print.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>订单打印</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <style>
  13. h3, td, th {
  14. color: #000000
  15. }
  16. .layui-table td, .layui-table th {
  17. border-color: #000000;
  18. height: 1px
  19. }
  20. .title {
  21. text-align: center;
  22. width: 12%;
  23. padding-top: 5px;
  24. padding-bottom: 5px;
  25. border-width: 1px;
  26. border-color: rgb(0, 0, 0);
  27. }
  28. .cell {
  29. text-align: center;
  30. border-width: 1px;
  31. border-color: rgb(0, 0, 0);
  32. }
  33. .content {
  34. padding: 5px;
  35. border-width: 1px;
  36. border-color: rgb(0, 0, 0);
  37. position: relative;
  38. }
  39. .img {
  40. width: 10px;
  41. height: 10px;
  42. position: absolute;
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <div class="layui-fluid">
  48. <div class="layui-card">
  49. <div class="layui-card-body" pad15>
  50. <div class="layui-row layui-col-space15">
  51. <div class="layui-col-md12">
  52. <div id="print_div" class="qrcode">
  53. <canvas width="40" height="40" >
  54. </canvas>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  62. <script src="../../layuiadmin/layui/qrcode.js"></script>
  63. <script>
  64. layui.config({
  65. base: '../../../layuiadmin/' //静态资源所在路径
  66. }).extend({
  67. index: 'lib/index' //主入口模块
  68. }).use(['index', 'table'], function () {
  69. var $ = layui.$
  70. , admin = layui.admin
  71. $('.qrcode').empty()
  72. $('.qrcode').qrcode({width: 60, height: 60, text: 'device=50'});
  73. var canvas = $('.qrcode canvas')
  74. var img = canvas[0].toDataURL("image/png")
  75. $('.qrcode').html("<div align=\"center\"><img src='" + img + "'></div>")
  76. });
  77. function doPrint() {
  78. document.body.innerHTML = document.getElementById('print_div').innerHTML;
  79. window.print();
  80. parent.layer.closeAll('iframe');
  81. }
  82. </script>
  83. </body>
  84. </html>