guoyao-jiankang/application/admin/view/device/qrcode.html

{extend name="common/common2" /}
{block name="main"}
<style>
    #printer{
        margin: 0 auto;
        width: 600px;
        height: 85%;
        background-color: #fff;
        padding: 10px;
    }
    /*#printer img{*/
    /*    width: 150px;*/
    /*}*/
    #printer p{
        text-align: center;
    }
    .ibox-tools{
        margin: 5px 10px;
        float: right;
    }
    .text-center{
        text-align: center;
    }
</style>
<div id="printer" class="text-center">
    <table class="table table-bordered" style="table-layout:fixed;">
        <tr>
            <td colspan="6" style="text-align: center;font-size: 24px;font-weight: bold;">设备管理卡</td>
        </tr>
        <tr>
            <td class="text-right">设备名称</td>
            <td class="text-left" colspan="3">
                {$info['title']}
            </td>
            <td rowspan="6" colspan="2">
                <img style="width: 100%" src="{:url('Qrcode/qrcode')}?code={$code}" alt="">
            </td>
        </tr>
        <tr>
            <td class="text-right">设备编号</td>
            <td class="text-left" colspan="3">
                {$info['sn']}
            </td>
        </tr>
        <tr>
            <td class="text-right">设备型号</td>
            <td class="text-left" colspan="3">
                {$info['spec']}
            </td>
        </tr>
        <tr>
            <td class="text-right">服务区域</td>
            <td class="text-left" colspan="3">
                {$info['area']}
            </td>
        </tr>
        <tr>
            <td class="text-right">生产厂家</td>
            <td class="text-left" colspan="3">
                {$info['producer']}
            </td>
        </tr>

    </table>
</div>
<div class="text-center">
    <br>
    <a href="javascript:;" class="btn btn-sm btn-primary" onclick="print()"><i class="glyphicon glyphicon-print"> 打印</i></a>
</div>
<script src="/static/jquery-1.11.3.min.js"></script>
<script src="/static/browser.js"></script>
<script src="/static/jquery.jqprint-0.3.js"></script>
<script>
    function print(){
        $("#printer").jqprint();
    }
</script>

{/block}