diff --git a/src/pages/Invoice/mine/InvoiceListView.tsx b/src/pages/Invoice/InvoiceListView.tsx similarity index 73% rename from src/pages/Invoice/mine/InvoiceListView.tsx rename to src/pages/Invoice/InvoiceListView.tsx index 33b236e..d73b00d 100644 --- a/src/pages/Invoice/mine/InvoiceListView.tsx +++ b/src/pages/Invoice/InvoiceListView.tsx @@ -26,30 +26,30 @@ import React, { useEffect, ReactNode } from "react"; -import {InvoiceDetail, InvoiceSearchOption} from "../../../models/Invoice" +import {InvoiceDetail, InvoiceSearchOption} from "../../models/Invoice" import {Space, Typography} from 'antd'; import {SizeType} from "antd/es/config-provider/SizeContext"; import axios from "axios"; -import axiosInstance, {baseUrl} from "../../../utils/axiosInstance"; +import axiosInstance, {baseUrl} from "../../utils/axiosInstance"; import {Simulate} from "react-dom/test-utils"; import change = Simulate.change; import {useNavigate, useSearchParams} from "react-router-dom"; -import {useAppDispatch} from "../../../models/hooks"; -import InvoiceUploadView from "./InvoiceUploadView"; import { Invoice, invoiceItemsMap, invoiceTypeExtraItemsMap, invoiceTypeItemsMap, invoiceTypeNameMap -} from "../../../models/Invoice"; +} from "../../models/Invoice"; import {RadioButtonProps} from "antd/es/radio/radioButton"; import qs from "qs"; -import InvoiceDetailModal from "../InvoiceDetailModal"; +import InvoiceDetailModal from "./InvoiceDetailModal"; import dayjs from "dayjs"; -import {store} from "../../../models/store"; +import {store} from "../../models/store"; +import InvoiceUploadView from "./mine/InvoiceUploadView"; +const {Text, Paragraph} = Typography; const {Meta} = Card; const {Search} = Input; const {Option} = Select @@ -63,7 +63,7 @@ const rangeConfig = { rules: [{type: 'array' as const, required: false, message: 'Please select time!'}], }; -function InvoiceSearch(props: { handleSearchData: any; }) { +function InvoiceSearch(props: { isManagement: boolean, handleSearchData: any }) { const { token: {colorBgContainer, colorPrimary}, } = theme.useToken(); @@ -75,7 +75,7 @@ function InvoiceSearch(props: { handleSearchData: any; }) { const items: MenuProps['items'] = [ { key: '1', - label: ( { + label: ( { invoiceSearchOption.clear(); setActivatedOption("发票代码") }}> @@ -84,13 +84,33 @@ function InvoiceSearch(props: { handleSearchData: any; }) { }, { key: '2', - label: ( { + label: ( { invoiceSearchOption.clear(); setActivatedOption("发票编号") }}> 发票编号 ) + }, + { + key: '3', + label: ( { + invoiceSearchOption.clear(); + setActivatedOption("上传者姓名") + + }}> + 上传者姓名 + ) + }, + { + key: '4', + label: ( { + invoiceSearchOption.clear(); + setActivatedOption("上传者工号") + + }}> + 上传者工号 + ) } ]; const onValuesChange = (changedValues: any, allValues: any) => { @@ -121,12 +141,23 @@ function InvoiceSearch(props: { handleSearchData: any; }) { if (!complexEnabled) invoiceSearchOption.clear() console.log(invoiceSearchOption) - if (activatedOption === "发票代码") { - invoiceSearchOption.invoiceCode = value; - invoiceSearchOption.invoiceNo = null; - } else { - invoiceSearchOption.invoiceNo = value; - invoiceSearchOption.invoiceCode = null; + invoiceSearchOption.invoiceCode = null + invoiceSearchOption.invoiceNo = null + invoiceSearchOption.invoiceUploaderNameFuzzy = null + invoiceSearchOption.invoiceUploaderIdFuzzy = null + switch (activatedOption) { + case "发票代码": + invoiceSearchOption.invoiceCode = value + break; + case "发票编号": + invoiceSearchOption.invoiceNo = value + break; + case "上传者姓名": + invoiceSearchOption.invoiceUploaderNameFuzzy = value + break; + case "上传者工号": + invoiceSearchOption.invoiceUploaderIdFuzzy = value + break; } props.handleSearchData(invoiceSearchOption) @@ -154,7 +185,7 @@ function InvoiceSearch(props: { handleSearchData: any; }) { { setComplexEnabled(e.target.checked) }}>高级搜索 - {props.handleSearchData(invoiceSearchOption)}} /> + {!props.isManagement && { + props.handleSearchData(invoiceSearchOption) + }}/>} {complexEnabled &&
- +
-
  • ¥{(props.invoice.invoiceAmount / 100.0).toFixed(2)}
    • -
  • {invoiceTypeNameMap.get(props.invoice.invoiceKind)}
    • +
    + ¥{(props.invoice.invoiceAmount / 100.0).toFixed(2)} + {props.showUploader ? props.invoice.invoiceUploader.staffName : ''} +
    +
    + {invoiceTypeNameMap.get(props.invoice.invoiceKind)} + {props.showUploader ? props.invoice.invoiceUploader.staffId : ''} +
  • {props.invoice.invoiceNo}
  • {props.invoice.invoiceDate}
    • @@ -271,7 +326,7 @@ function InvoiceItem(props: { invoice: Invoice, onClick(invoice: Invoice): void } -function InvoiceListView(props: {}) { +function InvoiceListView(props: { isManagement: boolean }) { const [totalNum, setTotalNum] = useState(0) const [invoices, setInvoices] = useState([] as any[]) const [search, setSearch] = useSearchParams() @@ -300,9 +355,8 @@ function InvoiceListView(props: {}) { params.pageSize = Number(search.get('pageSize')) else params.pageSize = 10 - - params.invoiceUploaderId = store.getState().token.staffId - + if (!props.isManagement) + params.invoiceUploaderId = store.getState().token.staffId axiosInstance({ url: 'common/invoice?' + qs.stringify(params, {skipNulls: true, arrayFormat: 'indices'}), method: 'get', @@ -316,7 +370,7 @@ function InvoiceListView(props: {}) { } const onChange = (pageCurrentNum: Number, pageCurrentSize: Number) => { console.log(pageCurrentNum, pageCurrentSize) - navigate('/invoice/mine?currentPage=' + pageCurrentNum + '&pageSize=' + pageCurrentSize) + navigate('?currentPage=' + pageCurrentNum + '&pageSize=' + pageCurrentSize) } const onItemClick = (invoice: Invoice) => { @@ -333,7 +387,6 @@ function InvoiceListView(props: {}) { }).catch(function (error) { console.log(error) }) - } useEffect(() => { @@ -345,11 +398,12 @@ function InvoiceListView(props: {}) { console.log(invoices) return (
    - -
    + +
    {invoices.map((item: Invoice, index: number) => - + )}
    - {searchInvoiceContent(invoiceSearchOption)}} invoiceDetail={invoiceDetail} open={detailModalOpen} onClose={() => { + { + searchInvoiceContent(invoiceSearchOption) + }} invoiceDetail={invoiceDetail} open={detailModalOpen} onClose={() => { setDetailModalOpen(false) - }}/> + }} showFooter={true}/>
    ) diff --git a/src/pages/Invoice/management/InvoiceManagement.tsx b/src/pages/Invoice/management/InvoiceManagement.tsx index 4f43ecf..6861d68 100644 --- a/src/pages/Invoice/management/InvoiceManagement.tsx +++ b/src/pages/Invoice/management/InvoiceManagement.tsx @@ -1,404 +1,7 @@ -import { - Card, - Dropdown, - List, - Row, - Input, - Button, - Radio, - Col, - Divider, - DatePicker, - Form, - TimePicker, - Select, - Checkbox, - Pagination, theme, Tag, Badge -} from "antd"; -import type {MenuProps, PaginationProps} from 'antd'; -import {DownOutlined, UploadOutlined} from '@ant-design/icons'; -import React, { - ReactElement, - JSXElementConstructor, - ReactFragment, - ReactPortal, - useState, - useEffect, - ReactNode -} from "react"; -import {InvoiceDetail, InvoiceSearchOption} from "../../../models/Invoice" -import {Space, Typography} from 'antd'; -import {SizeType} from "antd/es/config-provider/SizeContext"; -import axios from "axios"; -import axiosInstance, {baseUrl} from "../../../utils/axiosInstance"; -import {Simulate} from "react-dom/test-utils"; -import change = Simulate.change; -import {useNavigate, useSearchParams} from "react-router-dom"; -import {useAppDispatch} from "../../../models/hooks"; -import { - Invoice, - invoiceItemsMap, - invoiceTypeExtraItemsMap, - invoiceTypeItemsMap, - invoiceTypeNameMap -} from "../../../models/Invoice"; -import {RadioButtonProps} from "antd/es/radio/radioButton"; -import qs from "qs"; -import InvoiceDetailModal from "../InvoiceDetailModal"; -import dayjs from "dayjs"; - - -const {Text, Paragraph} = Typography; -const {Meta} = Card; -const {Search} = Input; -const {Option} = Select -let invoices: Array -const {RangePicker} = DatePicker; - -const config = { - rules: [{type: 'object' as const, required: false, message: 'Please select time!'}], -}; -const rangeConfig = { - rules: [{type: 'array' as const, required: false, message: 'Please select time!'}], -}; - -function InvoiceSearch(props: { handleSearchData: any; }) { - const { - token: {colorBgContainer, colorPrimary}, - } = theme.useToken(); - - const [activatedOption, setActivatedOption] = useState('发票代码') - const [complexEnabled, setComplexEnabled] = useState(false) - const [invoiceSearchOption, setInvoiceSearchOption] = useState(new InvoiceSearchOption()) - - const items: MenuProps['items'] = [ - { - key: '1', - label: ( { - invoiceSearchOption.clear(); - setActivatedOption("发票代码") - }}> - 发票代码 - ) - }, - { - key: '2', - label: ( { - invoiceSearchOption.clear(); - setActivatedOption("发票编号") - - }}> - 发票编号 - ) - }, - { - key: '3', - label: ( { - invoiceSearchOption.clear(); - setActivatedOption("上传者姓名") - - }}> - 上传者姓名 - ) - }, - { - key: '4', - label: ( { - invoiceSearchOption.clear(); - setActivatedOption("上传者工号") - - }}> - 上传者工号 - ) - } - ]; - const onValuesChange = (changedValues: any, allValues: any) => { - invoiceSearchOption.clear() - - console.log(allValues) - if (allValues['upload-time-picker'] !== null && allValues['upload-time-picker'] !== undefined) { - invoiceSearchOption.invoiceUploadTimeStart = allValues['upload-time-picker'][0].format('YYYY-MM-DDtHH:mm:ss') - invoiceSearchOption.invoiceUploadTimeEnd = allValues['upload-time-picker'][1].format('YYYY-MM-DDtHH:mm:ss') - } - if (allValues['invoice-time-picker'] !== null && allValues['invoice-time-picker'] !== undefined) { - invoiceSearchOption.invoiceDateStart = allValues['invoice-time-picker'][0].format('YYYY-MM-DD') - invoiceSearchOption.invoiceDateEnd = allValues['invoice-time-picker'][1].format('YYYY-MM-DD') - } - if (allValues['invoice-state'] !== "全部") { - invoiceSearchOption.invoiceStates = [allValues['invoice-state']] - } - if (allValues['invoice-kind'] !== "全部") { - invoiceSearchOption.invoiceKinds = [allValues['invoice-kind']] - } - if (allValues['invoice-uploader'] !== null && allValues['invoice-uploader'] !== undefined && allValues['invoice-uploader'].trim() !== "") { - invoiceSearchOption.invoiceUploaderId = allValues['invoice-uploader'].trim() - } - props.handleSearchData(invoiceSearchOption) - } - - const onSearch = (value: string) => { - if (!complexEnabled) - invoiceSearchOption.clear() - console.log(invoiceSearchOption) - invoiceSearchOption.invoiceCode = null - invoiceSearchOption.invoiceNo = null - invoiceSearchOption.invoiceUploaderNameFuzzy = null - invoiceSearchOption.invoiceUploaderIdFuzzy = null - switch (activatedOption) { - case "发票代码": - invoiceSearchOption.invoiceCode = value - break; - case "发票编号": - invoiceSearchOption.invoiceNo = value - break; - case "上传者姓名": - invoiceSearchOption.invoiceUploaderNameFuzzy = value - break; - case "上传者工号": - invoiceSearchOption.invoiceUploaderIdFuzzy = value - break; - } - - props.handleSearchData(invoiceSearchOption) - - } - - const getInvoiceKindsRadioButtons: any = () => { - let options: any[] = [] - invoiceTypeNameMap.forEach(function (value, key, map) { - options.push({value}) - }) - return options - } - - return ( -
    -
    - - - - {activatedOption} - - - - } - placeholder={'请在此输入'} - allowClear - onSearch={(value) => onSearch(value)} - style={{width: 404}} - enterButton - /> - { - setComplexEnabled(e.target.checked) - }}>高级搜索 -
    - {complexEnabled && -
    -
    - - - - 全部 - {getInvoiceKindsRadioButtons()} - - - -
    - - - - - - - -
    - - - 全部 - 未使用 - 报销中 - 已报销 - - - -
    -
    } -
    - ) -} - -function InvoiceItem(props: { invoice: Invoice, onClick(invoice: Invoice): void }) { - const { - token: {colorBgContainer, colorPrimary, colorSuccess, colorWarning}, - } = theme.useToken(); - - const onClick = () => { - props.onClick(props.invoice) - } - return ( -
    - - - - } - > -
    -
    - ¥{(props.invoice.invoiceAmount / 100.0).toFixed(2)} - {props.invoice.invoiceUploader.staffName } -
    -
    - {invoiceTypeNameMap.get(props.invoice.invoiceKind)} - {props.invoice.invoiceUploader.staffId } -
    -
  • {props.invoice.invoiceNo}
    • -
  • {props.invoice.invoiceDate}
    • -
    -     -     -
    - - - ) - -} - +import InvoiceListView from "../InvoiceListView"; function InvoiceManagement(props: {}) { - const [totalNum, setTotalNum] = useState(0) - const [invoices, setInvoices] = useState([] as any[]) - const [search, setSearch] = useSearchParams() - const [invoiceSearchOption, setInvoiceSearchOption] = useState(new InvoiceSearchOption()) - const [detailModalOpen, setDetailModalOpen] = useState(false) - const [invoiceDetail, setInvoiceDetail] = useState(null as InvoiceDetail | null) - const navigate = useNavigate() - - const handleInvoiceSearchInfo = (invoiceSearch: InvoiceSearchOption) => { - //setInvoiceSearchOption(invoiceSearch) - searchInvoiceContent(invoiceSearch) - } - const searchInvoiceContent = (invoiceSearch: InvoiceSearchOption) => { - setInvoices([]) - let params: any = invoiceSearch - Object.keys(params).forEach(key => { - if (params[key] != null && params[key] !== undefined && params[key] === "") { - params[key] = null - } - }) - if (search.get('currentPage')) - params.pageNum = Number(search.get('currentPage')) - 1 - else - params.pageNum = 0 - if (search.get('pageSize')) - params.pageSize = Number(search.get('pageSize')) - else - params.pageSize = 10 - axiosInstance({ - url: 'common/invoice?' + qs.stringify(params, {skipNulls: true, arrayFormat: 'indices'}), - method: 'get', - }).then(response => { - console.log(response.data) - setTotalNum(response.data.total) - setInvoices([...response.data.records]) - }).catch(function (error) { - console.log(error) - }) - } - const onChange = (pageCurrentNum: Number, pageCurrentSize: Number) => { - console.log(pageCurrentNum, pageCurrentSize) - navigate('/invoice/management?currentPage=' + pageCurrentNum + '&pageSize=' + pageCurrentSize) - } - - const onItemClick = (invoice: Invoice) => { - console.log(invoice) - axiosInstance({ - url: 'common/invoice/' + invoice.invoiceId, - method: 'get', - }).then(response => { - console.log(response.data) - let detail: InvoiceDetail = response.data - detail.invoiceAmount /= 100. - setInvoiceDetail(detail) - setDetailModalOpen(true) - }).catch(function (error) { - console.log(error) - }) - } - - useEffect(() => { - console.log(search.get('currentPage')) - console.log(search.get('pageSize')) - searchInvoiceContent(invoiceSearchOption) - }, [search]); - - console.log(invoices) - return ( -
    - -
    -
    - {invoices.map((item: Invoice, index: number) => - - )} -
    - `共 ${total} 项`} - current={Number(search.get('currentPage') ? search.get('currentPage') : 1)} - pageSize={Number(search.get('pageSize') ? search.get('pageSize') : 10)} - total={totalNum} onChange={onChange}/> -
    - { searchInvoiceContent(invoiceSearchOption)}} invoiceDetail={invoiceDetail} open={detailModalOpen} onClose={() => { - setDetailModalOpen(false) - }} showFooter={true}/> -
    - - ) + return } export default InvoiceManagement \ No newline at end of file diff --git a/src/pages/Invoice/mine/MyInvoice.tsx b/src/pages/Invoice/mine/MyInvoice.tsx new file mode 100644 index 0000000..1c6868e --- /dev/null +++ b/src/pages/Invoice/mine/MyInvoice.tsx @@ -0,0 +1,6 @@ +import InvoiceListView from "../InvoiceListView"; + +function MyInvoice() { + return +} +export default MyInvoice \ No newline at end of file diff --git a/src/pages/reimbursement/approval/ReimbursementApproval.tsx b/src/pages/reimbursement/approval/ReimbursementApproval.tsx index a0d2a96..8578c2e 100644 --- a/src/pages/reimbursement/approval/ReimbursementApproval.tsx +++ b/src/pages/reimbursement/approval/ReimbursementApproval.tsx @@ -1,5 +1,5 @@ -import React from "react"; -import {Button, Popover, Tabs} from "antd"; +import React, {useRef, useState} from "react"; +import {Button, Popover, Tabs, TabsProps, theme} from "antd"; import {ActionType, ProColumns, ProTable} from "@ant-design/pro-components"; import Search from "antd/es/input/Search"; import {statusEnum} from "../mine/MyReimbursement"; @@ -278,7 +278,7 @@ class ReimbursementTab extends React.Component { } render() { - return <> + return
    { // , // ]} /> - ; +
    ; } } -class ReimbursementApproval extends React.Component { - ref = [React.createRef(), React.createRef(), React.createRef()] - - constructor(props: any) { - super(props); - this.state = { - activatedTab: 0 - } - } - - tabItems = () => { +function ReimbursementApproval() { + const [activatedTab, setActivatedTab] = useState(0) + const { + token: {colorBgContainer}, + } = theme.useToken(); + const tabItems = () => { return [{ label: "等待审批", key: "0", - children: }, { label: "审批历史", key: "1", - children: }, { label: "全部记录", key: "2", - children: }] } - tabChange = (key: string) => { - this.setState({activatedTab: Number(key)}) + const tabChange = (key: string) => { + setActivatedTab(Number(key)) } - render() { - return ( - - ); - } + const renderTabBar: TabsProps['renderTabBar'] = (props, DefaultTabBar) => ( +
    + +
    + ) + + + return ( + + ); + } export default ReimbursementApproval \ No newline at end of file diff --git a/src/pages/reimbursement/mine/MyReimbursement.tsx b/src/pages/reimbursement/mine/MyReimbursement.tsx index 24d986f..34a607a 100644 --- a/src/pages/reimbursement/mine/MyReimbursement.tsx +++ b/src/pages/reimbursement/mine/MyReimbursement.tsx @@ -373,27 +373,34 @@ class Subpage extends React.Component { // }, // }, // }} + tableRender={(_, dom) => ( +
    + {dom} +
    + )} search={{ defaultCollapsed: false, labelWidth: 'auto', optionRender: ({searchText}, {form}, dom) => { // console.log(searchConfig, formProps, dom) return [ -
    - { - this.search(value, form, dom) - }} - enterButton +
    + + { + this.search(value, form, dom) + }} + enterButton - /> - + /> + +
    ] } diff --git a/src/pages/stat/StatView.tsx b/src/pages/stat/StatView.tsx index 98d5c7a..5204bd8 100644 --- a/src/pages/stat/StatView.tsx +++ b/src/pages/stat/StatView.tsx @@ -84,7 +84,6 @@ function HorizontalBarChart(props: { title: string, values: number[], labels: st }, series: [ { - name: 'Direct', type: 'bar', colorBy: 'data', emphasis: { @@ -96,46 +95,9 @@ function HorizontalBarChart(props: { title: string, values: number[], labels: st }} notMerge={true} lazyUpdate={true}/> } -var mMapData = - [ - {from: '青海省', to: '青海省', value: 90}, - {from: '青海省', to: '安徽省', value: 80}, - {from: '青海省', to: '甘肃省', value: 70}, - {from: '青海省', to: '宁夏省', value: 60}, - {from: '青海省', to: '山西省', value: 50}, - {from: '青海省', to: '陕西省', value: 40}, - {from: '青海省', to: '广东省', value: 30}, - {from: '青海省', to: '重庆省', value: 20}, - {from: '青海省', to: '西藏省', value: 10} - ]; - -var convertLineData = function (data: { from: string, to: string, value: number }[]) { - var res = []; - - for (var i = 0; i < data.length; i++) { - var dataItem = data[i]; - // @ts-ignore - var fromCoord = GeoCoordMap[dataItem.from]; - // @ts-ignore - var toCoord = GeoCoordMap[dataItem.to]; - - if (fromCoord && toCoord) { - res.push( - { - fromName: dataItem.from, - toName: dataItem.to, - coords: [fromCoord, toCoord], - value: dataItem.value, - }); - } - } - - return res; -}; - function StatView() { const { - token: {colorBgContainer, colorPrimary, colorSuccess}, + token: {colorBgContainer, colorPrimary, colorSuccess, colorBorder}, } = theme.useToken(); const [type, setType] = useState('month'); @@ -400,7 +362,11 @@ function StatView() { return geoCoordMap.find(([name,]) => name.includes(placeName)) } - let mapDataTemp: { fromName: string, toName: string, coords: any[], value: number }[] = [] + let maxValue = 0 + for (const item of statResponse.reimbursementPlaceStats) { + maxValue = Math.max(maxValue, item.reimbursementLaunchCount) + } + let mapDataTemp: any[] = [] let departures = new Map() let destinations = new Map() for (const item of statResponse.reimbursementPlaceStats) { @@ -421,10 +387,13 @@ function StatView() { if (fromCoords && toCoords) { mapDataTemp.push({ - "fromName": fromCoords[0], - "toName": toCoords[0], - "coords": [fromCoords[1], toCoords[1]], - "value": item.reimbursementLaunchCount, + fromName: fromCoords[0], + toName: toCoords[0], + coords: [fromCoords[1], toCoords[1]], + value: item.reimbursementLaunchCount, + lineStyle: { + width: item.reimbursementLaunchCount / maxValue * 10 + } }) } } @@ -676,6 +645,19 @@ function StatView() { text: '差旅去向', left: 'center', }, + tooltip: { + trigger: 'item', + formatter: function (params: any) { + let returnStr = ''; + if (params.componentSubType == 'lines') { + returnStr += params.marker; + returnStr += params.data.fromName + ' → ' + params.data.toName; + returnStr += '：' + params.data.value; + } + + return returnStr; + } + }, geo: { map: 'china', emphasis: { @@ -685,8 +667,8 @@ function StatView() { disabled: true }, itemStyle: { - areaColor: '#d4e2fd', - borderColor: '#8c8c8c' + areaColor: colorBorder, + borderColor: colorBgContainer } }, series: [ @@ -695,10 +677,21 @@ function StatView() { zlevel: 2, lineStyle: { normal: { - color: '#', - width: 3, - opacity: 0.2, - curveness: .3 + color: { + type: 'linear', + x: 0, + y: 0, + x2: 1, + y2: 1, + colorStops: [{ + offset: 0, color: '#6395f9' + }, { + offset: 1, color: '#62daab' + }], + }, + opacity: 0.5, + curveness: .3, + cap: 'round' } }, data: mapData diff --git a/src/router/router.tsx b/src/router/router.tsx index c35e74f..da10d79 100644 --- a/src/router/router.tsx +++ b/src/router/router.tsx @@ -2,13 +2,14 @@ import {Routes, Route} from "react-router-dom"; import {createBrowserHistory} from "history"; import LoginView from "../pages/login/LoginView"; import HomeView from "../pages/HomeView"; -import InvoiceListView from "../pages/Invoice/mine/InvoiceListView"; +import InvoiceListView from "../pages/Invoice/InvoiceListView"; import MyReimbursement from "../pages/reimbursement/mine/MyReimbursement"; import {BrowserRouter} from "./BrowserRouter" import InvoiceManagement from "../pages/Invoice/management/InvoiceManagement"; import ReimbursementApproval from "../pages/reimbursement/approval/ReimbursementApproval"; import StatView from "../pages/stat/StatView"; import Configuration from "../pages/configuration/Configuration"; +import MyInvoice from "../pages/Invoice/mine/MyInvoice"; export const history = createBrowserHistory() @@ -17,7 +18,7 @@ function CustomRouter() { }> - }> + }> }> }> }>