billeditor

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

Customize configuration

See Configuration Reference.