You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.9 KiB
71 lines
1.9 KiB
12 months ago
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<view class="btn-wrap">
|
||
|
|
<kk-printer ref="kkprinter" :bufferData="bufferData" @onPrint="onPrint"></kk-printer>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import util from '@/components/kk-printer/utils/util.js';
|
||
|
|
import * as blesdk from '@/components/kk-printer/utils/bluetoolth.js';
|
||
|
|
import kkPrinter from '@/components/kk-printer/index.vue';
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
bufferData:''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components:{
|
||
|
|
kkPrinter
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onPrint(opt){
|
||
|
|
let arr = ['2','3']
|
||
|
|
let y = 450
|
||
|
|
let strCmd =blesdk.CreatCPCLPage(400,y*arr.length,1,0);
|
||
|
|
arr.forEach((item,index)=>{
|
||
|
|
strCmd += blesdk.addCPCLLine(0,210 + (y*index),400,210+ (y*index),3);
|
||
|
|
strCmd += blesdk.addCPCLText(10,0 + (y*index),'4','3',0,'8.14');
|
||
|
|
strCmd += blesdk.addCPCLBarCode(270,0 + (y*index),'128',80,0,1,1,'00051');
|
||
|
|
strCmd += blesdk.addCPCLText(290,80 + (y*index),'7','2',0,'00051');
|
||
|
|
strCmd += blesdk.addCPCLText(40,110 + (y*index),'3','0',0,'CHICKEN FEET (BONELESS)');
|
||
|
|
// strCmd += blesdk.addCPCLSETMAG(2,2);
|
||
|
|
strCmd += blesdk.addCPCLText(40,150 + (y*index),'55','0',0,'无骨鸡爪 一盒（约1.5磅）');
|
||
|
|
// strCmd += blesdk.addCPCLSETMAG(0,0);
|
||
|
|
strCmd += blesdk.addCPCLText(0,180 + (y*index),'7','2',0,'2019-08-12');
|
||
|
|
strCmd += blesdk.addCPCLLocation(2);//循环里之后的所有的都居中了
|
||
|
|
strCmd += blesdk.addCPCLQRCode(0,220 + (y*index),'M', 2, 6, 'qr code test');
|
||
|
|
})
|
||
|
|
console.log(strCmd)
|
||
|
|
strCmd += blesdk.addCPCLPrint();
|
||
|
|
this.bufferData = strCmd;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.content {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.btn-wrap{
|
||
|
|
width:180upx;
|
||
|
|
height: 100upx;
|
||
|
|
border-radius: 16upx;
|
||
|
|
border: 2upx solid #333333;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
</style>
|