feat: 订单跟踪: 邮件详情

src/views/Conversations/Online/Components/EmailDetailInline.jsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from 'react'
 import { App, Button, Divider, Avatar, List, Flex, Typography, Tooltip } from 'antd'
 import { LoadingOutlined, ApiOutlined, FilePdfOutlined, FileOutlined, FileWordOutlined, FileExcelOutlined, FileJpgOutlined, FileImageOutlined, FileTextOutlined, FileGifOutlined, GlobalOutlined, FileZipOutlined } from '@ant-design/icons'
-import { EditIcon, MailCheckIcon, ReplyAllIcon, ReplyIcon, ResendIcon, ShareForwardIcon } from '@/components/Icons'
+import { EditIcon, MailCheckIcon, ReplyAllIcon, ReplyIcon, ResendIcon, ShareForwardIcon, SendPlaneFillIcon, InboxIcon } from '@/components/Icons'
 import { isEmpty, TagColorStyle } from '@/utils/commons'
 import EmailEditorPopup from '../Input/EmailEditorPopup'
 import DnDModal from '@/components/DnDModal'
@@ -117,7 +117,9 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, variant, s
 
     let btns = []
 
-    btns.push(<Button type='text' key={'set-done'} onClick={() => { alert('todo')}} icon={<MailCheckIcon className={'text-yellow-600'} />} size='small'>已处理</Button>)
+    if (mailData.info.MAI_Direction !== 1) {
+      btns.push(<Button type='text' key={'set-done'} onClick={() => { alert('todo')}} icon={<MailCheckIcon className={'text-yellow-600'} />} size='small'>已处理</Button>)
+    }
     // 没有关联订单的邮件`绑定订单`
     if (showBindBtn) {
       btns.push(<EmailBindFormModal key={'bind'} onBoundSuccess={() => setShowBindBtn(false)} {...{ conversationid, mai_sn, showBindBtn }} />)
@@ -199,7 +201,7 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, variant, s
             </div>
             <div className=' ml-auto flex flex-col justify-start gap-1 items-end'>
               {/* <ActionBtns /> */}
-              <div className='text-xs '>{mailData.info?.MAI_SendDate || emailMsg.localDate}</div>
+              <div className='text-xs '>{mailData.info?.MAI_SendDate || emailMsg.localDate}{mailData.info.MAI_Direction === 1 ? <SendPlaneFillIcon className='text-primary' /> : <InboxIcon className='text-indigo-500' />}</div>
             </div>
           </div>
           <div className='text-sm'>