feat: 增加供应商邮件界面；增加供应商、订单和邮件关系

src/views/Conversations/Online/order/CustomerProfile.jsx

@@ -1,5 +1,5 @@
 import { LinkOutlined, MailOutlined, PhoneOutlined, UserOutlined, WhatsAppOutlined } from "@ant-design/icons";
-import { App, Button, Card, Empty, Flex, Select, Spin, Typography, Divider, Modal } from "antd";
+import { App, Button, Card, Empty, Flex, Select, Spin, Typography, Divider, Modal, List, Row, Col, Tag } from "antd";
 import { useEffect, useState, useRef } from "react";
 import { useNavigate } from "react-router-dom";
 
@@ -168,6 +168,30 @@ const CustomerProfile = () => {
 						/>
 					</Flex>
 
+          <Divider orientation="left">
+            <Typography.Text strong>供应商邮件</Typography.Text>
+          </Divider>
+
+          <List
+            dataSource={[
+              {from: 'nuttour@yahoo.com', subject: 'I have received but I am unable to find his name'},
+              {from: 'cuijie121212@kha.biglobe.ne.jp', subject: 'Originally we had included alsisar haveli.'}
+            ]}
+            renderItem={(email) => (
+              <List.Item
+                className='hover:bg-stone-50'
+                onClick={() => {
+                  console.info('email...')
+                }}>
+                  <Flex
+                    vertical
+                  >
+                    <div><b>From: </b><Typography.Text ellipsis={true}>{email.from}</Typography.Text></div>
+                    <div><b>Subject: </b>{email.subject}</div>
+                  </Flex>
+              </List.Item>
+            )}
+          />
 					<Divider orientation="left">
 						<Typography.Text strong>表单信息</Typography.Text>
 					</Divider>