From 95a1b16085b2073a326e81ec867e3351acfb555d Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Mon, 16 Jun 2025 17:04:19 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4=E9=82=AE=E4=BB=B6?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=8C=89=E9=92=AE=E5=A4=A7=E5=B0=8F=E3=80=81?=
 =?UTF-8?q?=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/orders/components/MailBox.jsx       | 49 +++++++------------
 .../orders/components/NewEmailButton.jsx      |  1 +
 2 files changed, 20 insertions(+), 30 deletions(-)

diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index 7c44db2..f20fe8c 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/src/views/orders/components/MailBox.jsx
@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react'
-import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, ExpandOutlined } from '@ant-design/icons'
+import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, SearchOutlined, MailOutlined } from '@ant-design/icons'
 import { Flex, Button, Tooltip, List, Form, Row, Col, Input, Checkbox, DatePicker, Switch, Breadcrumb, Skeleton } from 'antd'
 import dayjs from 'dayjs'
 import { useEmailList } from '@/hooks/useEmail'
 import { isEmpty } from '@/utils/commons'
 import { MailboxDirIcon } from './MailboxDirIcon'
-import { AttachmentIcon, MailCheckIcon, MailOpenIcon, MailUnreadIcon } from '@/components/Icons'
+import { AttachmentIcon, MailCheckIcon, MailOpenIcon } from '@/components/Icons'
 import NewEmailButton from './NewEmailButton'
 
 const { RangePicker } = DatePicker
@@ -131,8 +131,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
   return (
     <>
       <div className='bg-white h-auto px-1 flex gap-1 items-center'>
-        <NewEmailButton />
-        <Flex wrap gap='middle' justify={'center'} className='min-w-40'>
+        <Flex wrap gap='middle' justify={'center'} className='min-w-30 px-1'>
           <Tooltip title='全选'>
             <Checkbox
               indeterminate={selectedItems.length > 0 && selectedItems.length < pagination.pagedList.length}
@@ -146,44 +145,34 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
                 }
               }}></Checkbox>
           </Tooltip>
-          <Tooltip title='标记已读'>
+          <Tooltip title='刷新'>
+            <Button shape='circle' type='text' size='small' icon={<ReloadOutlined />} onClick={refresh} />
+          </Tooltip>
+        </Flex>
+
+        <NewEmailButton />
             <Button
-              shape='circle'
-              type='text'
               size='small'
               icon={<MailOpenIcon />}
               onClick={() => {
               markAsRead(selectedItems.map((item) => item.MAI_SN)).then(() => setSelectedItems([]))
               }}
-            />
-          </Tooltip>
-          <Tooltip title='已处理'>
+            >已读</Button>
+            <Button
+              size='small'
+              icon={<MailOutlined />}
+              onClick={() => {
+              console.info('未读未实现')
+              }}
+            >未读</Button>
             <Button
-              shape='circle'
-              type='text'
               size='small'
               icon={<MailCheckIcon />}
               onClick={() => {
               markAsProcessed(selectedItems.map((item) => item.MAI_SN)).then(() => setSelectedItems([]))
               }}
-            />
-          </Tooltip>
-          <Tooltip title='刷新'>
-            <Button shape='circle' type='text' size='small' icon={<ReloadOutlined />} onClick={refresh} />
-          </Tooltip>
-        </Flex>
-        <Input.Search
-          className=''
-          allowClear
-          onChange={(e) => {}}
-          onPressEnter={(e) => {
-            return false
-          }}
-          placeholder={`邮件主题`}
-        />
-        <Tooltip title='高级搜索'>
-          <Switch checkedChildren={<ExpandOutlined />} unCheckedChildren={<ExpandOutlined />} defaultChecked={false} />
-        </Tooltip>
+            >已处理</Button>
+        <Button size='small' icon={<SearchOutlined />}>查找</Button>
       </div>
       <div className='bg-white h-auto p-1 flex gap-1 items-center hidden'>
         <Form
diff --git a/src/views/orders/components/NewEmailButton.jsx b/src/views/orders/components/NewEmailButton.jsx
index 7a280b5..f4099f5 100644
--- a/src/views/orders/components/NewEmailButton.jsx
+++ b/src/views/orders/components/NewEmailButton.jsx
@@ -25,6 +25,7 @@ const NewEmailButton = ({ ...props }) => {
   return (
     <>
       <Dropdown.Button
+        size='small'
         className={`w-auto ${props.className}`}
         placement='bottom'
         arrow