jili2/application/admin/view/user/work_card.html

{extend name="common/common2" /}
{block name="main"}
<style>
    /*#printer img{*/
    /*    width: 150px;*/
    /*}*/
    #printer p{
        text-align: center;
    }
    .ibox-tools{
        margin: 5px 10px;
        float: right;
    }
    .text-center{
        text-align: center;
    }

    .right{

    }
</style>
<div id="printer" class="text-center" style="
        border: 1px solid #f1f1f1;
        margin: 0 auto;
        width: auto;
        margin: 20px;
        height: auto;
        background-color: #fff;
        padding: 10px;
        /*margin-top: 20px;*/
        ">
    <h3 style="margin-bottom: 20px">{$orgName}</h3>
    <div class="left" style="width: 50%;height: 200px;display: inline-block;">
        <img src="{:url('Qrcode/qrcode')}?code={$code}" width="150px" height="150px" alt="">
    </div>
    <div class="right" style="width: 50%;
        height: 200px;
        display: inline-block;
        float: right;
        text-align: left;
        font-size: 25px;">
        <div class="name" style="margin-top: 10px">{$info.real_name}</div>
        <div class="job-number" style="margin-top: 10px">工号：{$info.id}</div>
        <div class="dep" style="margin-top: 10px">部门：{$info.dep}</div>
    </div>

</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}