# billeditor

> 基于 Vue 发票编辑组件

Latest version **0.1.2** (published 2021-01-28) · 0 weekly downloads

## Install

```sh
npm install billeditor
pnpm add billeditor
yarn add billeditor
bun add billeditor
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2021-01-28 |
| First published | 2021-01-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 494.6 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | peterli001 |
| Keywords | billEditor |

## Links

- npm: https://www.npmjs.com/package/billeditor
- npm.io page: https://npm.io/package/billeditor

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0
- [@babel/plugin-transform-modules-umd](https://npm.io/package/@babel/plugin-transform-modules-umd.md) ^7.12.1

## Alternatives

- [ext-list](https://npm.io/package/ext-list.md) — 6.3M weekly downloads
- [@lexical/selection](https://npm.io/package/@lexical/selection.md) — 3.8M weekly downloads
- [@lexical/text](https://npm.io/package/@lexical/text.md) — 3.6M weekly downloads
- [@lexical/clipboard](https://npm.io/package/@lexical/clipboard.md) — 3.0M weekly downloads
- [@tiptap/extension-mention](https://npm.io/package/@tiptap/extension-mention.md) — 3.0M weekly downloads

## Recent versions

- 0.1.2 (latest) — 2021-01-28
- 0.1.1 — 2021-01-27
- 0.1.0 — 2021-01-20

## README

# 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     |  自定义交互区   |
```html
  <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](https://cli.vuejs.org/config/).

---
_Source: https://npm.io/package/billeditor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._