From 6871657990dec580765bd309a3c225e3430df90a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=B0=81=E7=BE=BD?= <2360164671@qq.com>
Date: Sun, 8 Jan 2023 19:16:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BA=86=E9=80=9A=E7=9F=A5?=
 =?UTF-8?q?=E6=8A=A5=E9=94=80=E5=8D=95=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/MessageList.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/MessageList.tsx b/src/pages/MessageList.tsx
index 507f0da..66c6bdd 100644
--- a/src/pages/MessageList.tsx
+++ b/src/pages/MessageList.tsx
@@ -10,6 +10,8 @@ import {Staff} from "../models/Staff";
 import {InvoiceDetail, invoiceTypeNameMap} from "../models/Invoice";
 import './MessageList.css';
 import InvoiceDetailModal from "./Invoice/InvoiceDetailModal";
+import ReimbursementDetail from "./reimbursement/mine/ReimbursementDetail";
+import {ReimbursementDetailModal} from "../models/ReimbursementDetailModal";
 
 const {Text, Title, Paragraph} = Typography
 const relativeTime = require('dayjs/plugin/relativeTime')
@@ -26,9 +28,8 @@ function MessageList(props: { count: number, onCountChange: (count: number) => v
     const [index, setIndex] = useState(0)
     const [invoiceModalOpen, setInvoiceModalOpen] = useState(false)
     const [invoiceDetail, setInvoiceDetail] = useState<any>()
-
+    const [reimbursementDetail, setReimbursementDetail] = useState<ReimbursementDetailModal>()
     const pageSize = 10
-
     const getTitle = (notice: Notice) => {
         switch (notice.data.noticeType) {
             case 0:
@@ -169,7 +170,12 @@ function MessageList(props: { count: number, onCountChange: (count: number) => v
             case 0:
                 const reimbursementId = item.data.reimbursement?.reimbursementId
                 if (reimbursementId) {
-
+                    axiosInstance.get("common/reimbursement/" + reimbursementId).then(response => {
+                        console.log(response.data)
+                        setReimbursementDetail(response.data)
+                    }).catch(function (error) {
+                        console.log(error)
+                    })
                 }
                 break
             case 1:
@@ -279,6 +285,8 @@ function MessageList(props: { count: number, onCountChange: (count: number) => v
             </Popover>
             <InvoiceDetailModal open={invoiceModalOpen} invoiceDetail={invoiceDetail}
                                 onClose={() => setInvoiceModalOpen(false)} isBase64={true}/>
+            <ReimbursementDetail closeDetail={()=>{setReimbursementDetail(undefined)}}
+            accessLevel={-1} reimbursement={reimbursementDetail}/>
         </>
     )
 }