diff --git a/src/main.jsx b/src/main.jsx
index bb5510e..5d36f8d 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -13,11 +13,11 @@ import DingdingCallback from '@/views/dingding/Callback'
 import DingdingLogout from '@/views/dingding/Logout'
 import AccountProfile from '@/views/accounts/Profile'
 import ErrorPage from '@/components/ErrorPage'
-import Conversations from '@/views/Conversations/ChatWindow'
+import ChatWindow from '@/views/ChatWindow'
 import MobileConversation from '@/views/mobile/Conversation'
 import MobileChat from '@/views/mobile/Chat'
 import MobileSecondHeader from '@/views/mobile/SecondHeaderWrapper';
-import CustomerProfile from '@/views/Conversations/Components/CustomerProfile';
+import CustomerProfile from '@/views/Conversations/Online/order/CustomerProfile';
 
 import DingdingLogin from '@/views/dingding/Login'
 import useAuthStore from '@/stores/AuthStore'
@@ -58,8 +58,8 @@ const router = createBrowserRouter([
               { path: 'order/follow', element: <OrderFollow /> },
               { path: 'chat/history', element: <ChatHistory /> },
               { path: 'sales/management', element: <SalesManagement /> },
-              { path: 'order/chat/:order_sn', element: <Conversations /> },
-              { path: 'order/chat', element: <Conversations /> },
+              { path: 'order/chat/:order_sn', element: <ChatWindow /> },
+              { path: 'order/chat', element: <ChatWindow /> },
               { path: 'account/profile', element: <AccountProfile /> },
             ],
           },
diff --git a/src/views/Conversations/ChatWindow.jsx b/src/views/ChatWindow.jsx
similarity index 85%
rename from src/views/Conversations/ChatWindow.jsx
rename to src/views/ChatWindow.jsx
index 0cdb0b7..d642e61 100644
--- a/src/views/Conversations/ChatWindow.jsx
+++ b/src/views/ChatWindow.jsx
@@ -2,15 +2,15 @@ import { useEffect, useState } from 'react';
 import { Layout, Spin, Button } from 'antd';
 import { RightCircleOutlined, RightOutlined, ReloadOutlined, MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
 // import { useParams, useNavigate } from 'react-router-dom';
-import MessagesHeader from './Components/MessagesHeader';
-import MessagesWrapper from './Components/MessagesWrapper';
-import InputComposer from './Components/InputComposer';
-import ConversationsList from './Components/ConversationsList';
-import CustomerProfile from './Components/CustomerProfile';
+import MessagesHeader from './Conversations/Online/MessagesHeader';
+import MessagesWrapper from './Conversations/Online/MessagesWrapper';
+import InputComposer from './Conversations/Online/InputComposer';
+import ConversationsList from './Conversations/Online/ConversationsList';
+import CustomerProfile from './Conversations/Online/order/CustomerProfile';
 // import { useAuthContext } from '@/stores/AuthContext';
 // import useConversationStore from '@/stores/ConversationStore';
 
-import './Conversations.css';
+import './Conversations/Conversations.css';
 
 const { Sider, Content, Header, Footer } = Layout;
 
diff --git a/src/views/Conversations/Components/ContactInfo.jsx b/src/views/Conversations/Components/ContactInfo.jsx
deleted file mode 100644
index 5087178..0000000
--- a/src/views/Conversations/Components/ContactInfo.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useContext } from 'react';
-import { stores_Context } from '../config';
-import { Table } from 'antd';
-
-const ContactInfo = ((props) => {
-  // const {  } = useContext(stores_Context);
-    return (
-      <>
-      </>
-    );
-});
-export default ContactInfo;
diff --git a/src/views/Conversations/Components/ContactPanel.jsx b/src/views/Conversations/Components/ContactPanel.jsx
deleted file mode 100644
index db8881c..0000000
--- a/src/views/Conversations/Components/ContactPanel.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useContext } from 'react';
-import { stores_Context } from '../config';
-import { Table } from 'antd';
-
-const ContactPanel = ((props) => {
-  // const {  } = useContext(stores_Context);
-    return (
-      <>
-      </>
-    );
-});
-export default ContactPanel;
diff --git a/src/views/Conversations/Components/ConversationsList.jsx b/src/views/Conversations/Online/ConversationsList.jsx
similarity index 100%
rename from src/views/Conversations/Components/ConversationsList.jsx
rename to src/views/Conversations/Online/ConversationsList.jsx
diff --git a/src/views/Conversations/Components/ExpireTimeClock.jsx b/src/views/Conversations/Online/ExpireTimeClock.jsx
similarity index 100%
rename from src/views/Conversations/Components/ExpireTimeClock.jsx
rename to src/views/Conversations/Online/ExpireTimeClock.jsx
diff --git a/src/views/Conversations/Components/Input/Emoji.jsx b/src/views/Conversations/Online/Input/Emoji.jsx
similarity index 100%
rename from src/views/Conversations/Components/Input/Emoji.jsx
rename to src/views/Conversations/Online/Input/Emoji.jsx
diff --git a/src/views/Conversations/Components/Input/MediaUpload.jsx b/src/views/Conversations/Online/Input/MediaUpload.jsx
similarity index 100%
rename from src/views/Conversations/Components/Input/MediaUpload.jsx
rename to src/views/Conversations/Online/Input/MediaUpload.jsx
diff --git a/src/views/Conversations/Components/Input/Template.jsx b/src/views/Conversations/Online/Input/Template.jsx
similarity index 100%
rename from src/views/Conversations/Components/Input/Template.jsx
rename to src/views/Conversations/Online/Input/Template.jsx
diff --git a/src/views/Conversations/Components/InputComposer.jsx b/src/views/Conversations/Online/InputComposer.jsx
similarity index 100%
rename from src/views/Conversations/Components/InputComposer.jsx
rename to src/views/Conversations/Online/InputComposer.jsx
diff --git a/src/views/Conversations/Components/LocalTimeClock.jsx b/src/views/Conversations/Online/LocalTimeClock.jsx
similarity index 100%
rename from src/views/Conversations/Components/LocalTimeClock.jsx
rename to src/views/Conversations/Online/LocalTimeClock.jsx
diff --git a/src/views/Conversations/Components/MessagesHeader.jsx b/src/views/Conversations/Online/MessagesHeader.jsx
similarity index 100%
rename from src/views/Conversations/Components/MessagesHeader.jsx
rename to src/views/Conversations/Online/MessagesHeader.jsx
diff --git a/src/views/Conversations/Components/MessagesList.jsx b/src/views/Conversations/Online/MessagesList.jsx
similarity index 100%
rename from src/views/Conversations/Components/MessagesList.jsx
rename to src/views/Conversations/Online/MessagesList.jsx
diff --git a/src/views/Conversations/Components/MessagesWrapper.jsx b/src/views/Conversations/Online/MessagesWrapper.jsx
similarity index 100%
rename from src/views/Conversations/Components/MessagesWrapper.jsx
rename to src/views/Conversations/Online/MessagesWrapper.jsx
diff --git a/src/views/Conversations/Components/CreatePayment.jsx b/src/views/Conversations/Online/order/CreatePayment.jsx
similarity index 100%
rename from src/views/Conversations/Components/CreatePayment.jsx
rename to src/views/Conversations/Online/order/CreatePayment.jsx
diff --git a/src/views/Conversations/Components/CustomerProfile.jsx b/src/views/Conversations/Online/order/CustomerProfile.jsx
similarity index 95%
rename from src/views/Conversations/Components/CustomerProfile.jsx
rename to src/views/Conversations/Online/order/CustomerProfile.jsx
index 5530f33..c8b3838 100644
--- a/src/views/Conversations/Components/CustomerProfile.jsx
+++ b/src/views/Conversations/Online/order/CustomerProfile.jsx
@@ -105,8 +105,8 @@ const CustomerProfile = (() => {
         </Card>
         <Flex vertical={true} className='p-2 '>
           <Typography.Text strong>最新报价</Typography.Text>
-          <Conditional 
-            condition={quotationList.length > 0} 
+          <Conditional
+            condition={quotationList.length > 0}
             whenFalse={<Empty description={<span>暂无报价</span>}></Empty>}
             whenTrue={
             <>
@@ -120,7 +120,7 @@ const CustomerProfile = (() => {
         <p className='p-2 shadow-inner overflow-auto m-0 break-words whitespace-pre-wrap' dangerouslySetInnerHTML={{__html: orderDetail.order_detail}}></p>
         </Spin>
       </div>
-    ) 
+    )
   } else {
     return (
       <Empty
diff --git a/src/views/Conversations/Components/QuotesHistory.jsx b/src/views/Conversations/Online/order/QuotesHistory.jsx
similarity index 100%
rename from src/views/Conversations/Components/QuotesHistory.jsx
rename to src/views/Conversations/Online/order/QuotesHistory.jsx
diff --git a/src/views/mobile/Chat.jsx b/src/views/mobile/Chat.jsx
index 3a71b87..e2b67c7 100644
--- a/src/views/mobile/Chat.jsx
+++ b/src/views/mobile/Chat.jsx
@@ -1,7 +1,7 @@
 import { Layout, Button } from 'antd';
-import MessagesHeader from '@/views/Conversations/Components/MessagesHeader';
-import MessagesWrapper from '@/views/Conversations/Components/MessagesWrapper';
-import InputComposer from '@/views/Conversations/Components/InputComposer';
+import MessagesHeader from '@/views/Conversations/Online/MessagesHeader';
+import MessagesWrapper from '@/views/Conversations/Online/MessagesWrapper';
+import InputComposer from '@/views/Conversations/Online/InputComposer';
 import { UnorderedListOutlined, MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
 import { useNavigate } from 'react-router-dom';
 
diff --git a/src/views/mobile/Conversation.jsx b/src/views/mobile/Conversation.jsx
index d49ab26..7c8d7f8 100644
--- a/src/views/mobile/Conversation.jsx
+++ b/src/views/mobile/Conversation.jsx
@@ -1,4 +1,4 @@
-import ConversationsList from '@/views/Conversations/Components/ConversationsList';
+import ConversationsList from '@/views/Conversations/Online/ConversationsList';
 
 function Conversation() {