UNPKG

motorvehicles

Version:

机动车发票展示、motorvehiclesinvoice、vue发票模板

55 lines (40 loc) 1.88 kB
## 发票组件 - 问题反馈:wx: zkhh6666,请备注好来意 ## Install-下载 ```javascript npm install motorvehicles --save ``` ```javascript warrning:我们推荐您设置key的,因为不存在它会带来数据的复用性问题 ``` ## usage-使用说明 ```javascript import MotorVehiclesIvoice from 'motorvehicles' import 'MotorVehiclesIvoice/motorvehicles.css' //可以通过class名来覆盖其中属性 components: { MotorVehiclesIvoice} <MotorVehiclesIvoice /> //机动车发票组件 ``` ## 配置项 ### 参数配置 |参数名称 |说明 |取值 |默认值 | |:---: |:---: |:---: |:---: | |targetLocation |主表字段的位置先占位| preinstallLocation = [ { index: 0, key: '开票日期', name: 'kaipiaoriqi',disabled: false,type: 'input',},...] | - | |targetContent |主表对应位置的内容 | kaipiaoriqi: '2023-02-27',fapiaodaima: '0000000000001',fapiaohaoma: '00000001', jidadaima: '机打代码',jidahaoma: '1000000', | -| targetLocation 支持多个参数: disabled: 禁用 validateFields: 校验方法 required:是否必填 ![motorvehicles](https://img-blog.csdnimg.cn/d91289ff903b4958aa2721f466078aab.png) ### 事件配置 |事件名称 |说明 |传参 |是否必须 | |:---: |:---: |:---: |:---: | |validateFields| 触发校验模式,需要在targetLocation配置,允许正则和自定义函数 |-|-| |getFieldsValue| 获取发票里的内容 |-|-| <!-- 注意 --> <!-- 为了 解决合计和金额、税额对齐的问题,使用了特殊的字段,table是不知道会渲染多少项的,所以思考了使用定量的方式 --> ```javascript ``` ![motorvehicles](https://img-blog.csdnimg.cn/d91289ff903b4958aa2721f466078aab.png) ## 版本记录 #### v0.0.1 2023-03-25 - 插件发布