自学内容网 自学内容网

c-lodop 打印面单 内容串页

场景:使用c-lodop程序调取打印机连续打印多张快递单时,上页内容,打到了下一页了
在这里插入图片描述
问题原因:
由于是将所有面单内容放到了一个页面,c-lodop 在打印时,发现一页放不下,会自动分割成多页

页面元素
<div class="kuaidi">
{{#each data}}
<div class='kuaidi_img'>
<img data-id="{{id}}" src="{{face_sheet_url}}" onerror="danjuImgError(this)">
</div>
{{/each}}
</div>

//读取打印区域内容
        $('.print-content').each(function() {
            LODOP.ADD_PRINT_HTM(top, left, 'RightMargin:' + left, 'BottomMargin:' + top, style + $(this).html());
            LODOP.NewPageA();
        });

解决:
将内容按照每张图片一页,手动指定分页

//读取打印区域内容
        $('.print-content .kuaidi_img').each(function() {
            LODOP.ADD_PRINT_HTM(top, left, 'RightMargin:' + left, 'BottomMargin:' + top, style + $(this).html());
            LODOP.NewPageA();
        });

扩展:

  1. 官网下载
    http://www.lodop.net/download.html
  2. 点击打印没有反应,或预览页面空白,关闭程序,在打开

原文地址:https://blog.csdn.net/qq_36957701/article/details/139066336

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!