perf: MailBox 参数

src/views/orders/Follow.jsx

@@ -89,6 +89,29 @@ function Follow() {
     }
   }
 
+  const [selectedEmail, setSelectedEmail] = useState({});
+  const onClickEmailItem = (emailItem) => {
+    const mai_sn = emailItem.MAI_SN;
+    setActiveEmailId(mai_sn);
+    const emailMsg = {
+      conversationid: '',
+      order_opi: currentMailboxOPI,
+      coli_sn: 'oid',
+      id: emailItem.MAI_SN,
+      MAI_SN: emailItem.MAI_SN,
+      msgOrigin: {
+        from: '',
+        to: '',
+        ...(emailItem?.msgOrigin || {}),
+        id: emailItem.MAI_SN,
+        email: { mai_sn: emailItem.MAI_SN, subject: emailItem.MAI_Subject, id: emailItem.MAI_SN },
+        subject: emailItem.MAI_Subject,
+      },
+    }
+    console.log('emailItem', emailItem);
+    setSelectedEmail(emailMsg)
+  };
+
   // 1新订单；2未读消息；3需一催；4需二催；5需三催；6未处理邮件；入境提醒coli_ordertype=7，余款提醒coli_ordertype=8
   useEffect(() => {
     const first = currentMailboxDEI || accountDEI[0].value
@@ -126,10 +149,10 @@ function Follow() {
         <Layout.Content style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)', minWidth: '360px' }}>
           <Splitter>
             <Splitter.Panel defaultSize='40%' min={580} max='70%'>
-              <Mailbox breadcrumb={computedBreadcrumb} mailboxDir={mailboxActiveNode} onMailItemClick={(id) => setActiveEmailId(id)} currentActiveMailItem={activeEmailId} />
+              <Mailbox breadcrumb={computedBreadcrumb} mailboxDir={mailboxActiveNode} onMailItemClick={(item) => onClickEmailItem(item)} currentActiveMailItem={activeEmailId} />
             </Splitter.Panel>
             <Splitter.Panel>
-              <EmailDetailInline mailID={activeEmailId || 0} emailMsg={{}} variant={'outline'} size={'small'} />
+              <EmailDetailInline mailID={activeEmailId || 0} emailMsg={selectedEmail} variant={'outline'} size={'small'} />
             </Splitter.Panel>
           </Splitter>
         </Layout.Content>

src/views/orders/components/MailBox.jsx

@@ -103,7 +103,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props}) => {
     return (
       <li className='flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-neutral-50 p-2' onClick={() => {
         console.info('item: ', item)
-        onMailItemClick(item.MAI_SN)
+        onMailItemClick(item)
       }}>
         <div className=''>
           <Checkbox></Checkbox>