1.0.17 • Published 2 years ago
kts-invoice-plate v1.0.17
发票板式
github
http://gitlab.kingxunlian.com/front-end/component/kts-invoice-plate.git
InvoicePlate
发票板式组件
import { InvoicePlate} from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
invoiceData | 是 | 发票信息数据 | InvoiceDataProps | ||
invoiceDataColumns | 是 | 发票主信息描述,具体项见下表 | InvoiceDataColumnProps[] | ||
goodsOption | 否 | 商品行头部功能标签 | Node[] | ||
buyerData | 是 | 购方信息,具体项见下表 | BuyerDataType | ||
buyerTitle | 否 | 购方信息title 自定义,具体项见下表 | BuyerTitleType | ||
sellerData | 是 | 销方信息,具体项见下表 | SellerDataType | ||
sellerTitle | 否 | 销方信息title 自定义,具体项见下表 | SellerTitleType | ||
goodsColumns | 是 | 商品表格列的配置描述,具体项见下表 | ColumnProps[] | ||
goodsData | 是 | 商品行数据 | any[] | ||
totalNum | 是 | 合计数据 小写 | TotalProps[] | ||
totalNumText | 是 | 合计数据 大写 | TotalProps[] | ||
personData | 是 | 操作人信息 | PersonDataProps | ||
otherElement | 否 | 组件扩展 | Node | ||
isVirtualized | 否 | 是否启用virtualized模式 | boolean | false |
InvoiceDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 发票类型 | |||
其他数据 |
InvoiceDataColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应InvoiceDataProps的key | string | ||
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-start | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
示例
const invoiceData = {
typeText: '增值税电子专用发票',
invoiceCode: '1111111',
invoiceNum: '111111',
invoiceDate: '22222',
checkCode: '3333',
deviceNum: '11111'
};
const invoiceDataColumns = [
{
title: '发票代码:',
dataIndex: 'invoiceCode',
render: (text) => {
return text;
}
},
{
title: '发票号码:',
dataIndex: 'invoiceNum',
render: (text) => {
return text;
}
},
{
title: '开票日期:',
dataIndex: 'invoiceDate',
render: (text) => {
return text;
}
},
{
title: '校验码:',
dataIndex: 'checkCode',
render: (text) => {
return text;
}
},
{
title: '机器编号:',
dataIndex: 'deviceNum',
render: (text) => {
return text;
}
},
];
BuyerDataType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
name | 否 | 购方名称 | Node | ||
taxNumber | 否 | 购方税号 | Node | ||
addressAndPhone | 否 | 购方地址及电话 | Node | ||
bankAddressAndNumber | 否 | 开户行地址及账号 | Node | ||
password | 否 | 密码区 | Node |
BuyerTitleType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
nameTitle | 否 | 购方名称 | Node | ||
taxNumberTitle | 否 | 购方税号 | Node | ||
addressAndPhoneTitle | 否 | 购方地址及电话 | Node | ||
bankAddressAndNumberTitle | 否 | 开户行地址及账号 | Node | ||
passwordTitle | 否 | 密码区 | Node |
SellerDataType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
name | 否 | 销方名称 | Node | ||
taxNumber | 否 | 销方税号 | Node | ||
addressAndPhone | 否 | 销方地址及电话 | Node | ||
bankAddressAndNumber | 否 | 开户行地址及账号 | Node | ||
remarks | 否 | 备注 | Node |
SellerTitleType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
nameTitle | 否 | 销方名称 | Node | ||
taxNumberTitle | 否 | 销方税号 | Node | ||
addressAndPhoneTitle | 否 | 销方地址及电话 | Node | ||
bankAddressAndNumberTitle | 否 | 开户行地址及账号 | Node | ||
remarksTitle | 否 | 备注 | Node |
ColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 列头文字 | Node | ||
dataIndex | 是 | 对应goodsData的key | string | ||
width | 否 | 列宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} |
TotalProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 当前显示元素的值 | Node | ||
width | 否 | 宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数 | Function() {} |
示例
const totalNum = [
{
title: '',
width: 45
},
{
title: '合计',
width: 386,
alignText: 'left' as ('center' | 'left' | 'right'),
},
{
title: '',
width: 426
},
{
title: '2990.00',
alignText: 'right' as ('center' | 'left' | 'right'),
width: 119
},
{
title: '',
width: 69
},
{
title: '100.00',
alignText: 'right' as ('center' | 'left' | 'right'),
}
];
PersonDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
payee | 否 | 收款人 | Node | ||
reviewer | 否 | 复核人 | Node | ||
drawer | 否 | 开票人 | Node |
PaymentPlate
海关缴款书板式组件
import { PaymentPlate } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
paymentData | 是 | 缴款书信息数据 | PaymentDataProps | ||
invoiceDataColumns | 是 | 缴款书主信息描述,具体项见下表 | PaymentDataColumnsProps[] | ||
paymentCompanyData | 是 | 交款、收款单位信息 | paymentCompanyData | ||
goodsColumns | 是 | 商品表格列的配置描述,具体项见下表 | ColumnProps[] | ||
goodsData | 是 | 商品行数据 | any[] | ||
detailsData | 是 | 操作人信息 | detailsData | ||
otherElement | 否 | 组件扩展 | Node | ||
isVirtualized | 否 | 是否启用virtualized模式 | boolean | false |
PaymentDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 缴款书类型 | |||
其他数据 |
PaymentDataColumnsProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应PaymentDataProps的key | string | ||
isShowTitle | 否 | 是否显示title | string | boolean | |
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-start | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
示例
const paymentData = {
typeText: '海关进口增值税 专用缴款书',
code: '1111111',
num: '111111',
date: '22222',
name: '东渡'
};
const paymentDataColumns = [
{
title: '进口口岸代码:',
dataIndex: 'code',
render: (text) => {
return text;
}
},
{
title: '填发日期:',
dataIndex: 'date',
render: (text) => {
return text;
}
},
{
title: '填发日期:',
dataIndex: 'num',
render: (text) => {
return text;
}
},
{
title: '海关名称',
isShowTitle: false,
dataIndex: 'name',
render: (text) => {
return (
<div
style={{
fontSize: '20px',
fontWeight: 500,
color: '#000000'
}}
>
{text}
</div>
);
}
},
];
paymentCompanyData
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
incomeCompany | 否 | 收入机关 | Node | ||
subject | 否 | 科目 | Node | ||
subbudget | 否 | 预算次级 | Node | ||
collectionBank | 否 | 收款国库 | Node | ||
paymentName | 否 | 交款单位名称 | Node | ||
paymentNumber | 否 | 交款账号 | Node | ||
paymentBanck | 否 | 交款开户银行 | Node |
ColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 列头文字 | Node | ||
dataIndex | 是 | 对应goodsData的key | string | ||
width | 否 | 列宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} |
detailsData
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
totalAmountText | 否 | 金额人民币(大写) | Node | ||
totalAmount | 否 | 合计(¥) | Node | ||
applyNumber | 否 | 申请单位编号 | Node | ||
customsNumber | 否 | 报关单编号 | Node | ||
fillCompany | 否 | 填制单位 | Node | ||
collectionBank | 否 | 收款国库(银行) | Node | ||
contractNumber | 否 | 合同(批文)号 | Node | ||
transportNumber | 否 | 运输工具(号) | Node | ||
paymentPeriod | 否 | 缴款期限 | Node | ||
goodsNumber | 否 | 提/装货单号 | Node | ||
remark | 否 | 备注 | Node |
InvoiceDetailedTable
清单列表组件
import { InvoiceDetailedTable, InvoiceDetailedTableVirtualized } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
isStripe | 否 | 1 显示斑马纹 奇数为重颜色 0:显示斑马纹 奇数为轻颜色 | number | ||
columns | 是 | 商品表格列的配置描述,具体项见下表 | columns[] | ||
dataSource | 是 | 商品行数据 | any[] | ||
footerDataSource | 是 | 商品行底部数据 | any[] | ||
height | 否 | 使用Virtualized组件时,列表外层盒子的高度 | number | 300 |
columns
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 列头文字 | Node | ||
dataIndex | 是 | 对应dataSource的key | Node | ||
width | 否 | 列宽度 | Node | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} |
VehicleInvoicePlate
机动车板式组件
import { VehicleInvoicePlate } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
vehiclInvoiceData | 是 | 发票信息数据 | VehicInvoiceDataProps | ||
vehiclInvoiceDataColumns | 是 | 发票信息描述,具体项见下表 | VehicInvoiceDataColumnProps[] | ||
contentData | 是 | 主信息 | VehicContentDataProps | ||
contentDataTitle | 否 | 主信息标题 | VehicContentDataTitleProps[] | ||
otherElement | 否 | 组件扩展 | Node |
VehicInvoiceDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 类型名称 | Node | ||
invoiceCode | 是 | 发票代码 | Node | ||
invoiceNum | 是 | 发票号码 | Node | ||
invoiceDate | 是 | 开票日期 | Node |
VehicInvoiceDataColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应PaymentDataProps的key | string | ||
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-start | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
VehicContentDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineCode | 否 | 机打代码 | Node | ||
machineNum | 否 | 机打号码 | Node | ||
machineNumber | 否 | 机器编号 | Node | ||
taxControlCode | 否 | 税控码 | Node | ||
buyerName | 否 | 购买方名称及身份证号码/组织机构代码 | Node | ||
buyerNs | 否 | 购方纳税人识别号 | Node | ||
vehicleType | 否 | 车辆类型 | Node | ||
certificateNum | 否 | 合格证号 | Node | ||
brandModel | 否 | 厂牌型号 | Node | ||
importCertificateNo | 否 | 进口证明书号 | Node | ||
placeOfOrigin | 否 | 产地 | Node | ||
inspectionNumber | 否 | 商检单号 | Node | ||
engineNumber | 否 | 发动机号码 | Node | ||
frameNumber | 否 | 车辆识别号/车架号码 | Node | ||
totalPriceTax | 否 | 价税合计 | Node | ||
totalPriceTaxM | 否 | 小写: | Node | ||
sellerName | 否 | 销货单位名称 | Node | ||
sellerNs | 否 | 销方纳税人识别号 | Node | ||
sellerPhone | 否 | 电话 | Node | ||
sellerNumber | 否 | 账号 | Node | ||
sellerAddress | 否 | 地址 | Node | ||
sellerBank | 否 | 开户银行 | Node | ||
tax | 否 | 增值税税率或征收率 | Node | ||
taxNumber | 否 | 增值税税额 | Node | ||
competentTaxCode | 否 | 主管税务机关及代码 | Node | ||
excludingtaxNumber | 否 | 不含税价(小写) | Node | ||
raxPaymentNumber | 否 | 完税凭证号码 | Node | ||
tonnage | 否 | 吨位 | Node | ||
limitedPerson | 否 | 限乘人数 | Node | ||
drawer | 否 | 开票人: | Node | ||
remark | 否 | 备注: | Node |
VehicContentDataTitleProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineCode | 否 | 机打代码 | Node | 机打代码 | |
machineNum | 否 | 机打号码 | Node | 机打号码 | |
machineNumber | 否 | 机器编号 | Node | 机器编号 | |
taxControlCode | 否 | 税控码 | Node | ||
buyerName | 否 | 购买方名称及身份证号码/组织机构代码 | Node | 购买方名称及身份证号码/组织机构代码 | |
buyerNs | 否 | 购方纳税人识别号 | Node | 购方纳税人识别号 | |
vehicleType | 否 | 车辆类型 | Node | 车辆类型 | |
certificateNum | 否 | 合格证号 | Node | 合格证号 | |
brandModel | 否 | 厂牌型号 | Node | 厂牌型号 | |
importCertificateNo | 否 | 进口证明书号 | Node | 进口证明书号 | |
placeOfOrigin | 否 | 产地 | Node | 产地 | |
inspectionNumber | 否 | 商检单号 | Node | 商检单号 | |
engineNumber | 否 | 发动机号码 | Node | 发动机号码 | |
frameNumber | 否 | 车辆识别号/车架号码 | Node | 车辆识别号/车架号码 | |
totalPriceTax | 否 | 价税合计 | Node | 价税合计 | |
totalPriceTaxM | 否 | 小写: | Node | 小写: | |
sellerName | 否 | 销货单位名称 | Node | 销货单位名称 | |
sellerNs | 否 | 销方纳税人识别号 | Node | 销方纳税人识别号 | |
sellerPhone | 否 | 电话 | Node | 电话 | |
sellerNumber | 否 | 账号 | Node | 账号 | |
sellerAddress | 否 | 地址 | Node | 地址 | |
sellerBank | 否 | 开户银行 | Node | 开户银行 | |
tax | 否 | 增值税税率或征收率 | Node | 增值税税率或征收率 | |
taxNumber | 否 | 增值税税额 | Node | 增值税税额 | |
competentTaxCode | 否 | 主管税务机关及代码 | Node | 主管税务机关及代码 | |
excludingtaxNumber | 否 | 不含税价(小写) | Node | 不含税价(小写) | |
raxPaymentNumber | 否 | 完税凭证号码 | Node | 完税凭证号码 | |
tonnage | 否 | 吨位 | Node | 吨位 | |
limitedPerson | 否 | 限乘人数 | Node | 限乘人数 | |
drawer | 否 | 开票人: | Node | 开票人: | |
remark | 否 | 备注: | Node | 备注: |
RollTypeInvoicePlate
卷式发票板式组件
import { RollTypeInvoicePlate } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
invoiceData | 是 | 发票信息数据 | RollInvoiceDataProps | ||
invoiceDataColumns | 是 | 发票主信息描述,具体项见下表 | RollInvoiceDataColumnsProps[] | ||
contentData | 是 | 主信息 | RollContentDataProps | ||
contentDataTitle | 否 | 主信息标题 | RollContentDataTitleProps[] | ||
goodsColumns | 是 | 商品表格列的配置描述,具体项见下表 | RollInvoiceColumnProps[] | ||
goodsData | 是 | 商品行数据 | any[] | ||
rollTotalData | 是 | 合计价格信息 | RollTotalDataProps | ||
rollTotalTitle | 否 | 合计价格信息标题 | RollTotalTitleProps[] | ||
otherElement | 否 | 组件扩展 | Node | ||
isVirtualized | 否 | 是否启用virtualized模式 | boolean | false |
RollInvoiceDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 类型名称 | Node | ||
invoiceCode | 是 | 发票代码 | Node | ||
invoiceNum | 是 | 发票号码 | Node |
RollInvoiceDataColumnsProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应PaymentDataProps的key | string | ||
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-start | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
RollContentDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineNum | 否 | 机打号码 | Node | ||
machineNumber | 否 | 机器编号 | Node | ||
buyerName | 否 | 购买方名称 | Node | ||
buyerNs | 否 | 购方纳税人识别号 | Node | ||
drawer | 否 | 开票员 | Node | ||
invoiceDate | 否 | 开票日期 | Node | ||
sellerName | 否 | 销货单位名称 | Node | ||
sellerNs | 否 | 销方纳税人识别号 | Node |
RollContentDataTitleProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineNum | 否 | 机打号码 | Node | 机打号码 | |
machineNumber | 否 | 机器编号 | Node | 机器编号 | |
buyerName | 否 | 购买方名称 | Node | 购买方名称 | |
buyerNs | 否 | 购方纳税人识别号 | Node | 购方纳税人识别号 | |
drawer | 否 | 开票员 | Node | 开票员 | |
invoiceDate | 否 | 开票日期 | Node | 开票日期 | |
sellerName | 否 | 销货单位名称 | Node | 销货单位名称 | |
sellerNs | 否 | 销方纳税人识别号 | Node | 销方纳税人识别号 |
RollInvoiceColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 列头文字 | Node | ||
dataIndex | 是 | 对应goodsData的key | string | ||
width | 否 | 列宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} |
RollTotalDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
totalNum | 否 | 合计金额(小写) | Node | ||
totalC | 否 | 合计金额(大写) | Node | ||
checkCode | 否 | 校验码 | Node |
RollTotalTitleProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
totalNum | 否 | 合计金额(小写) | Node | 合计金额(小写) | |
totalC | 否 | 合计金额(大写) | Node | 合计金额(大写) | |
checkCode | 否 | 校验码 | Node | 校验码 |
UsedCarInvoicePlate
二手车板式组件
import { UsedCarInvoicePlate } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
usedCarInvoiceData | 是 | 发票信息数据 | usedCarInvoiceDataProps | ||
usedCarInvoiceDataColumns | 是 | 发票信息描述,具体项见下表 | usedCarInvoiceDataColumnProps[] | ||
contentData | 是 | 主信息 | usedCarContentDataProps | ||
contentDataTitle | 否 | 主信息标题 | usedCarContentDataTitleProps | ||
otherElement | 否 | 组件扩展 | Node |
usedCarInvoiceDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 类型名称 | Node | ||
invoiceCode | 是 | 发票代码 | Node | ||
invoiceNum | 是 | 发票号码 | Node | ||
invoiceDate | 是 | 开票日期 | Node |
usedCarInvoiceDataColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应PaymentDataProps的key | string | ||
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-start | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
usedCarContentDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineCode | 否 | 机打代码 | Node | ||
machineNum | 否 | 机打号码 | Node | ||
machineNumber | 否 | 机器编号 | Node | ||
taxControlCode | 否 | 税控码 | Node | ||
buyerName | 否 | 购买方名称及身份证号码/组织机构代码 | Node | ||
buyerNumber | 否 | 买方单位代码/身份证号码 | Node | ||
buyerAddress | 否 | 买方单位/个人住址 | Node | ||
buyerPhone | 否 | 买方电话 | Node | ||
sellerName | 否 | 卖方单位/个人 | Node | ||
sellerNumber | 否 | 卖方单位代码/身份证号码 | Node | ||
sellerAddress | 否 | 卖方单位/个人住址 | Node | ||
sellerPhone | 否 | 卖方电话 | Node | ||
licenseTag | 否 | 车牌照号 | Node | ||
registrationNo | 否 | 登记证号 | Node | ||
vehicleType | 否 | 车辆类型 | Node | ||
vinNo | 否 | 车架号/车辆识别代码 | Node | ||
brandAndModel | 否 | 厂牌型号 | Node | ||
managementOfficeName | 否 | 转入地车辆 管理所名称 | Node | ||
totalCap | 否 | 车价合计(大写) | Node | ||
totalLet | 否 | 车价合计(小写) | Node | ||
auctionUnit | 否 | 经验、拍卖单位 | Node | ||
auctionUnitAddress | 否 | 经验、拍卖单位地址 | Node | ||
auctionUnitTaxNumber | 否 | 经验、拍卖单位税号 | Node | ||
auctionUnitPhone | 否 | 经验、拍卖单位电话 | Node | ||
usedCarMarketName | 否 | 二手车市场 | Node | ||
usedCarMarketTaxNumber | 否 | 二手车市场税号 | Node | ||
usedCarMarketAddress | 否 | 二手车市场地址 | Node | ||
usedCarMarketBankNumber | 否 | 二手车市场开户银行、账号 | Node | ||
usedCarMarketPhone | 否 | 二手车市场电话 | Node | ||
mark | 否 | 备注: | Node | ||
invoiceOffice | 否 | 开票单位 | Node | ||
toExamine | 否 | 工商部门审核 | Node | ||
drawer | 否 | 开票人 | Node |
usedCarContentDataTitleProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
machineCode | 否 | 机打代码 | Node | ||
machineNum | 否 | 机打号码 | Node | ||
machineNumber | 否 | 机器编号 | Node | ||
taxControlCode | 否 | 税控码 | Node | ||
buyerName | 否 | 购买方名称及身份证号码/组织机构代码 | Node | ||
buyerNumber | 否 | 买方单位代码/身份证号码 | Node | ||
buyerAddress | 否 | 买方单位/个人住址 | Node | ||
buyerPhone | 否 | 买方电话 | Node | ||
sellerName | 否 | 卖方单位/个人 | Node | ||
sellerNumber | 否 | 卖方单位代码/身份证号码 | Node | ||
sellerAddress | 否 | 卖方单位/个人住址 | Node | ||
sellerPhone | 否 | 卖方电话 | Node | ||
licenseTag | 否 | 车牌照号 | Node | ||
registrationNo | 否 | 登记证号 | Node | ||
vehicleType | 否 | 车辆类型 | Node | ||
vinNo | 否 | 车架号/车辆识别代码 | Node | ||
brandAndModel | 否 | 厂牌型号 | Node | ||
managementOfficeName | 否 | 转入地车辆 管理所名称 | Node | ||
totalCap | 否 | 车价合计(大写) | Node | ||
totalLet | 否 | 车价合计(小写) | Node | ||
auctionUnit | 否 | 经验、拍卖单位 | Node | ||
auctionUnitAddress | 否 | 经验、拍卖单位地址 | Node | ||
auctionUnitTaxNumber | 否 | 经验、拍卖单位税号 | Node | ||
auctionUnitPhone | 否 | 经验、拍卖单位电话 | Node | ||
usedCarMarketName | 否 | 二手车市场 | Node | ||
usedCarMarketTaxNumber | 否 | 二手车市场税号 | Node | ||
usedCarMarketAddress | 否 | 二手车市场地址 | Node | ||
usedCarMarketBankNumber | 否 | 二手车市场开户银行、账号 | Node | ||
usedCarMarketPhone | 否 | 二手车市场电话 | Node | ||
mark | 否 | 备注: | Node | ||
invoiceOffice | 否 | 开票单位 | Node | ||
toExamine | 否 | 工商部门审核 | Node | ||
drawer | 否 | 开票人 | Node |
ElectricPlate
全电发票板式组件
import { ElectricPlate } from 'kts-invoice-plate';
Prop Types
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
invoiceData | 是 | 发票信息数据 | ElectricInvoiceDataProps | ||
invoiceDataColumns | 是 | 发票主信息描述,具体项见下表 | ElectricInvoiceDataColumnProps[] | ||
goodsOption | 否 | 商品行头部功能标签 | Node[] | ||
buyerData | 是 | 购方信息,具体项见下表 | ElectricBuyerDataType | ||
buyerTitle | 否 | 购方信息title 自定义,具体项见下表 | ElectricBuyerTitleType | ||
sellerData | 是 | 销方信息,具体项见下表 | ElectricSellerDataType | ||
sellerTitle | 否 | 销方信息title 自定义,具体项见下表 | ElectricSellerTitleType | ||
goodsColumns | 是 | 商品表格列的配置描述,具体项见下表 | ElectricColumnProps[] | ||
goodsData | 是 | 商品行数据 | any[] | ||
totalNum | 是 | 合计数据 小写 | ElectricTotalProps[] | ||
totalNumText | 是 | 合计数据 大写 | ElectricTotalProps[] | ||
personData | 是 | 操作人信息 | ElectricPersonDataProps | ||
otherElement | 否 | 组件扩展 | Node | ||
isVirtualized | 否 | 是否启用virtualized模式 | boolean | false |
ElectricInvoiceDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
typeText | 是 | 发票类型 | |||
其他数据 |
ElectricInvoiceDataColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 标题 | Node | ||
dataIndex | 是 | 对应ElectricInvoiceDataProps的key | string | ||
alignText | 否 | 显示位置 | flex-start或flex-end或center | flex-end | |
render | 否 | 生成复杂数据的渲染函数,参数为当前行的值 | Function(text) {} |
示例
const invoiceData = {
typeText: '电子发票(增值税专用发票)',
invoiceNum: '11111222223333344444',
invoiceDate: '20220309'
};
const invoiceDataColumns = [
{
title: '发票号码:',
dataIndex: 'invoiceNum',
render: (text) => {
return text;
}
},
{
title: '开票日期:',
dataIndex: 'invoiceDate',
render: (text) => {
return text;
}
},
];
ElectricBuyerDataType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
name | 否 | 购方名称 | Node | ||
taxNumber | 否 | 购方税号 | Node |
ElectricBuyerTitleType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
nameTitle | 否 | 购方名称 | Node | ||
taxNumberTitle | 否 | 购方税号 | Node |
ElectricSellerDataType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
name | 否 | 销方名称 | Node | ||
taxNumber | 否 | 销方税号 | Node | ||
remarks | 否 | 备注 | Node |
ElectricSellerTitleType
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
nameTitle | 否 | 销方名称 | Node | ||
taxNumberTitle | 否 | 销方税号 | Node | ||
remarksTitle | 否 | 备注 | Node |
ElectricColumnProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 列头文字 | Node | ||
dataIndex | 是 | 对应goodsData的key | string | ||
width | 否 | 列宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引 | Function(text, record, index) {} |
ElectricTotalProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
title | 是 | 当前显示元素的值 | Node | ||
width | 否 | 宽度 | string | ||
alignText | 否 | 对齐方式 | 'left'或'right'或'center' | left | |
render | 否 | 生成复杂数据的渲染函数 | Function() {} |
示例
const totalNum = [
{
title: '',
width: 45
},
{
title: '合计',
width: 386,
alignText: 'left' as ('center' | 'left' | 'right'),
},
{
title: '',
width: 426
},
{
title: '2990.00',
alignText: 'right' as ('center' | 'left' | 'right'),
width: 119
},
{
title: '',
width: 69
},
{
title: '100.00',
alignText: 'right' as ('center' | 'left' | 'right'),
}
];
ElectricPersonDataProps
参数 | 必填 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|---|
drawer | 否 | 开票人 | Node |
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.9
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.2
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago