nizongfeng
/
ZZCX_yii


			
							<?php
/**
 * Created by PhpStorm.
 * User: tianlionfire
 * Date: 2017/11/17
 * Time: 14:17
 */
use backend\modules\zzcs\assets\ZzcsAsset;
ZzcsAsset::addCss($this, '/global/css/ace.min.css');
ZzcsAsset::addCss($this, '/global/css/master.min.css');
ZzcsAsset::addScript($this, '/plug/layer/layer.js');
ZzcsAsset::addScript($this, '/global/js/jquery-2.2.4.min.js');
ZzcsAsset::addScript($this, '/global/js/bootstrap.min.js');
ZzcsAsset::addScript($this, '/ticket-design/js/print_ticket.js');
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车票打印</title>
    <style>


        .print_btn{
    margin-bottom: 30px;padding: 5px 15px;background: #428bca;color: white;cursor: pointer;display: inline-block;border-color: #428bca;
        }
        .print_btn:hover{
    background: #1b6aaa;
}

        .c1,.c2,.c3,.c4{
    border:1px solid blue;
            display: inline-block;vertical-align: top;position: relative;
            height:330px;
            overflow: hidden;
        }
        .c1{
    width:565px;
            padding-left:10px;
            padding-top: 10px;
        }
        .c2,.c3{
    border-left:0 solid blue;
            border-right:1px solid blue;
            margin-left: -6px;
            padding-left:10px;
            padding-top: 10px;
            width:282px;
        }
        .c4{
    border-left:0 solid white;
            border-right:1px solid blue;
            margin-left: -6px;
            padding-left:10px;
            padding-top: 10px;
            width:195px;
        }
        .content p{
    margin:0!important;padding:0!important;
        }
        h1,h2,h3,h4,h5,h6{
    margin:0!important;padding:0!important;
        }
        .ticketView{
    /*background: pink;*/
    border:1px solid green;
            display: inline-block;
            padding:40px 60px 40px 20px;
            margin-top:10px;
        }
        body{
    min-width:1500px;
            margin:0;
        }
        .iframe_box{
            padding:0!important;
        }
    </style>
</head>
<body>
<div class="con" style="padding: 20px;">
    <div id="top">
        <div>
            <div class="print_btn" onclick="ticketPrint()">打印</div>
        </div>
        <div>预览效果如下</div>
    </div>
    <div id="bottom" class="bottom">
        <div class="ticketView">
            <div class="content" style="width:1330px;background: white;">
                <div class="c1"></div>
                <div class="c2"></div>
                <div class="c3"></div>
                <div class="c4"></div>
            </div>
        </div>
    </div>
</div>

</body>
</html>