billeditor v0.1.2
billeditor
Project setup
npm install billEditor --save how to use the component
// main.js
import billEditor from 'billEditor';
Vue.use(billEditor);slot
| name | 说明 |
|---|---|
| active-container | 自定义交互区 |
<basic-invoice :invoiceData="invoiceNormalData" @invoiceDataChange="invoiceDataChange">
<div slot="active-container" class="active-container">
<button @click="submit">提交</button>
</div>
</basic-invoice>props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| invoiceData | 发票明细字段 | Object | - | {} |
invoiceData - 机动车
当传入数据的invoiceTypeCode为'03'时，票面为机动车销售发票
| 参数 | 说明 | 类型 |
|---------- |-------- |---------- |
| invoiceTypeCode | 发票类型 | String |
| invoiceCode | 发票代码 | String/Number |
| invoiceNo | 发票号码 | String/Number |
| invoiceDate | 开票日期 | String |
| machineCode | 机器编号 | String |
| buyerName | 购方名称 | String |
| buyerTaxNo | 购方税号 | String |
| cardid | 身份证号 | String |
| cartype | 车辆类型 | String |
| makeModel | 厂牌型号 | String |
| makeAddress | 产地 | String |
| certificationNo | 合格证号 | String |
| importBookNo | 进口证明书号 | String |
| inspectionNo | 商检单号 | String |
| engineNo | 发动机号码 | String |
| frameNo | 车辆识别代号/车架号码 | String |
| sellerName | 销货名称 | String |
| phoneNo | 电话 | String |
| sellerTaxNo | 销方税号 | String |
| account | 账号 | String |
| address | 地址 | String |
| bank | 开户银行 | String |
| competentTaxName | 主管税务机关 | String |
| competentTaxCode | 税务机关代码 | String |
| goodsTaxRate | 税率 | String |
| invoiceTotalTax | 税额 | String |
| invoiceTotalPrice | 不含税金额 | String |
| invoiceTotalPriceTax | 价税合计小写 | String |
| invoiceTotalPriceTaxCn | 价税合计大写 | String |
| taxReceiptNo | 完税凭证号码 | String |
| tonnage | 吨位 | String |
| maxCapacity | 限乘人数 | String |
| checkCode | 校验码 | String |
| receivingClerk | 收货员 | String |
invoiceData - 专/普/电/通行费/卷
专票
当传入数据的invoiceTypeCode为'01'时，票面为专票
普票
当传入数据的invoiceTypeCode为'04'时，票面为普票
电票
当传入数据的invoiceTypeCode为'10'时，票面为电票
卷票
当传入数据的invoiceTypeCode为'11'时，票面为卷票
通行费电子发票
当传入数据的invoiceTypeCode为'14'时，票面为通行费电子发票
| 参数 | 说明 | 类型 |
|---------- |-------- |---------- |
| invoiceTypeCode | 发票类型 | String |
| invoiceCode | 发票代码 | String/Number |
| invoiceNo | 发票号码 | String/Number |
| invoiceDate | 开票日期 | String |
| machineCode | 机器编号 | String |
| buyerName | 购方名称 | String |
| buyerTaxNo | 购方税号 | String |
| buyerAddressPhone | 购方地址、电话 | String |
| buyerBankAccount | 购方开户行及账号 | String |
| sellerName | 销货名称 | String |
| sellerTaxNo | 销方税号 | String |
| sellerAddressPhone | 销方地址、电话 | String |
| sellerBankAccount | 销方开户行及账号 | String |
| remarks | 备注 | String |
| createDate | 填开日期 | String |
| detailList | 明细列表 | Array |
detailList - 明细列表
| 参数 | 说明 | 类型 |
|---|---|---|
| goodsName | 货物或应税劳务、服务名称 | String |
| goodsSpecification | 规格型号 | String |
| goodsUnit | 单位 | String |
| goodsQuantity | 数量 | String |
| goodsPrice | 单价 | String |
| goodsTotalPrice | 金额 | String |
| goodsTaxRate | 税率 | String |
| goodsTotalTax | 税额 | String |
| LicensePlateNum | 车牌号通行费 | String |
| Type | 类型通行费 | String |
| CurrentDateStart | 通行日期起通行费 | String |
| CurrentDateEnd | 通行日期止通行费 | String |
methos
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| invoiceDataChange | 发票明细字段 | Object | - | invoiceData |