From f4a64f0a03722e1e0c39ae06d449389c9a676887 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Tue, 3 Jun 2025 09:48:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=8B=AC=E7=AB=8B=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OrderProfile.jsx | 95 +++++++++++++++++++++++++++++++++
 src/views/orders/Follow.jsx     |  8 ++-
 2 files changed, 102 insertions(+), 1 deletion(-)
 create mode 100644 src/components/OrderProfile.jsx

diff --git a/src/components/OrderProfile.jsx b/src/components/OrderProfile.jsx
new file mode 100644
index 0000000..c5166a9
--- /dev/null
+++ b/src/components/OrderProfile.jsx
@@ -0,0 +1,95 @@
+import {
+  WhatsAppOutlined, FileAddOutlined, MailOutlined,
+  PhoneOutlined,
+  UserOutlined,
+  FieldNumberOutlined,
+  SaveOutlined, CompassOutlined, CalendarOutlined,
+  HeartTwoTone,
+  MoneyCollectTwoTone,
+  FolderOutlined,
+  DeleteOutlined, ClockCircleOutlined,
+  FormOutlined
+} from '@ant-design/icons'
+import {
+  Flex,
+  Button, Space, Divider, Typography,
+  Input
+} from 'antd'
+import { InboxIcon, MailCheckIcon, MailUnreadIcon, SendPlaneFillIcon } from '@/components/Icons'
+
+const OrderProfile = (props) => {
+  return (
+    <>
+      <Flex gap={6} vertical={true} justify='space-between'>
+        <Typography.Text>
+          <FieldNumberOutlined className='pr-1' />
+          LSS250501006
+          <HeartTwoTone twoToneColor='#eb2f96' />
+          <MoneyCollectTwoTone twoToneColor='#eb2f96' />
+        </Typography.Text>
+        <Typography.Text>
+          <UserOutlined className=' pr-1' />
+          Jorgina(R1)
+        </Typography.Text>
+        <Typography.Text>
+          <CompassOutlined className=' pr-1' />
+          Thailand
+        </Typography.Text>
+        <Typography.Text>
+          <PhoneOutlined className=' pr-1' />
+          <Button type='link' size={'small'} onClick={() => {}}>
+            6596823833
+          </Button>
+        </Typography.Text>
+        <Typography.Text>
+          <MailOutlined className=' pr-1' />
+          Jorgina@gmail.com
+        </Typography.Text>
+        <Typography.Text>
+          <WhatsAppOutlined className='pr-1' />
+          <Button type='link' size={'small'} onClick={() => {}}>
+            6596826951
+          </Button>
+        </Typography.Text>
+        <Typography.Text>
+          <CalendarOutlined className='pr-1' />
+          <span>出发日期：</span>2025-09-18，已下计划
+        </Typography.Text>
+        <Typography.Text>
+          <span>特殊要求：</span>
+          在华城市 桂林 对酒店和房型要求 5-star
+        </Typography.Text>
+        <Typography.Text>
+          <span>外联备注：</span>
+          泰国马来水灯节
+        </Typography.Text>
+      </Flex>
+      <Divider orientation='left'>
+        <Typography.Text strong>表单信息</Typography.Text>
+        <FileAddOutlined className='pl-1' />
+      </Divider>
+      <p
+        className='p-2 overflow-auto m-0 break-words whitespace-pre-wrap'
+        dangerouslySetInnerHTML={{
+          __html:
+            'orderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detailorderDetail.order_detail',
+        }}></p>
+      <Space.Compact block>
+        <Input addonBefore='附加信息' />
+        <Button icon={<SaveOutlined />} />
+      </Space.Compact>
+      <Flex gap='small'>
+        <Button
+          color='cyan'
+          variant='outlined'
+          onClick={() => {
+            // setOpenOrder(true)
+          }}>
+          订单状态
+        </Button>
+      </Flex>
+    </>
+  )
+}
+
+export default OrderProfile
diff --git a/src/views/orders/Follow.jsx b/src/views/orders/Follow.jsx
index 69e5bb5..c149711 100644
--- a/src/views/orders/Follow.jsx
+++ b/src/views/orders/Follow.jsx
@@ -71,6 +71,7 @@ import { UNREAD_MARK } from '@/actions/ConversationActions'
 import AdvanceSearchForm from './AdvanceSearchForm'
 import EmailDetailInline from '../Conversations/Online/Components/EmailDetailInline'
 import { getEmailDirAction } from '@/actions/EmailActions'
+import OrderProfile from '@/components/OrderProfile'
 
 const EmailDirTypeIcons = {
   '0': { component: FolderOutlined, color: '#ffe78f', className: 'text-blue-500' },
@@ -464,8 +465,13 @@ function Follow() {
   </div>
   </Col>
   </Row>
-
         </Layout.Content>
+
+    <Layout.Sider zeroWidthTriggerStyle={{top: '30px'}} width='280' style={{
+  backgroundColor: '#fff',
+}} collapsible collapsed={collapsed} onCollapse={value => setCollapsed(value)} collapsedWidth={0} reverseArrow={true}>
+      <OrderProfile/>
+          </Layout.Sider>
       </Layout>
 
       <Drawer