xintian/application/admin/view/cost/cost_bill_print/index_p.html

<style type="text/css" media=print>
    .noprint{display : none}
    body{height: auto}
    html, body{
        height: auto!important;
        min-height: auto!important;
    }
    table tr td{padding: 3px !important; background-color: #FD482C  !important;font-size: 10px;}
</style>

<!--startprint-->

<div class="widget-body no-padding" style="border: 1px; ">

    <div class="toolbar" style=" font-size: 15px;text-align: center">
       收费凭证

    </div>
    <div id="toolbar" class="toolbar" style=" font-size: 10px;">
        缴费日期:{$row.pay_date}
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        业主：{$row.hu.usesr_name}
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        房产:{$row.village.name}{$row.dong.name}{$row.danyuan.name}
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        应缴金额：{$row.true_price}元
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        <span style="float: right">凭证编号：{$row.order_number}</span>

    </div>
    <table id="table" class=" table-striped table-bordered table-hover table-nowrap" width="100%" >
                <tr>
                    <td>序号</td>
                    <td>项目</td>
                    <td>交费周期</td>
                    <td>数量</td>
                    <td>单位</td>
                    <td>单价</td>
                    <td>金额</td>
                    <td>折扣</td>
                    <td>实收</td>
                </tr>
                {foreach $get as $k=>$vo}
                    <tr>
                        <td>{$k+1}</td>
                        <td>
                            {if $vo.item_id eq '1'}
                                水费
                            {elseif $vo.item_id eq '2'}
                                电费
                            {elseif $vo.item_id eq '999999999'}
                                车位服务费
                            {else}
                                {if $vo.item.item eq '1'}
                                    物业费
                                {else}
                                    垃圾处理费
                                {/if}
                            {/if}
                         </td>
                        <td>{$vo.start_time_text}~{$vo.end_time_text}</td>
                        <td>

                            {if $vo.item_id neq '1' && $vo.item_id neq '2' && $vo.item_id neq '999999999' }
                                {$vo.hu.big_area}
                            {else}
                                {$vo.yongliang}
                            {/if}
                        </td>
                        <td>
                            {if $vo.item_id neq '1' && $vo.item_id neq '2' && $vo.item_id neq '999999999' }
                                {if $vo.item.method eq 1}
                                    元/每平方/月
                                {else}
                                    元/每户/月
                                {/if}
                            {else}
                            {$vo.danwei}
                            {/if}

                        </td>
                        <td>{if $vo.item_id neq '1' && $vo.item_id neq '2' && $vo.item_id neq '999999999' }
                                {$vo.item.price}
                            {else}
                                {$vo.danjia}
                            {/if}
                           </td>
                        <td>{$vo.price}</td>
                        <td>{$vo.zhekou}</td>
                        <td>{$vo.true_price}</td>
                    </tr>

                {/foreach}
        <tr >
            <td colspan="9">

                <div style="width: 100px;margin-left: 250px;">
                    实际账单期：
                </div>
            </td>
        </tr>
                <tr >
                    <td colspan="9">
                        <div style=" float:left;margin-left: 20px">
                        合计（大写）：{$row.true_price_zhongwen}
                        </div>
                        <div style="float: right; margin-right: 20px">
                        ￥{$row.true_price}元 &nbsp;&nbsp;&nbsp;&nbsp;{$row.pay_type}
                        </div>
                    </td>
                </tr>

    </table>

    <div  class="toolbar" style=" font-size: 10px;float: right">
        打印时间：{$row.time}

    </div>
</div>


<!--endprint-->


<p class="noprint">
    <!--<input id="btnPrint" type="button" value="打印"onclick="javascript:window.print();" />-->
    <input id="btnPrint" type="button" value="打印预览" onclick="preview(1)"/>
</p>
<script>
    window.onload=function()//用window的onload事件，窗体加载完毕的时候
    {
        var oFrame = document.getElementById("layui-layer-iframe1");
        oFrame.height = '200px';

    }

    function preview(oper)
    {
        if (oper <10)
        {
            bdhtml=window.document.body.innerHTML;
            sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符
            eprnstr="<!--endprint-->"; //结束打印标识字符串
            prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
            alert(prnhtml);
            window.document.body.innerHTML=prnhtml; //把需要打印的指定内容赋给body.innerHTML
            console.log(prnhtml);
            window.print(); //调用浏览器的打印功能打印指定区域
            window.document.body.innerHTML=bdhtml; // 最后还原页面

            // bdhtml=window.document.body.innerHTML;//获取当前页的html代码
            //
            // sprnstr="<!–-startprint"+oper+"-–>";//设置打印開始区域
            // eprnstr="<!–-endprint"+oper+"-–>";//设置打印结束区域
            // prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr));//从開始代码向后取html
            // alert(prnhtml) ;
            // prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
            // window.document.body.innerHTML=prnhtml;
            // window.print();
            // window.document.body.innerHTML=bdhtml;
        } else {
            window.print();
        }
    }
</script>