-
- );
-};
-
-interface IChatTimeProps {
- msgtime: number;
-}
-
-export const ChatTime: React.FC
-
-
- 
-
-
-
-
- name
-
- 通过 message.useMessage 创建支持读取 context 的
- contextHolder。请注意，我们推荐通过顶层注册的方式代替 message
- 静态方法，因为静态方法无法消费上下文，因而 ConfigProvider 的数据也不会生效。
- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-
-
-
-
-
- name
-
- 通过 message.useMessage 创建支持读取 context 的
- contextHolder。请注意，我们推荐通过顶层注册的方式代替 message
- 静态方法，因为静态方法无法消费上下文，因而 ConfigProvider 的数据也不会生效。
- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-
-
-
-
-
-
-
- );
-};
-
-export const ChatRevoke: React.FC = () => {
- return (
-
- {formatTime()}
-
-
-
- "xxxxx" 撤回了一条消息
-
-
- );
-};
-
-export const ChatAgreeOrNot: React.FC = () => {
- return (
-
-
- 对方[不]同意存档会话内容，你将无法继续提供服务
-
-
- );
-};
-
-// 语音
-export const ChatVoice = () => {
- return (
-
-
- );
-};
-// 视频
-export const ChatVideo = () => {
- return (
-
-
- name
-
- 2"
-
-
-
-
-
-
-
-
- );
-};
-
-// 名片
-export const ChatCard = () => {
- return (
-
-
- name
-
-
-
-
-
-
-
-
- );
-};
-
-// 表情
-export const ChatEmotion = () => {
- return (
-
-
- name
-
-
-
-
-
-
-
-
- 腾讯
- corpname
- corpname2
- 个人名片
-
-
-
-
-
-
- );
-};
-// 文件
-export const ChatFile = () => {
- return (
-
-
- name
-
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/src/pages/ChatLogs/ChatLogsType.ts b/src/pages/ChatLogs/ChatLogsType.ts
new file mode 100644
index 0000000..03a6b8a
--- /dev/null
+++ b/src/pages/ChatLogs/ChatLogsType.ts
@@ -0,0 +1,36 @@
+export interface IStaffsItem {
+ user_id: string | number;
+ name: string;
+ telephone: string;
+ dep_name: string[];
+ position: string;
+}
+
+export interface ICustFollow {
+ cust_id: string;
+ cust_info: {
+ avatar: string;
+ cust_id: string;
+ gender: number;
+ name: string;
+ sync_time: string;
+ type: number;
+ };
+}
+
+export interface IChat {
+ action: string;
+ content: string;
+ msg_from: string;
+ msg_id: string;
+ msg_time: string;
+ msg_to_list: string;
+ msg_type: string;
+ room_id: string;
+}
+export interface IChatItem {
+ from?: IStaffsItem;
+ to?: ICustFollow;
+ group?: any;
+ chat?: IChat;
+}
diff --git a/src/pages/ChatLogs/components/ChatAgreeOrNot.tsx b/src/pages/ChatLogs/components/ChatAgreeOrNot.tsx
new file mode 100644
index 0000000..45bdc39
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatAgreeOrNot.tsx
@@ -0,0 +1,24 @@
+interface IProps {
+ msg_type: string;
+}
+export const ChatAgreeOrNot: React.FC
-
- name
-
-
-
-
-
-
-
-
-
+
+ 对方{props.msg_type == 'agree' ? '' : '不'}同意存档会话内容，你将无法继续提供服务
+
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatBar.tsx b/src/pages/ChatLogs/components/ChatBar.tsx
new file mode 100644
index 0000000..54d33fc
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatBar.tsx
@@ -0,0 +1,46 @@
+import { IChatItem } from '../ChatLogsType';
+import { ChatAgreeOrNot } from './ChatAgreeOrNot';
+import { ChatCard } from './ChatCard';
+import { ChatEmotion } from './ChatEmotion';
+import { ChatFile } from './ChatFile';
+import { ChatImage } from './ChatImage';
+import { ChatLink } from './ChatLink';
+import { ChatLocation } from './ChatLocation';
+import { ChatRecord } from './ChatRecord';
+import { ChatRedpacket } from './ChatRedpacket';
+import { ChatRevoke } from './ChatRevoke';
+import { ChatText } from './ChatText';
+import { ChatVideo } from './ChatVideo';
+import { ChatVoice } from './ChatVoice';
+
+export const ChatBar: React.FC
+ //
+ //
+ //
+ //
+ //
+ // 腾讯
+ // corpname
+ // corpname2
+ // 个人名片
+ try {
+ const msg = JSON.parse(props.chat?.content as string);
+ return (
+
+
+ );
+ } catch (_e) {
+ return (
+ {msg.corpname}
+ 名片
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatEmotion.tsx b/src/pages/ChatLogs/components/ChatEmotion.tsx
new file mode 100644
index 0000000..2e8373d
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatEmotion.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+// 表情
+export const ChatEmotion: React.FC
+ 
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+ 
+
+ );
+ } catch (_e) {
+ return {props.chat?.content}
;
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatFile.tsx b/src/pages/ChatLogs/components/ChatFile.tsx
new file mode 100644
index 0000000..34fafcc
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatFile.tsx
@@ -0,0 +1,52 @@
+import { FileTextFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatFile: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+ {msg.file_name}
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatImage.tsx b/src/pages/ChatLogs/components/ChatImage.tsx
new file mode 100644
index 0000000..70c7bba
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatImage.tsx
@@ -0,0 +1,58 @@
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatImage: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+
+ );
+ } catch (_e) {
+ return (
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatLink.tsx b/src/pages/ChatLogs/components/ChatLink.tsx
new file mode 100644
index 0000000..f961b65
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatLink.tsx
@@ -0,0 +1,57 @@
+import { IeSquareFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatLink: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+ {msg.image_url ? (
+ 
+ ) : null}
+
+ );
+ } catch (_e) {
+ return (
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatLocation.tsx b/src/pages/ChatLogs/components/ChatLocation.tsx
new file mode 100644
index 0000000..d31e64b
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatLocation.tsx
@@ -0,0 +1,56 @@
+import { EnvironmentFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatLocation: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+ {msg.title}
+ {msg.address}
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatRecord.tsx b/src/pages/ChatLogs/components/ChatRecord.tsx
new file mode 100644
index 0000000..e0ed823
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatRecord.tsx
@@ -0,0 +1,52 @@
+import { FileTextFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatRecord: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+ {msg.file_name}
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatRedpacket.tsx b/src/pages/ChatLogs/components/ChatRedpacket.tsx
new file mode 100644
index 0000000..e6d0fa6
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatRedpacket.tsx
@@ -0,0 +1,63 @@
+import { RedEnvelopeFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatRedpacket: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+ );
+ } catch (_e) {
+ return (
+
+
+
+
+ {msg.wish}
+
+ {msg.totalcnt}个，{(msg.totalamount / 100).toFixed(2)}元
+
+ 红包
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+
+
+ {props.chat?.content}
+ 红包
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatRevoke.tsx b/src/pages/ChatLogs/components/ChatRevoke.tsx
new file mode 100644
index 0000000..39b7450
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatRevoke.tsx
@@ -0,0 +1,21 @@
+export const ChatRevoke: React.FC = () => {
+ return (
+
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+ 撤回了一条消息
+
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatText.tsx b/src/pages/ChatLogs/components/ChatText.tsx
new file mode 100644
index 0000000..5902dd8
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatText.tsx
@@ -0,0 +1,28 @@
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatText: React.FC
+ {props.from?.user_id == props.chat?.msg_from ? (
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatTime.tsx b/src/pages/ChatLogs/components/ChatTime.tsx
new file mode 100644
index 0000000..5892ebf
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatTime.tsx
@@ -0,0 +1,79 @@
+interface IChatTimeProps {
+ msgtime: string;
+}
+
+export const ChatTime: React.FC
+
+ ) : (
+
+
+ {props.from?.name}
+ {props.chat?.content}
+ {props.from?.name[0]}
+
+
+ )}
+
+
+
+
+
+ {props.to?.cust_info.name}
+ {props.chat?.content}
+
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatVideo.tsx b/src/pages/ChatLogs/components/ChatVideo.tsx
new file mode 100644
index 0000000..28c755d
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatVideo.tsx
@@ -0,0 +1,60 @@
+import { PlayCircleOutlined } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatVideo: React.FC
+ {formatTime()}
+
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ 数据错误
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/ChatVoice.tsx b/src/pages/ChatLogs/components/ChatVoice.tsx
new file mode 100644
index 0000000..b4113c6
--- /dev/null
+++ b/src/pages/ChatLogs/components/ChatVoice.tsx
@@ -0,0 +1,56 @@
+import { FileTextFilled } from '@ant-design/icons';
+import { IChatItem } from '../ChatLogsType';
+import styles from './index.module.scss';
+
+export const ChatVoice: React.FC
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+ );
+ }
+ }
+
+ return (
+ <>
+ {props.from?.user_id == props.chat?.msg_from ? (
+ {props.chat?.content}
+
+
+ ) : (
+
+
+ {props.from?.name}
+ {content()}
+ {props.from?.name[0]}
+
+
+ )}
+
+ );
+};
diff --git a/src/pages/ChatLogs/components/index.module.scss b/src/pages/ChatLogs/components/index.module.scss
new file mode 100644
index 0000000..c8f0a08
--- /dev/null
+++ b/src/pages/ChatLogs/components/index.module.scss
@@ -0,0 +1,111 @@
+.chatLeft {
+ display: flex;
+ margin-bottom: 12px;
+
+ .chatContentBox {
+ display: inline-flex;
+ flex-direction: column;
+ flex-shrink: 0;
+ max-width: 60%;
+ margin-left: 16px;
+ }
+}
+
+.chatAvatar {
+
+ flex-shrink: 0;
+ width: 34px;
+ height: 34px;
+
+ img {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: cover;
+ background-color: #fff;
+ border-radius: 2px;
+ }
+}
+
+.name {
+ margin-bottom: 8px;
+ color: #999;
+}
+
+.content {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ padding: 12px;
+ word-break: break-all;
+ background-color: #fff;
+ border-radius: 4px;
+
+ &::before {
+ position: absolute;
+ top: 12px;
+ left: -6px;
+ width: 12px;
+ height: 12px;
+ background-color: #fff;
+ transform: rotate(45deg);
+ content: '';
+ }
+
+ &:hover,
+ &:hover::before {
+ background-color: #ebebeb;
+ }
+}
+
+.chatRight {
+ display: flex;
+ justify-content: end;
+ margin-bottom: 12px;
+
+ .name {
+ text-align: right;
+ }
+
+ .chatContentBox {
+ display: inline-flex;
+ flex-direction: column;
+ flex-shrink: 0;
+ justify-content: end;
+ max-width: 60%;
+ margin-right: 16px;
+ }
+
+ .content {
+ background-color: #95ec69;
+
+ &::before {
+ right: -6px;
+ left: initial;
+ background-color: #95ec69;
+ }
+
+ &:hover,
+ &:hover::before {
+ background-color: #89d961;
+ }
+ }
+}
+
+.video {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 176px;
+ height: 144px;
+ background-color: #333;
+ border-radius: 4px;
+ cursor: pointer;
+
+ .videoTime {
+ position: absolute;
+ right: 8px;
+ bottom: 8px;
+ color: #fff;
+ }
+}
diff --git a/src/pages/ChatLogs/index.module.scss b/src/pages/ChatLogs/index.module.scss
index 08c8688..bcf033d 100644
--- a/src/pages/ChatLogs/index.module.scss
+++ b/src/pages/ChatLogs/index.module.scss
@@ -1,109 +1,114 @@
-.chatLeft {
+.box {
display: flex;
-
- .chatContentBox {
- display: inline-flex;
- flex-direction: column;
- flex-shrink: 0;
- max-width: 60%;
- margin-left: 16px;
- }
+ border: 1px solid #ddd;
}
-.chatAvatar {
-
+.personnelBox {
+ position: relative;
flex-shrink: 0;
- width: 34px;
- height: 34px;
-
- img {
- max-width: 100%;
- max-height: 100%;
- object-fit: cover;
- background-color: #fff;
- border-radius: 2px;
- }
+ width: 251px;
+ height: calc(100vh - 212px);
+ border-right: 1px solid #ddd;
}
-.name {
- margin-bottom: 8px;
- color: #999;
-}
-
-.content {
- position: relative;
- display: flex;
- justify-content: center;
- padding: 12px;
- word-break: break-all;
- background-color: #fff;
- border-radius: 4px;
-
- &::before {
- position: absolute;
- top: 12px;
- left: -6px;
- width: 12px;
- height: 12px;
- background-color: #fff;
- transform: rotate(45deg);
- content: '';
- }
-
- &:hover,
- &:hover::before {
- background-color: #ebebeb;
- }
-}
-
-.chatRight {
- display: flex;
- justify-content: end;
-
- .name {
- text-align: right;
- }
-
- .chatContentBox {
- display: inline-flex;
- flex-direction: column;
- flex-shrink: 0;
- justify-content: end;
- max-width: 60%;
- margin-right: 16px;
- }
-
- .content {
- background-color: #95ec69;
-
- &::before {
- right: -6px;
- left: initial;
- background-color: #95ec69;
- }
-
- &:hover,
- &:hover::before {
- background-color: #89d961;
- }
- }
-}
-
-.video {
- position: relative;
+.chatA,
+.chatB {
display: flex;
align-items: center;
- justify-content: center;
- width: 176px;
- height: 144px;
- background-color: #333;
- border-radius: 4px;
+ justify-content: flex-start;
+ height: 65px;
+ margin-bottom: 12px;
+ padding: 0 12px;
+ border-bottom: 1px solid #ddd;
cursor: pointer;
- .videoTime {
- position: absolute;
- right: 8px;
- bottom: 8px;
- color: #fff;
+ &:hover {
+ background-color: #d6d6d7;
+ }
+
+ &.active {
+ background-color: #c5c4c4;
+ }
+}
+
+.chatB {
+ margin-bottom: 0;
+ border-bottom: none;
+}
+
+.chatAMsg {
+ display: flex;
+ flex: 1;
+ align-items: flex-start;
+ min-width: 0;
+ height: 40px;
+ padding-left: 12px;
+
+ .chatAName {
+ flex: 1;
+ flex-shrink: 0;
+ min-width: 0;
+ overflow: hidden;
+ font-size: 16px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+}
+
+.avatar {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ width: 40px;
+ height: 40px;
+ line-height: 1;
+ background-color: #fff;
+ border-radius: 4px;
+}
+
+
+.chatBBox {
+ height: calc(100vh - 212px - 164px);
+ overflow: auto;
+}
+
+.chatLogBox {
+ height: calc(100vh - 212px - 66px);
+ padding: 12px;
+ overflow: auto;
+}
+
+.logTop {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ height: 65px;
+ padding: 0 12px;
+ border-bottom: 1px solid #ddd;
+}
+
+.flolowsBox {
+ position: absolute;
+ top: 65px;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ max-height: 50vh;
+ overflow: auto;
+ background-color: #fff;
+ transform: translateY(20px);
+ visibility: hidden;
+ cursor: pointer;
+ opacity: 0;
+ transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
+ pointer-events: none;
+
+ &.show {
+ z-index: 1;
+ transform: translateY(0px);
+ visibility: visible;
+ opacity: 1;
+ pointer-events: all;
}
}
diff --git a/src/pages/ChatLogs/index.tsx b/src/pages/ChatLogs/index.tsx
index 5420bbd..dad0950 100644
--- a/src/pages/ChatLogs/index.tsx
+++ b/src/pages/ChatLogs/index.tsx
@@ -1,159 +1,306 @@
-import { SearchBarPlugin, SearchBottonsCardPlugin } from '@/components/SearchBarPlugin';
+import { post } from '@/services/ajax';
+import { DownOutlined, UpOutlined } from '@ant-design/icons';
import { PageContainer } from '@ant-design/pro-components';
-import { Button, Col, Form, Input, Pagination, Row, Select, Table } from 'antd';
-import React, { useState } from 'react';
-import { ChatBar, ChatTime } from './ChatBar';
-
-interface DataType {
- key: React.Key;
- firstName: string;
- lastName: string;
- age: number;
- address: string;
- tags: string[];
-}
+import { Form, Input, Tabs } from 'antd';
+import Spin from 'antd/lib/spin';
+import { stringify } from 'qs';
+import React, { useEffect, useRef, useState } from 'react';
+import { IChat, ICustFollow, IStaffsItem } from './ChatLogsType';
+import { ChatBar } from './components/ChatBar';
+import { ChatTime } from './components/ChatTime';
+import styles from './index.module.scss';
const ChatLogs: React.FC = () => {
- const [param, setParam] = useState({
+ const [param] = useState({
curr_page: 1,
page_count: 20,
+ msg_from: '',
+ msg_to_list: '',
});
+ const tabKeyRef = useRef('0');
- const data: DataType[] = [
+ const [selectStaff, setSelectStaff] = useState
+
+
+
+
+ {props.to?.cust_info.name}
+ {content()}
+
+
+
+
+ {staffsList.map((item) => {
+ return (
+
+ {
+ setSelectStaff({ ...item });
+ selectStaffRef.current = { ...item };
+ setFlolowsBox(false);
+ getCustFollowsList();
+ }}
+ >
+
+ );
+ })}
+ {item.name[0]}
+
+
+
+ {item.name}
+
+ {
+ e.stopPropagation();
+ setFlolowsBox(!flolowsBoxShow);
+ }}
+ >
+ {selectStaff ? (
+ <>
+
+
+ {selectStaff.name[0]}
+
+
+ {flolowsBoxShow ?
+ {selectStaff.name}
+
+
+ {custFollowsList.map((item) => {
+ return (
+
+ {
+ setCustFollow(item);
+ selectCustFollowRef.current = item;
+ page(1);
+ }}
+ >
+
+ );
+ })}
+
+ 
+
+
+
+
+ {item.cust_info.name}
+
+
+
+
+
+
+
+ {selectCustFollowRef.current?.cust_info.name}
+ {
+ if (
+ e.target.scrollTop == 0 &&
+ !isAllChatRef.current &&
+ !chatLogLoadingRef.current
+ ) {
+ page(param.curr_page + 1);
+ }
+ }}
+ >
+ {isAllChatRef.current ? (
+ {
- param.page_count = size;
- setParam({ ...param });
- }}
- showTotal={(total, range) => {
- return 共{total}条;
- }}
- onChange={(page, pageSize) => {
- param.curr_page = page;
- setParam({ ...param });
- }}
- />
+ if (i == 0) {
+ timeShowRef.current = true;
+ }
+
+ return (
+
+
+ 没有更多聊天记录了
+
+ ) : null}
+ {chatLogs.map((item, i) => {
+ if (item.curr_page) {
+ return (
+
+ );
+ } else {
+ if (timeDiffRef.current == '') {
+ timeDiffRef.current = item.msg_time;
+ timeShowRef.current = false;
+ } else {
+ if (
+ Date.parse(item.msg_time) - Date.parse(timeDiffRef.current) >
+ 5 * 60 * 1000
+ ) {
+ timeDiffRef.current = item.msg_time;
+ timeShowRef.current = true;
+ } else {
+ timeShowRef.current = false;
+ }
+ }
-
+ {timeShowRef.current ?
+ );
+ }
+ })}
+
-
+ );
+ }}
+ >
- {nodeData.name}
-
-
+
+ {departmentsList.length ? (
+ {
+ if (selectedKeys.length) {
+ setDepartmentsID(Number(selectedKeys[0]));
+ param.dep_id = Number(selectedKeys[0]);
+ page(1);
+ }
+ }}
+ titleRender={(nodeData: any) => {
+ // console.log(nodeData);
+ return (
+
+
*/}
+
+
{
@@ -251,13 +159,15 @@ const DepartmentsList: React.FC = () => {
className={styles.del}
/>
-
-
- );
- }}
- >
+ {nodeData.name}
+
+ {/*