0.0.14 • Published 5 months ago
发票组件
Install-下载
npm install invoice-message --save
warrning:我们推荐您设置key的,因为不存在它会带来数据的复用性问题
usage-使用说明
import InvoiceMessage from 'invoice-message'
import 'invoice-message/invoiceMessage.css'
Vue.use(InvoiceMessage)
<InvoiceMessage /> //发票组件
<ListInvoiceMark /> //清单发票组件
配置项
参数配置
参数名称 | 说明 | 取值 | 默认值 |
---|
preinstallLocation | 主表字段的位置先占位 | preinstallLocation = {index: 0,key: 'erweimaCode',disable: false },... | - |
preinstallLocationData | 主表对应位置的内容 | InvoiceInformation = {erweimaCode: './invoice.png',// 机器编号virtualDevSerialnum:"123456789", ...} | - |
columns | table表头 | columns = {title: '货物或应税劳务、服务名称',width: '24%',dataIndex: 'itemName',key: 'itemName',},... | - |
InitData | table对应的数据 | InitData = {"id": 381,"invoiceUuid": "4d3c35e990b34542872171a7c563183e", },... | - |
listInvoiceMark | 清单标志 | Boolean | 默认false |
hellpChinessNum | 帮助数字自动汉化 | Boolean | 默认false |
IsQrCode | 二维码是否展示 | Boolean | 默认true | - |
key | 解决数据复用问题 | - | - |
autoCount | 计算table的amount 和taxAmount 两个值,它的权限大于主表的信息 | Boolean | 默认false |
IsScale | 是否使用启用自动缩放字体 | Boolean | 默认false |
事件配置
事件名称 | 说明 | 传参 | 是否必须 |
---|
ModalInvoiceList | 点击“详见清单”后的事件,为了兼容性和自定义样式,没有设置统一弹窗,请您引入ListInvoiceMark组件 | - | - |
1、 请您将 columns 的 金额(amount)、税率(taxScheme)、税额(taxAmount)打上固定的key,我们清单发票依赖这个key来渲染 🏀🏀🏀
-
2、二维码暂且只支持url('http://baidu.com')、base64("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAAC..." )
版本记录
v0.0.14 2023-12-08
- columns增加靠右align: 'center'
- 取消掉 ¥ 交友众位来拼接控制
v0.0.13 2023-06-20
v0.0.12 2022-12-09
- 增加自动压缩字体功能
- 修复数字换行问题
- 修复已知的其他问题
v0.0.11 2022-11-16
v0.0.7 2022-11-16
v0.0.5 2022-10-09