react component tax and bill styles
- 增值税专用发票
- 增值税专用电子发票
- 增值税普通发票
- 增值税电子普通发票
- 机动车销售统一发票
- 增值税普通发票(卷票)
- 国税通用机打发票
- 增值税电子普通发票(通行费)
- 海关进口增值税专用缴费书
- 无票收入
- 二手车销售统一发票
- 增值税电子普通发票(旅客运输)
- 增值税电子普通发票农产品
cnpm install --save cr-tax
# or
npm install --save cr-tax
import React, { PureComponent } from 'react';
import Tax from 'cr-tax';
import 'cr-tax/assets/index.css';
const taxHeader = {
number: '2897454',
code: '4646456',
date: '20190911',
}
const taxPurchase = {
name: '南京智慧科技有限公司',
taxNumber: '142704654502922440',
addressPhone: '南京南路 123456',
bank: '',
}
const taxSales = {
totalB: '贰仟零壹拾叁元柒角陆分',
totalS: '¥2,013.76',
name: '衡水华业工业有限公司',
taxNumber: '789754654444464',
addressPhone: '运城市运万路幸福庄0350-7878505',
bank: '农行运城北城支行56600104454502242',
remark: '',
}
const taxDataList = [{
name: '*钢件*电池阴极金具',
type: 'ER602EGK6001',
unit: '个',
number: '3,000.00',
price: '3,000.00',
sum: '3,000.00',
rate: 0.16,
tax: '435435.16',
}]
class AppB extends PureComponent {
render () {
return (
<Tax
mode={'ZZSZYFP'}
taxHeader={taxHeader}
taxPurchase={taxPurchase}
ticketType={1}
taxDataList={taxDataList}
taxSales={taxSales}
/>
)
}
}
name | type | description |
---|---|---|
mode | string | ZZSZYFP |
taxHeader | object | 发票头部信息 { code: 发票代码; number: 发票号码; date: 开票日期; identiDate: 认证日期; } |
taxPurchase | object | 购货单位信息 { name: *名称; taxNumber: 纳税人识别号; addressPhone: 地址、电话; bank: 开户行及账户 } |
taxDataList | array[object] | 货物数据列表 [{ name: *货物或应税劳务名称; type: 规格型号; unit: 单位; number: 数量; price: 单价; sum: *金额; rate: *税率; tax: 税额 }] |
taxSales | object | 销货单位及价税合计信息 { totalB: 价税合计(大写); totalS: (小写); name: *名称; taxNumber: 纳税人识别号; addressPhone: 地址、电话; bank: 开户行及账户; remark: 备注 } |
ticketType | number | 开票类型 1: 代开发票; 2: 自开发票 |
direction | string(oneof ['in', 'out']) | in: 进项发票; out: 销项发票 |
name | type | description |
---|---|---|
mode | string | ZZSDZPTFP |
taxHeader | object | 发票头部信息 { code: 发票代码; number: 发票号码; date: 开票日期; identiDate: 认证日期; } |
taxPurchase | object | 购货单位信息 { name: *名称; taxNumber: 纳税人识别号; addressPhone: 地址、电话; bank: 开户行及账户 } |
taxDataList | array[object] | 货物数据列表 [{ name: *项目名称; carNumber: 车牌号; type: 类型; dateStart: 通行日期起; dateEnd: 通行日期止; sum: *金额; rate: *税率; tax: 税额 }] |
taxSales | object | 销货单位及价税合计信息 { totalB: 价税合计(大写); totalS: (小写); name: *名称; taxNumber: 纳税人识别号; addressPhone: 地址、电话; bank: 开户行及账户; remark: 备注 } |
ticketType | number | 开票类型 1: 代开发票; 2: 自开发票 |
direction | string(oneof ['in', 'out']) | in: 进项发票; out: 销项发票 |
name | type | description |
---|---|---|
mode | string | JDCXSTYFP |
prefixCls | string | cr-tax-c |
taxHeader | object | 发票头部信息 { code: 发票代码; number: 发票号码; date: 开票日期 } |
mainData | object | 发票主体信息 { machineCode: 机打代码; machineNumber: 机打号码; encipher: 机器编码; purchase: *购买方名称及身份证号码/组织机构代码; purchaseTaxNumber: 纳税人识别号(购买方); carType: 车辆类型; factory: 厂牌型号; origin: *产地; certificate: 合格证号; importNumber: 进口证明书号; inspectionNumber: 商检单号; engineNumber: 发动机号码; carNumber: 车牌识别号/车架号码; totalB: 价税合计(大写); totalS: *小写; sales: *销货单位名称; phone: 电话; salesTaxNumber: 纳税人识别号(销货方); account: 账号; address: 地址; bank: 开户银行; rate: *增值税税率或征收率; tax: *增值税税额; chargeTaxCode: 主管税务机关及代码; notTaxCount: *不含税价; taxCertificate: 完税凭证号码; weight: 吨位; maxNumber: 限乘人数 } |
cnpm install
npm start
http://localhost:8018/examples/testOne.html
npm test
npm run coverage
cr-tax is released under the MIT license.