1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>订单打印</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
- <style>
- h3, td, th {
- color: #000000
- }
- .layui-table td, .layui-table th {
- border-color: #000000;
- height: 1px
- }
- .title {
- text-align: center;
- width: 12%;
- padding-top: 5px;
- padding-bottom: 5px;
- border-width: 1px;
- border-color: rgb(0, 0, 0);
- }
- .cell {
- text-align: center;
- border-width: 1px;
- border-color: rgb(0, 0, 0);
- }
- .content {
- padding: 5px;
- border-width: 1px;
- border-color: rgb(0, 0, 0);
- position: relative;
- }
- .img {
- width: 10px;
- height: 10px;
- position: absolute;
- }
- </style>
- </head>
- <body>
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-body" pad15>
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div id="print_div" class="qrcode">
- <canvas width="40" height="40" >
- </canvas>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../../layuiadmin/layui/layui.js?t=1"></script>
- <script src="../../layuiadmin/layui/qrcode.js"></script>
- <script>
- layui.config({
- base: '../../../layuiadmin/' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'table'], function () {
- var $ = layui.$
- , admin = layui.admin
- $('.qrcode').empty()
- $('.qrcode').qrcode({width: 60, height: 60, text: 'device=50'});
- var canvas = $('.qrcode canvas')
- var img = canvas[0].toDataURL("image/png")
- $('.qrcode').html("<div align=\"center\"><img src='" + img + "'></div>")
- });
- function doPrint() {
- document.body.innerHTML = document.getElementById('print_div').innerHTML;
- window.print();
- parent.layer.closeAll('iframe');
- }
- </script>
- </body>
- </html>
|