打印 条码 CodeSoft JsBarCode

项目中关于打印的有两种:标签条码打印,流程卡打印

标签打印(主要条码)

CodeSoft打印条码软件
使用软件需要先配置项目环境
修改WpfCodeSoftPrint.exe.config文件
在这里插入图片描述

流程卡打印(A4纸整页)

电脑连接打印机
页面的排布布局自己用html,css写死(和正常画页面一样)
注意:打印的时候在电脑屏幕上样式显示正常,但打印出来样式有问题。所以一定要选择打印看一下样式。
在这里插入图片描述
页面中条码使用的是JsBarCode插件

主要代码

 <img id="imgcode" />      

  <script>  
 import JsBarcode from 'jsbarcode'  
 
 export default {
	 methods:{
		 createJsBarcode (key) {
		     const code = this.runcardData.lotNo
		      if (!code) {
		        console.error(`[assy warn] createJsBarcode key:${key} has no matched value`)
		        return
		      }
		   	  JsBarcode("#imgcode", "code", {
				  format: "CODE39",//选择要使用的条形码类型
				  width:3,//设置条之间的宽度
				  height:100,//高度
				  displayValue:true,//是否在条形码下方显示文字
				  text:"456",//覆盖显示的文本
				  fontOptions:"bold italic",//使文字加粗体或变斜体
				  font:"fantasy",//设置文本的字体
				  textAlign:"left",//设置文本的水平对齐方式
				  textPosition:"top",//设置文本的垂直位置
				  textMargin:5,//设置条形码和文本之间的间距
				  fontSize:15,//设置文本的大小
				  background:"#eee",//设置条形码的背景
				  lineColor:"#2196f3",//设置条和文本的颜色。
				  margin:15//设置条形码周围的空白边距
			  });
		    }
		 }
 }

  
  </script> 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值