修改了撤回按钮样式，解决点击消息通知弹出对话框时的卡顿

src/pages/Invoice/InvoiceDetailModal.tsx

@@ -112,12 +112,13 @@ function InvoiceDetailModal(props: { invoiceDetail: any, open: boolean, onClose:
                             title={props.isOwner?"确定撤回吗？":"请填写撤回理由"}
                             onConfirm={withdraw}
                             okText="确定"
+                            okButtonProps={{danger: true}}
                             //showCancel={false}
                             cancelText="取消"
                             onCancel={() => {setWithdrawReason("")}}
                             description={props.isOwner?"":<TextArea rows={4} onChange={(e)=>{setWithdrawReason(e.target.value)}}/>}
                         >
-                            <Button danger  type="primary">撤回</Button>
+                            <Button danger >撤回</Button>
                         </Popconfirm>}
 
                         <Button type="primary" href={baseUrl + props.invoiceDetail?.invoiceFileUri} download

src/pages/MessageList.tsx

@@ -189,7 +189,8 @@ function MessageList(props: { count: number, onCountChange: (count: number) => v
                 break
         }
         setPopoverOpen(false)
-        readMessage(item)
+        if (!item.alreadyRead)
+            readMessage(item)
     }
 
     return (
@@ -286,8 +287,10 @@ function MessageList(props: { count: number, onCountChange: (count: number) => v
             <InvoiceDetailModal open={invoiceModalOpen} invoiceDetail={invoiceDetail}
                                 onClose={() => setInvoiceModalOpen(false)} isBase64={true}
                                 isOwner={true}/>
-            <ReimbursementDetail closeDetail={()=>{setReimbursementDetail(undefined)}}
+            <ReimbursementDetail closeDetail={() => {
-            accessLevel={-1} reimbursement={reimbursementDetail}/>
+                setReimbursementDetail(undefined)
+            }}
+                                 accessLevel={-1} reimbursement={reimbursementDetail}/>
         </>
     )
 }