|
|
|
@ -145,7 +145,113 @@ const MailBox = (props) => {
|
|
|
|
|
itemLayout='vertical'
|
|
|
|
|
size='large'
|
|
|
|
|
pagination={false}
|
|
|
|
|
dataSource={props.dataSource}
|
|
|
|
|
// dataSource={props.dataSource}
|
|
|
|
|
dataSource={[
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: '250520-LSS250429038 团的 变更 <20>确认:Japan Fleet',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Your Thailand Private tour by Asia Highlights 超长主题怎么办????????????到框框到得奖看到',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Personal information',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Your Future Trip with Asia Highlights',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: '回复: 回复:中华游251110-LSS250413051(AH)团计划',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Greeting from Asia Highlights Alisa',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Have you made any decisions about your Japan trip',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Sri Lanka tour',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: How do you like the itinerary 3',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Re: Re: Final cost',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Reference Number: LSS240628079',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Personal information and Hiroshima tour for 2 people',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: Math.random().toString(36).substring(2, 9),
|
|
|
|
|
description: 'Fran Grundman <frangrundman@rogers.com>',
|
|
|
|
|
title: 'Re: Asia Travel Tips /LSS250429038',
|
|
|
|
|
mailDate: '2025-05-01 19:21:00',
|
|
|
|
|
orderNo: 'LSS250501006',
|
|
|
|
|
country: 'Thailand',
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
renderItem={(item) => (
|
|
|
|
|
<li className='flex border border-solid border-t-0 border-x-0 border-gray-200 hover:bg-neutral-50 p-2'>
|
|
|
|
|
<div className=''>
|
|
|
|
@ -153,9 +259,8 @@ const MailBox = (props) => {
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex-1 pl-2'>
|
|
|
|
|
<Flex gap='small' vertical={true} justify='space-between' className='cursor-pointer'>
|
|
|
|
|
<span className='font-bold'>{item.title}</span>
|
|
|
|
|
<span className='text-neutral-500 text-wrap break-words break-all '>{item.description + ' ' + item.mailDate}</span>
|
|
|
|
|
{item.orderNo + ' ' + (item.country === null ? '' : item.country)}
|
|
|
|
|
<div>{item.orderNo + ' - '}<span className='font-bold'>{item.title}</span></div>
|
|
|
|
|
<span className='text-neutral-500 text-wrap break-words break-all '>{'[' + (item.country === null ? '' : item.country) + '] ' + item.description + ' ' + item.mailDate}</span>
|
|
|
|
|
</Flex>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
@ -163,7 +268,7 @@ const MailBox = (props) => {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Drawer title={'高级搜索'} placement='top' getContainer={false} size={'large'} mask={true} maskClosable={true} open={openOrder} onClose={() => setOpenOrder(false)}>
|
|
|
|
|
{/* <Drawer title={'高级搜索'} placement='top' size={'large'} mask={true} maskClosable={true} open={openOrder} onClose={() => setOpenOrder(false)}>
|
|
|
|
|
<Form
|
|
|
|
|
layout={'vertical'}
|
|
|
|
|
form={form}
|
|
|
|
@ -195,7 +300,7 @@ const MailBox = (props) => {
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
</Form>
|
|
|
|
|
</Drawer>
|
|
|
|
|
</Drawer> */}
|
|
|
|
|
</>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|