feat: 独立订单信息组件

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

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