快报销好了

main
白封羽 2023-01-03 15:49:34 +08:00
parent c95fb9ab79
commit d08fd60427
5 changed files with 712 additions and 21 deletions

View File

@ -69,12 +69,13 @@ export interface Reimbursement {
reimbursementInvoiceAmount: number;
reimbursementNote?: string;
/**
* 0: success
* 0:
* 1:
* 2:
* 3:
* 4:
* 5:
* 6:
*/
reimbursementStatus: number;
reimbursementSubmitDepartment: Department;

View File

@ -0,0 +1,450 @@
// To parse this data:
//
// import { Convert, ReimbursementDetailModal } from "./file";
//
// const reimbursementDetailModal = Convert.toReimbursementDetailModal(json);
//
// These functions will throw an error if the JSON doesn't
// match the expected interface, even if the JSON is valid.
export interface Invoice {
/**
*
*/
invoiceAmount?: number;
/**
*
*/
invoiceCode?: string;
/**
*
*/
invoiceDate: string;
/**
*
*/
invoiceDeparture?: null | string;
/**
*
*/
invoiceDestination?: null | string;
/**
* URI
*/
invoiceFileUri?: string;
/**
* ID
*/
invoiceId: number;
/**
*
*/
invoiceKind?: number;
/**
*
*/
invoiceName?: null | string;
/**
*
*/
invoiceNo?: string;
/**
*
*/
invoiceNote?: null | string;
/**
* -1: 0: 1: 2:
*/
invoiceState?: number;
/**
* URI
*/
invoiceThumbnailUri?: string;
/**
*
*/
invoiceUploader?: Staff;
/**
*
*/
invoiceUploadTime?: string;
/**
*
*/
modified?: boolean;
/**
*
*/
reimbursement?: ReimbursementDetailModal;
}
/**
* ApprovalProcess
*/
export interface ApprovalProcess {
/**
*
*/
approvalOpinion: string;
/**
*
*/
approvalResult: number;
/**
*
*/
approvalStaff: Staff;
approvalTime: string;
/**
*
*/
processOrder: number;
/**
*
*/
reimbursement?: ReimbursementDetailModal;
}
/**
* Reimbursement
*
*
*
*
*/
export interface ReimbursementDetailModal {
/**
*
*/
approvalProcesses?: ApprovalProcess[];
/**
*
*/
invoices: Array<Invoice>;
/**
*
*/
reimbursementAdditionalAmount: number;
/**
*
*/
reimbursementDepartureInvoice:Invoice;
/**
*
*/
reimbursementDepartureName: string;
/**
*
*/
reimbursementDestinationInvoice: null | Invoice;
/**
*
*/
reimbursementDestinationName: string;
/**
* ID
*/
reimbursementId: number;
/**
*
*/
reimbursementInvoiceAmount: number;
/**
*
*/
reimbursementNote?: null | string;
/**
* 0: success
* 1:
* 2:
* 3:
* 4:
* 5:
* 6:
*/
reimbursementStatus: number;
/**
*
*/
reimbursementSubmitDepartment: Department;
/**
*
*/
reimbursementSubmitStaff: Staff;
/**
*
*/
reimbursementSubmitTime: string;
/**
*
*/
reimbursementTripDuration: number;
}
/**
*
*
* Department
*
*
*/
export interface Department {
/**
* ID
*/
departmentId: number;
/**
*
*/
departmentManager?: Staff;
/**
*
*/
departmentName?: string;
/**
*
*/
staff?: Staff[];
}
/**
*
*
* Staff
*
*
*
*
*
*
*/
export interface Staff {
/**
*
*/
managingDepartment?: Department;
/**
*
*/
staffBase?: string;
/**
*
*/
staffDepartments?: Department[];
/**
*
*/
staffId: string;
/**
*
*/
staffName: string;
/**
*
*/
staffPassword?: string;
}
// Converts JSON strings to/from your types
// and asserts the results of JSON.parse at runtime
export class Convert {
public static toReimbursementDetailModal(json: string): ReimbursementDetailModal {
return cast(JSON.parse(json), r("ReimbursementDetailModal"));
}
public static reimbursementDetailModalToJson(value: ReimbursementDetailModal): string {
return JSON.stringify(uncast(value, r("ReimbursementDetailModal")), null, 2);
}
}
function invalidValue(typ: any, val: any, key: any = ''): never {
if (key) {
throw Error(`Invalid value for key "${key}". Expected type ${JSON.stringify(typ)} but got ${JSON.stringify(val)}`);
}
throw Error(`Invalid value ${JSON.stringify(val)} for type ${JSON.stringify(typ)}`, );
}
function jsonToJSProps(typ: any): any {
if (typ.jsonToJS === undefined) {
const map: any = {};
typ.props.forEach((p: any) => map[p.json] = { key: p.js, typ: p.typ });
typ.jsonToJS = map;
}
return typ.jsonToJS;
}
function jsToJSONProps(typ: any): any {
if (typ.jsToJSON === undefined) {
const map: any = {};
typ.props.forEach((p: any) => map[p.js] = { key: p.json, typ: p.typ });
typ.jsToJSON = map;
}
return typ.jsToJSON;
}
function transform(val: any, typ: any, getProps: any, key: any = ''): any {
function transformPrimitive(typ: string, val: any): any {
if (typeof typ === typeof val) return val;
return invalidValue(typ, val, key);
}
function transformUnion(typs: any[], val: any): any {
// val must validate against one typ in typs
const l = typs.length;
for (let i = 0; i < l; i++) {
const typ = typs[i];
try {
return transform(val, typ, getProps);
} catch (_) {}
}
return invalidValue(typs, val);
}
function transformEnum(cases: string[], val: any): any {
if (cases.indexOf(val) !== -1) return val;
return invalidValue(cases, val);
}
function transformArray(typ: any, val: any): any {
// val must be an array with no invalid elements
if (!Array.isArray(val)) return invalidValue("array", val);
return val.map(el => transform(el, typ, getProps));
}
function transformDate(val: any): any {
if (val === null) {
return null;
}
const d = new Date(val);
if (isNaN(d.valueOf())) {
return invalidValue("Date", val);
}
return d;
}
function transformObject(props: { [k: string]: any }, additional: any, val: any): any {
if (val === null || typeof val !== "object" || Array.isArray(val)) {
return invalidValue("object", val);
}
const result: any = {};
Object.getOwnPropertyNames(props).forEach(key => {
const prop = props[key];
const v = Object.prototype.hasOwnProperty.call(val, key) ? val[key] : undefined;
result[prop.key] = transform(v, prop.typ, getProps, prop.key);
});
Object.getOwnPropertyNames(val).forEach(key => {
if (!Object.prototype.hasOwnProperty.call(props, key)) {
result[key] = transform(val[key], additional, getProps, key);
}
});
return result;
}
if (typ === "any") return val;
if (typ === null) {
if (val === null) return val;
return invalidValue(typ, val);
}
if (typ === false) return invalidValue(typ, val);
while (typeof typ === "object" && typ.ref !== undefined) {
typ = typeMap[typ.ref];
}
if (Array.isArray(typ)) return transformEnum(typ, val);
if (typeof typ === "object") {
return typ.hasOwnProperty("unionMembers") ? transformUnion(typ.unionMembers, val)
: typ.hasOwnProperty("arrayItems") ? transformArray(typ.arrayItems, val)
: typ.hasOwnProperty("props") ? transformObject(getProps(typ), typ.additional, val)
: invalidValue(typ, val);
}
// Numbers can be parsed by Date but shouldn't be.
if (typ === Date && typeof val !== "number") return transformDate(val);
return transformPrimitive(typ, val);
}
function cast<T>(val: any, typ: any): T {
return transform(val, typ, jsonToJSProps);
}
function uncast<T>(val: T, typ: any): any {
return transform(val, typ, jsToJSONProps);
}
function a(typ: any) {
return { arrayItems: typ };
}
function u(...typs: any[]) {
return { unionMembers: typs };
}
function o(props: any[], additional: any) {
return { props, additional };
}
function m(additional: any) {
return { props: [], additional };
}
function r(name: string) {
return { ref: name };
}
const typeMap: any = {
"Invoice": o([
{ json: "invoiceAmount", js: "invoiceAmount", typ: u(undefined, 0) },
{ json: "invoiceCode", js: "invoiceCode", typ: u(undefined, "") },
{ json: "invoiceDate", js: "invoiceDate", typ: u(undefined, "") },
{ json: "invoiceDeparture", js: "invoiceDeparture", typ: u(undefined, u(null, "")) },
{ json: "invoiceDestination", js: "invoiceDestination", typ: u(undefined, u(null, "")) },
{ json: "invoiceFileUri", js: "invoiceFileUri", typ: u(undefined, "") },
{ json: "invoiceId", js: "invoiceId", typ: 0 },
{ json: "invoiceKind", js: "invoiceKind", typ: u(undefined, 0) },
{ json: "invoiceName", js: "invoiceName", typ: u(undefined, u(null, "")) },
{ json: "invoiceNo", js: "invoiceNo", typ: u(undefined, "") },
{ json: "invoiceNote", js: "invoiceNote", typ: u(undefined, u(null, "")) },
{ json: "invoiceState", js: "invoiceState", typ: u(undefined, 0) },
{ json: "invoiceThumbnailUri", js: "invoiceThumbnailUri", typ: u(undefined, "") },
{ json: "invoiceUploader", js: "invoiceUploader", typ: u(undefined, r("Staff")) },
{ json: "invoiceUploadTime", js: "invoiceUploadTime", typ: u(undefined, "") },
{ json: "modified", js: "modified", typ: u(undefined, true) },
{ json: "reimbursement", js: "reimbursement", typ: u(undefined, r("ReimbursementDetailModal")) },
], "any"),
"ApprovalProcess": o([
{ json: "approvalOpinion", js: "approvalOpinion", typ: "" },
{ json: "approvalResult", js: "approvalResult", typ: 0 },
{ json: "approvalStaff", js: "approvalStaff", typ: r("Staff") },
{ json: "processOrder", js: "processOrder", typ: 0 },
{ json: "reimbursement", js: "reimbursement", typ: u(undefined, r("ReimbursementDetailModal")) },
], "any"),
"ReimbursementDetailModal": o([
{ json: "approvalProcesses", js: "approvalProcesses", typ: u(undefined, a(r("ApprovalProcess"))) },
{ json: "invoices", js: "invoices", typ: u(undefined, a(u(null, r("Invoice")))) },
{ json: "reimbursementAdditionalAmount", js: "reimbursementAdditionalAmount", typ: 0 },
{ json: "reimbursementDepartureInvoice", js: "reimbursementDepartureInvoice", typ: u(null, r("Invoice")) },
{ json: "reimbursementDepartureName", js: "reimbursementDepartureName", typ: "" },
{ json: "reimbursementDestinationInvoice", js: "reimbursementDestinationInvoice", typ: u(null, r("Invoice")) },
{ json: "reimbursementDestinationName", js: "reimbursementDestinationName", typ: "" },
{ json: "reimbursementId", js: "reimbursementId", typ: 0 },
{ json: "reimbursementInvoiceAmount", js: "reimbursementInvoiceAmount", typ: 0 },
{ json: "reimbursementNote", js: "reimbursementNote", typ: u(undefined, u(null, "")) },
{ json: "reimbursementStatus", js: "reimbursementStatus", typ: 0 },
{ json: "reimbursementSubmitDepartment", js: "reimbursementSubmitDepartment", typ: r("Department") },
{ json: "reimbursementSubmitStaff", js: "reimbursementSubmitStaff", typ: r("Staff") },
{ json: "reimbursementSubmitTime", js: "reimbursementSubmitTime", typ: "" },
{ json: "reimbursementTripDuration", js: "reimbursementTripDuration", typ: 0 },
], "any"),
"Department": o([
{ json: "departmentId", js: "departmentId", typ: 0 },
{ json: "departmentManager", js: "departmentManager", typ: u(undefined, r("Staff")) },
{ json: "departmentName", js: "departmentName", typ: u(undefined, "") },
{ json: "staff", js: "staff", typ: u(undefined, a(r("Staff"))) },
], "any"),
"Staff": o([
{ json: "managingDepartment", js: "managingDepartment", typ: u(undefined, r("Department")) },
{ json: "staffBase", js: "staffBase", typ: u(undefined, "") },
{ json: "staffDepartments", js: "staffDepartments", typ: u(undefined, a(r("Department"))) },
{ json: "staffId", js: "staffId", typ: "" },
{ json: "staffName", js: "staffName", typ: "" },
{ json: "staffPassword", js: "staffPassword", typ: u(undefined, "") },
], "any"),
};

View File

@ -70,6 +70,7 @@ const statusEnum = {
3: {text: '待财务主管审批', status: 'Processing'},
4: {text: '待总经理审批', status: 'Warning'},
5: {text: '审批未通过', status: 'Error'},
6: {text: '已终止', status: 'Error'},
}
class Subpage extends React.Component<any, any> {
@ -207,12 +208,12 @@ class Subpage extends React.Component<any, any> {
}
async converter(value: Reimbursement[] | undefined | Reimbursement, pageSize: number | undefined) {
if (value === undefined) {
async converter(value: Reimbursement[] | undefined | Reimbursement | null, pageSize: number | undefined) {
if (value == undefined) {
return []
}
let result: TableListItem[] = []
if ("reimbursementAdditionalAmount" in value) {
if ("reimbursementId" in value) {
result.push({
key: 1,
id: value.reimbursementId,
@ -227,7 +228,7 @@ class Subpage extends React.Component<any, any> {
departmentId: value.reimbursementSubmitDepartment.departmentId,
submitDateTime: Date.parse(value.reimbursementSubmitTime),
detail: "查看详情",
back: value.reimbursementDestinationInvoice !== undefined,
back: value.reimbursementDestinationInvoice != undefined,
})
return result
}
@ -246,7 +247,7 @@ class Subpage extends React.Component<any, any> {
departmentId: value[i].reimbursementSubmitDepartment.departmentId,
submitDateTime: Date.parse(value[i].reimbursementSubmitTime),
detail: "查看详情",
back: value[i].reimbursementDestinationInvoice !== undefined,
back: value[i].reimbursementDestinationInvoice != undefined,
})
}
return result
@ -344,7 +345,6 @@ class Subpage extends React.Component<any, any> {
actionRef={this.tableAction}
columns={this.columns}
request={async (params, sorter, filter) => {
// 表单搜索项会从 params 传入,传递给后端接口。
console.log(params, sorter, filter);
return this.updateRequest(params.current, params.pageSize, sorter, filter)
@ -352,7 +352,7 @@ class Subpage extends React.Component<any, any> {
rowKey="key"
pagination={{
defaultPageSize: 5,
pageSizeOptions: [5, 10, 20, 50, 100],
pageSizeOptions: ['5', '20', '50', '100'],
showQuickJumper: true,
}}
// toolbar={{

View File

@ -1,11 +1,180 @@
import React from "react";
import {Reimbursement} from "../../../models/Reimbursement";
import {Button, Modal} from "antd";
import React, {ReactNode} from "react";
import {Button, Col, Descriptions, Modal, Popconfirm, Popover, Row, StepProps, Steps, Tag} from "antd";
import TextArea from "antd/es/input/TextArea";
import {ApprovalProcess, Invoice, ReimbursementDetailModal} from "../../../models/ReimbursementDetailModal";
import dayjs, {Dayjs} from "dayjs";
import {ExclamationCircleOutlined} from "@ant-design/icons";
const statusEnum = {
0: {text: '已报销', status: 'Success'},
1: {text: '待主管审批', status: 'Processing'},
2: {text: '待财务审批', status: 'Processing'},
3: {text: '待财务主管审批', status: 'Processing'},
4: {text: '待总经理审批', status: 'Warning'},
5: {text: '审批未通过', status: 'Error'},
6: {text: '已终止', status: 'Error'},
}
const statusEnum2 = {
0: "主管",
1: "财务",
2: "财务主管",
3: "总经理",
}
function displayInvoicesList(departureInvoice: Invoice, destinationInvoice: Invoice | null, otherInvoices: Invoice[]) {
return (<></>)
}
function displayRawInfo(reimbursement: ReimbursementDetailModal | undefined | null) {
if (reimbursement == undefined)
return null;
return (
<>
<Descriptions
title="基本信息"
bordered
column={{xxl: 2, xl: 2, lg: 2, md: 2, sm: 1, xs: 1}}
>
<Descriptions.Item span={1} style={{whiteSpace: "nowrap"}}
label="行程">{reimbursement.reimbursementDepartureName}
{reimbursement.reimbursementDestinationInvoice != undefined ? " ⇌ " : " → "}
{reimbursement.reimbursementDestinationName}
</Descriptions.Item>
<Descriptions.Item span={1} style={{whiteSpace: "pre-wrap", textAlign: "center"}}
label="日期">
{reimbursement.reimbursementDepartureInvoice.invoiceDate}<br/>
<br/>
{reimbursement.reimbursementDestinationInvoice !== null ? reimbursement.reimbursementDestinationInvoice.invoiceDate :
dayjs(Date.parse(reimbursement.reimbursementDepartureInvoice.invoiceDate) + 24 * 60 * 60 * 1000 * reimbursement.reimbursementTripDuration).format("YYYY-MM-DD")}
</Descriptions.Item>
<Descriptions.Item span={1} style={{whiteSpace: "nowrap"}}
label="申请人">{reimbursement.reimbursementSubmitStaff.staffName}</Descriptions.Item>
<Descriptions.Item span={1} style={{whiteSpace: "normal"}}
label="申请部门">{reimbursement.reimbursementSubmitDepartment.departmentName}</Descriptions.Item>
<Descriptions.Item span={1} label="总金额">¥{((reimbursement.reimbursementAdditionalAmount +
reimbursement.reimbursementInvoiceAmount) / 100.0).toFixed(2)}
</Descriptions.Item>
<Descriptions.Item span={1} style={{whiteSpace: "nowrap"}}
label="出差时长">{reimbursement.reimbursementTripDuration}
</Descriptions.Item>
<Descriptions.Item span={1} label="差旅账单" style={{whiteSpace: "nowrap"}}>
¥{reimbursement.reimbursementInvoiceAmount / 100.0}{reimbursement.reimbursementDestinationInvoice == undefined ? "(单程)" : "(往返)"}
</Descriptions.Item>
<Descriptions.Item span={1} label="公司补贴" style={{whiteSpace: "nowrap"}}>
¥{reimbursement.reimbursementAdditionalAmount / 100.0}
</Descriptions.Item>
<Descriptions.Item span={2} style={{whiteSpace: "pre-wrap"}} label="申请人备注"
labelStyle={{whiteSpace: "nowrap"}}>
{reimbursement.reimbursementNote}
</Descriptions.Item>
<Descriptions.Item span={2} label="附件列表">
{displayInvoicesList(reimbursement.reimbursementDepartureInvoice,
reimbursement.reimbursementDestinationInvoice, reimbursement.invoices)}
</Descriptions.Item>
</Descriptions>
</>)
}
function displaySteps(reimbursement: ReimbursementDetailModal | undefined | null) {
if (reimbursement == undefined)
return null;
let currentStep = 0;
let items: StepProps[] = [{
title: '提交申请',
status: 'finish',
subTitle: reimbursement.reimbursementSubmitTime.replace("T", " "),
description: reimbursement.reimbursementSubmitStaff.staffName + "提交申请",
}];
let approvalSteps = reimbursement.approvalProcesses;
if (approvalSteps == null)
approvalSteps = []
for (let i = 0; i < approvalSteps.length; i++) {
if (approvalSteps[i].approvalResult === i) {
let description:string|ReactNode = approvalSteps[i].approvalStaff.staffName + "审批通过";
if (approvalSteps[i].approvalOpinion != null && approvalSteps[i].approvalOpinion !== ""){
description=(<>{approvalSteps[i].approvalStaff.staffName + "审批通过"}<Popover content={approvalSteps[i].approvalOpinion}><ExclamationCircleOutlined style={{marginLeft: 5}}/></Popover></>)
}
items.push({
// @ts-ignore
title: statusEnum2[i - 1] + "审批",
status: 'finish',
subTitle: approvalSteps[i].approvalTime.replace("T", " "),
description:description
})
}
}
if (reimbursement.reimbursementStatus >= 1 && reimbursement.reimbursementStatus <= 4) {
items.push({
// @ts-ignore
title: statusEnum[reimbursement.reimbursementStatus].text,
status: 'process',
subTitle: "审批中",
description: "",
})
currentStep = items.length - 1;
} else if (reimbursement.reimbursementStatus === 0) {
items.push({
title: '通知出纳',
status: 'finish',
description: "出纳已收到申请",
})
currentStep = items.length - 1;
} else if (reimbursement.reimbursementStatus === 5) {
for (let i = 0; i < approvalSteps.length; i++) {
if (approvalSteps[i].approvalResult === 5) {
let description:string|ReactNode = approvalSteps[i].approvalStaff.staffName + "驳回申请";
if (approvalSteps[i].approvalOpinion != null && approvalSteps[i].approvalOpinion !== ""){
description=(<>{approvalSteps[i].approvalStaff.staffName + "驳回申请"}<Popover content={approvalSteps[i].approvalOpinion}><ExclamationCircleOutlined style={{marginLeft: 5}}/></Popover></>)
}
items.push({
// @ts-ignore
title: statusEnum2[i - 1] + "审批",
status: 'error',
subTitle: approvalSteps[i].approvalTime.replace("T", " "),
description:description
})
}
}
currentStep = items.length - 1;
} else if (reimbursement.reimbursementStatus === 6) {
items.push({
title: '申请人终止',
status: 'error',
subTitle: reimbursement.reimbursementSubmitStaff.staffName + "终止申请",
})
currentStep = items.length - 1;
let nextLevel: string = "主管"
if (reimbursement.approvalProcesses !== null && reimbursement.approvalProcesses !== undefined) {
// @ts-ignore
nextLevel = statusEnum2[reimbursement.approvalProcesses.length]
}
items.push({
title: nextLevel + '审批',
status: 'wait',
subTitle: "",
})
}
return (
<>
<Descriptions
title="流程进度"
column={{xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1}}
>
</Descriptions>
<Steps
percent={50}
current={currentStep}
direction={"vertical"}
items={items}
/>
</>)
}
class ReimbursementDetail extends React.Component<any, any> {
constructor(props: {
reimbursement: Reimbursement | undefined;
reimbursement: ReimbursementDetailModal | undefined;
closeDetail: any;
accessLevel: number;
}) {
@ -14,14 +183,19 @@ class ReimbursementDetail extends React.Component<any, any> {
this.state = {
open: props.reimbursement !== undefined,
reimbursement: props.reimbursement,
approvalOpinion: "",
approvalChecked: props.accessLevel === 1,
}
}
static getDerivedStateFromProps(nextProps: any, prevState: any) {
console.log(nextProps);
if (nextProps.reimbursement !== prevState.reimbursement) {
return {
open: nextProps.reimbursement !== undefined,
reimbursement: nextProps.reimbursement,
approvalOpinion: "",
approvalChecked: nextProps.accessLevel === 1,
};
} else return null;
}
@ -31,16 +205,83 @@ class ReimbursementDetail extends React.Component<any, any> {
this.props.closeDetail();
}
approve = () => {
//TODO: approve
console.log("approve");
this.props.closeDetail();
}
terminate = () => {
//TODO: terminate
console.log("terminate");
this.props.closeDetail();
}
getSubmitButton = () => {
if (this.state.reimbursement === undefined || this.state.reimbursement.reimbursementStatus === 0
|| this.state.reimbursement.reimbursementStatus === 5
|| this.state.reimbursement.reimbursementStatus === 6)
return null;
if (this.props.accessLevel === 1) {
if (this.state.approvalChecked)
return (
<Popconfirm
title="确定批准申请吗?"
onConfirm={this.approve}
okText="确定"
cancelText="取消"
>
<Button type="primary"></Button>
</Popconfirm>
)
else
return (
<Popconfirm
title="确定驳回流程吗?"
onConfirm={this.approve}
okText="确定"
cancelText="取消"
>
<Button type="primary" danger></Button>
</Popconfirm>)
} else if (this.props.accessLevel === 0) {
return (
<Popconfirm
title="确定终止流程吗?"
onConfirm={this.terminate}
okText="确定"
cancelText="取消"
>
<Button danger type="primary"></Button>
</Popconfirm>
)
} else {
return <></>
}
}
render() {
return (
<Modal title={"报销单详情"} onCancel={this.cancel} open={this.state.open} width={1000}
destroyOnClose={true}
footer={[
<Button key="next" type="primary" onClick={this.cancel}>
</Button>]}>
{this.props.reimbursement === undefined ? "123" : this.props.reimbursement.reimbursementId}
</Modal>)
<Modal
title={<><Tag
style={{marginLeft: 20}}>{"单号:"}{this.state.reimbursement?.reimbursementId}</Tag></>}
onCancel={this.cancel} open={this.state.open}
width={1000}
destroyOnClose={true}
footer={[
this.getSubmitButton(),
<Button key="next" type="default" onClick={this.cancel}>
</Button>]}>
<Row gutter={18}>
<Col span={14}>
{displayRawInfo(this.state.reimbursement)}
</Col>
<Col span={10}>
{displaySteps(this.state.reimbursement)}
</Col>
</Row>
</Modal>
)
}
}

View File

@ -335,7 +335,6 @@ class MultiInvoiceSelector extends React.Component<any, any> {
render() {
return (
<>
<Button name={"select"} onClick={() => this.pickerOpen(true)}>
{this.state.selectedInvoice === null || this.state.selectedInvoice === undefined ||