Hiprint打印组件 jb-hiprint
jb-hiprint是基于hiprint库和后端打印模版功能封装的打印组件，支持传入打印模版编号和数据，即可完成渲染、打印、导出pdf等功能。
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| templateSn | string | 要进行渲染的模板编号，该模版编号来自打印设计器功能 | |
| data | object | 模版渲染使用的json数据，该属性和dataUrl只能选择一个使用 | |
| dataUrl | string | 模版渲染使用的数据来源接口地址，该属性和data只能选择一个使用 |
Expose
该组件实例对外暴露了以下方法：
| 方法定义 | 说明 |
|---|---|
| print(clientPrint = false) | 对渲染结果进行打印，参数clientPrint表示是否使用hiprint客户端（需要单独安装）进行打印，true代表使用,false代表使用浏览器打印功能 |
| toPdf(name = '文件') | 将渲染结果导出为pdf文件，参数name表示要导出的pdf文件名 |
示例
vue
<template>
<div class="mb-16px">
<jb-btn @click="print"> Web打印 </jb-btn>
<jb-btn class="ml-8px mr-8px" @click="print(true)">
HiprintClient打印
</jb-btn>
<jb-btn @click="toPdf"> 导出PDF </jb-btn>
</div>
<jb-hiprint
ref="jbPrintRef"
template-sn="test"
data-url="api/admin/hiprint/tpl/testJsonData"
></jb-hiprint>
</template>
<script setup>
const jbPrintRef = ref()
function toPdf() {
jbPrintRef.value.toPdf()
}
function print(printWithoutPreview = false) {
jbPrintRef.value.print(printWithoutPreview)
}
</script><template>
<div class="mb-16px">
<jb-btn @click="print"> Web打印 </jb-btn>
<jb-btn class="ml-8px mr-8px" @click="print(true)">
HiprintClient打印
</jb-btn>
<jb-btn @click="toPdf"> 导出PDF </jb-btn>
</div>
<jb-hiprint
ref="jbPrintRef"
template-sn="test"
data-url="api/admin/hiprint/tpl/testJsonData"
></jb-hiprint>
</template>
<script setup>
const jbPrintRef = ref()
function toPdf() {
jbPrintRef.value.toPdf()
}
function print(printWithoutPreview = false) {
jbPrintRef.value.print(printWithoutPreview)
}
</script>