lodop打印控件学习总结

最新推荐文章于 2022-11-11 16:05:28 发布

xafc

最新推荐文章于 2022-11-11 16:05:28 发布

阅读量255

点赞数

分类专栏： JavaScript 文章标签： javascript html lodop ViewUI

本文链接：https://blog.csdn.net/xafc_2370/article/details/84713378

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

打印发票使用lodop控件
下载LodopFuncs.js
下载安装lodop插件install_lodop32.exe
html代码如下：

<html>
   <head>
   <script src="LodopFuncs.js" type="text/javascript"></script>
    <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0">
        <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="install_lodop32.exe"></embed>
    </object>
	<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量 
        function myPreview() {
            CreatePrintPage();
            LODOP.PREVIEW(); //打印预览
        };

		function CreatePrintPage(){
	    LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
		LODOP.SET_PRINT_PAGESIZE(1, "2500","1500","CreateCustomPage");
		var goTop  = 0; //0
		var goLeft = -30;//-80

		LODOP.ADD_PRINT_TEXT(50 + goTop, 440+goLeft, 360, 200, "XXXX公司收款收据");
		LODOP.SET_PRINT_STYLEA(0,"FontName","黑体"); 
		LODOP.SET_PRINT_STYLEA(0,"FontSize",10);
		LODOP.ADD_PRINT_TEXT(70 + goTop, 740+goLeft, 360, 200, "第  次打印");
		LODOP.ADD_PRINT_TEXT(100 + goTop, 200+goLeft, 160, 20, "收据号：");//用户名称
		LODOP.ADD_PRINT_TEXT(100 + goTop, 260+goLeft, 160, 20, "dsfa2223");//用户名称
		LODOP.ADD_PRINT_TEXT(100 + goTop, 430+goLeft, 160, 20, "收款日期：");//号码
		LODOP.ADD_PRINT_TEXT(100 + goTop, 630+goLeft, 180, 20, "2015年4月16日");//流水号

        LODOP.ADD_PRINT_LINE(120 + goTop, 160+goLeft,120 + goTop,830+goLeft,0,1);
		LODOP.ADD_PRINT_TEXT(130 + goTop, 200+goLeft, 160, 20, "客户名称");//用户名称
		LODOP.ADD_PRINT_TEXT(130 + goTop, 280+goLeft, 160, 20, "张东");
        LODOP.ADD_PRINT_LINE(150 + goTop, 160+goLeft,150 + goTop,830+goLeft,0,1);
		//左边第二条竖线
        LODOP.ADD_PRINT_LINE(120 + goTop, 260+goLeft,350 + goTop,260+goLeft,0,1);
        LODOP.ADD_PRINT_LINE(350 + goTop, 160+goLeft,350 + goTop,830+goLeft,0,1);
		LODOP.ADD_PRINT_TEXT(130 + goTop, 660+goLeft,180,20,"号码");
		LODOP.ADD_PRINT_TEXT(130 + goTop, 720+goLeft,180,20,"111111111");
		LODOP.ADD_PRINT_LINE(380 + goTop, 160+goLeft,380 + goTop,830+goLeft,0,1);
		LODOP.ADD_PRINT_TEXT(250 + goTop, 200+goLeft, 160, 20, "收费项目");//
		LODOP.ADD_PRINT_TEXT(360 + goTop, 200+goLeft,180,20,"合计金额（大写）");
		LODOP.ADD_PRINT_TEXT(360 + goTop, 320+goLeft,180,20,"壹仟贰佰玖拾");
		LODOP.ADD_PRINT_LINE(120 + goTop, 650+goLeft,150 + goTop,650+goLeft,0,1);
		LODOP.ADD_PRINT_LINE(120 + goTop, 700+goLeft,150 + goTop,700+goLeft,0,1);
		LODOP.ADD_PRINT_LINE(350 + goTop, 650+goLeft,380 + goTop,650+goLeft,0,1);
		LODOP.ADD_PRINT_TEXT(360 + goTop, 660+goLeft,180,20,"合计：");
		LODOP.ADD_PRINT_TEXT(360 + goTop, 700+goLeft,180,20,"￥1290");
		LODOP.ADD_PRINT_TEXT(390 + goTop, 200+goLeft,180,20,"收款人：");
		LODOP.ADD_PRINT_TEXT(390 + goTop, 260+goLeft,180,20,"张三");
		LODOP.ADD_PRINT_IMAGE(240+ goTop, 700+goLeft,130,130,"<img src='print_6.png' width='105px' height='105px'/>");
		LODOP.ADD_PRINT_IMAGE(50 + goTop, 200+goLeft, 120, 120, "<img src='print_7.png' width='80px' height='40px' />");
		//左边最外一条竖线
		LODOP.ADD_PRINT_LINE(120 + goTop, 160+goLeft,380 + goTop,160+goLeft,0,1);
		//右边最外一条竖线
		LODOP.ADD_PRINT_LINE(120 + goTop, 830+goLeft,380 + goTop,830+goLeft,0,1);

		var firstHigh = 170 + goTop;
		var rowHigh2 = 18;
		var currHigh = "";
		var array = "过户费|1|6.0元|￥6.0|##".split("##");
			for ( var i = 0; i < array.length; i++) {
			var row = array[i];
			if (row != null && row != "") {
				var item = row.split("|");
				currHigh = firstHigh + i * rowHigh2;
				//账目项名称
				if (item[0] != null && item[0] != "") {
					LODOP.ADD_PRINT_TEXT(currHigh, 380+goLeft, 260, rowHigh2 - 2, item[0]); 
				}
				//金额
				if (item[3] != null && item[3] != "") {
					LODOP.ADD_PRINT_TEXT(currHigh, 650+goLeft, 70, rowHigh2 - 2, item[3]); 
				}
			}
		}

		var orgArray = "951##2015.04.16.06.35##开发区营业厅##".split("##");
		LODOP.ADD_PRINT_TEXT(currHigh+18, 680+goLeft, 70, rowHigh2 - 2, orgArray[0]);
		LODOP.ADD_PRINT_TEXT(currHigh+36, 610+goLeft, 120, rowHigh2 - 2, orgArray[1]); 
		LODOP.ADD_PRINT_TEXT(currHigh+54, 620+goLeft, 120, rowHigh2 - 2, orgArray[2]);
    };

</script>
   </head>
   <body>
	 <a href="javascript:myPreview()"><b>打印预览</b></a>
   </body>
</html>

打印预览效果：
[img]http://dl2.iteye.com/upload/attachment/0107/7459/84859fb5-01b6-329e-b192-2d18c8104219.png[/img]

xafc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
lodop打印控件学习总结

打印发票使用lodop控件下载LodopFuncs.js下载安装lodop插件install_lodop32.exehtml代码如下：[code="html"] var LODOP; //声明为全局变量 function myPreview() { ...
复制链接

扫一扫