46 lines
2.5 KiB
HTML
46 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>打印</title>
|
|
<style type="text/css"> .print-box{overflow: hidden; border-bottom: dashed 1px #333; position: relative; max-width: 1400px; margin:0 auto;} .print-box .baccarat_mian{width: 100%; } .print-box .title{margin:20px 50px; } .print-box .print{display: table; width: 100%; border-top: dashed 1px #333; } .print-box .print{padding: 20px 0; } .print-box .print dl{display: table-cell; font-size: 15px; vertical-align: middle; } .print-box .print dl img{width: 130px; } .print-box .print dl dd{padding: 5px 0; margin-left: 50px; } .print-box .bottom{margin:20px 50px; } .print-box .btn{position: absolute; bottom: 20px; right: 20px; background:none; width: 80px; height: 30px; outline: none; text-decoration: none; cursor: pointer; } .print-box .btn:active{opacity: 0.8; } .print-box .btn.off{right: 120px; } .print-box .canvas-box .item{position: relative;margin: 30px 50px} .print-box .canvas-box .item .bg{position: absolute;left: 0;top: 0;width: 100%;}
|
|
</style>
|
|
</head>
|
|
<body style="background:#fff">
|
|
<section class="print-box">
|
|
<h2 class="title">路单详情</h2>
|
|
<div class="canvas-box baccarat_mian">
|
|
<div class="item">
|
|
<img width="100%" height="100%" class="canvas-bg" id="canvas1" src="">
|
|
</div>
|
|
<div class="item">
|
|
<img width="100%" height="100%" class="canvas-bg" id="canvas2" src="">
|
|
</div>
|
|
</div>
|
|
<div class="print">
|
|
<dl>
|
|
<dd><span>台号：{$tableName}</span><span id="t_id"></span></dd>
|
|
<dd><span>列印时间：</span><span id="print_time">{$nowTime}</span></dd>
|
|
</dl>
|
|
<dl>
|
|
<dd><span>新靴开始：</span><span id="begin_newboots">{$bootTime}</span></dd>
|
|
<dd><span>最后牌局：</span><span id="now_resulttime">{$nTime}</span></dd>
|
|
</dl>
|
|
<dl><img src="{$Think.CONSOLE_STATIC_DOMAIN}static/hc-logo.png?v=1"></dl>
|
|
</div>
|
|
<h3 class="bottom">以上数据，仅供参考，一切以赌博台开出结果为准。</h3>
|
|
<button class="btn no-print" onclick="jQuery('html').print()">打 印</button>
|
|
|
|
</section>
|
|
<script type="text/javascript" src="{$Think.CONSOLE_STATIC_DOMAIN}static/console/js/jquery-2.1.0.min.js"></script>
|
|
<script type="text/javascript" src="{$Think.CONSOLE_STATIC_DOMAIN}static/console/js/jQuery.print.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
canvas1=sessionStorage.getItem("canvas1");
|
|
canvas2=sessionStorage.getItem("canvas2");
|
|
$("#canvas1").attr("src",canvas1);
|
|
$("#canvas2").attr("src",canvas2);
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |