整理会话窗口文件

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 /> },
             ],
           },

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;
 

src/views/Conversations/Components/ContactInfo.jsx

@@ -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;

src/views/Conversations/Components/ContactPanel.jsx

@@ -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;

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

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';
 

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() {