From d265f03a6ec4a1a6679df60c8e40fb4ba0854d1e Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 11 Jun 2025 16:32:19 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4=E9=80=89=E4=B8=AD?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E3=80=81=E9=99=84=E4=BB=B6=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/orders/components/MailBox.jsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index 4332e48..afc7164 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/src/views/orders/components/MailBox.jsx
@@ -100,11 +100,8 @@ const MailBox = ({ mailboxDir, onMailItemClick, onSelect, ...props }) => {
     const hasAtta = item.MAI_Attachment !== 0 ? <AttachmentIcon className='text-blue-500' /> : null
     return (
       <li
-        className={`flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-neutral-50 active:bg-gray-200 p-2 ${props.currentActiveMailItem === item.key ? 'bg-gray-200' : ''}`}>
-        <div className='flex flex-col gap-1'>
-          <Checkbox></Checkbox>{hasAtta}
-        className='flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-neutral-50 p-2'>
-        <div className=''>
+        className={`flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-neutral-50 active:bg-gray-200 p-2 ${props.currentActiveMailItem === item.key ? 'bg-neutral-100' : ''}`}>
+          <div className=''>
           <Checkbox
           checked={selectedItems.some((i) => i.MAI_SN === item.MAI_SN)}
             onClick={e => {
@@ -117,7 +114,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, onSelect, ...props }) => {
             console.info('selectedItems: ', updatedSelection)
             }
           }></Checkbox>
-        </div>
+          </div>
         <div className='flex-1 pl-2'
         onClick={() => {
           console.info('item: ', item)
@@ -127,6 +124,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, onSelect, ...props }) => {
             <div>
               {orderNumber}
               <span className={mailStateClass}>{item.MAI_Subject}</span>
+              {hasAtta}
             </div>
             <span className='text-neutral-500 text-wrap break-words break-all '>{countryName + item.SenderReceiver + ' ' + item.SRDate}</span>
           </Flex>