bhd-components 0.5.7 → 0.5.9

package/es2017/customerService/index.js

@@ -2,14 +2,14 @@
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
-import styles from "./index.module.less";
 import { Modal, Drawer, Input, Tooltip } from "antd";
+import styles from "./index.module.less";
+// const inOnline = process.env.NODE_TYPE === "online"; 
 import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomSoundRecording, CustomRoundClose } from "../icons/index";
 import { CloseOutlined } from "@ant-design/icons";
 import HistoryFun from "./historyFun/index";
 import ContactsList from "./contactsList/index";
-// import { fetchEventSource } from "@microsoft/fetch-event-source";
-import dayjs from "dayjs";
+import { parseDate } from "../utils/Date";
 import { Remarkable } from "remarkable";
 import hljs from "highlight.js";
 import "highlight.js/styles/default.css";
@@ -21,7 +21,6 @@ import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
 import { readMessage, getByteLen, serverUrl, copyText, getDataTime } from "./function"; //一些方法
 const CustomerService = (props)=>{
     let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId  } = props;
-    // urllocation = "/zhong";
     const [mid, setmid] = useState(props.userData.mid); //当前用户id
     const { bese64String , startRecord , stopRecord  } = useMediaRecorder(); //语音转文字
     const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
@@ -34,8 +33,10 @@ const CustomerService = (props)=>{
     const [hotQuestionsList, setHotQuestionsList] = useState([]); //热门问题
     const [greetingMessage, setGreetingMessage] = useState(false); //聊天记录列表是否请求完成
     const [pageNum, setPageNum] = useState(1); //页码
+    const [pageNumHistory, setPageNumHistory] = useState(0); //用于搜索历史记录后的页码
     const [pageCount, setPageCount] = useState(0); //总页数
-    const [loading, setLoading] = useState(false); //是否显示加载图标
+    const [loading, setLoading] = useState(false); //上拉显示加载图标
+    const [bottomLoading, setBottomLoading] = useState(false); //下拉显示加载图标
     const [finished, setFinished] = useState(true); //是否结束生成
     const [lastId, setLastId] = useState(""); //最后一条数据的id，可用于定位当前位置
     const [chatWith, setChatWith] = useState({}); //聊天的老师id或ai
@@ -53,7 +54,9 @@ const CustomerService = (props)=>{
     let receiveMessageTimer = useRef(null); //接收ai发回的消息
     let voiceCountdownTimer = useRef(null); //语音录制倒计时
     let listTimer = useRef(null); // 请求列表倒计时
+    let roomMessage = useRef(null); //循环当前页面的新消息
     const ctrl = useRef(); //停止生成ai回答时使用
+    let childRef = useRef(null); //获取子组件方法
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
             if (lang && hljs.getLanguage(lang)) {
@@ -73,11 +76,11 @@ const CustomerService = (props)=>{
             clearTimeout(voiceCountdownTimer.current);
             clearTimeout(listTimer.current);
             clearTimeout(timer.current);
+            clearTimeout(roomMessage.current);
         };
     }, []);
     useEffect(()=>{
-        // console.log("重新加载",pageCount);
-        if (showType == 2 && !firstLoad && pageCount > 0) {
+        if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
             setTimeout(()=>{
                 scrollToBottom();
@@ -92,15 +95,18 @@ const CustomerService = (props)=>{
                 //元素内部页面滚动到达底部
                 if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) {
                     //console.log('元素内部页面滚动到达底部');
-                    if (pageNum > 1) {
-                        let number = pageNum - 1;
-                        setPageNum((pageNum)=>{
-                            return pageNum - 1;
-                        });
+                    if (pageNumHistory > 1) {
+                        console.log(pageNumHistory, 'pageNumpageNumpageNum');
+                        let number = pageNumHistory - 1;
+                        // setPageNum((pageNum) => {
+                        //   return pageNum - 1;
+                        // });
+                        setPageNumHistory(number);
                         clearTimeout(listTimer.current);
+                        setBottomLoading(true);
                         listTimer.current = setTimeout(()=>{
                             console.log("加载下一页", number);
-                            getHistoryMessage(number, 2);
+                            getHistoryMessage(number, 4);
                         }, 1000);
                     }
                 }
@@ -113,8 +119,8 @@ const CustomerService = (props)=>{
                 });
                 clearTimeout(listTimer.current);
                 listTimer.current = setTimeout(()=>{
-                    console.log("加载下一页", number);
-                    getHistoryMessage(number, 0);
+                    console.log("下拉加载下一页", number);
+                    getHistoryMessage(number, 2);
                 }, 1000);
             }
         }
@@ -140,9 +146,9 @@ const CustomerService = (props)=>{
             if (showType == 1) {
                 dom.style.maxHeight = `${window.innerHeight - 60 - buttomHei}px`;
             } else if (showType == 3) {
-                dom.style.maxHeight = `${window.innerHeight - 50 - buttomHei}px`;
+                dom.style.maxHeight = `${window.innerHeight - 114 - buttomHei}px`;
             } else {
-                dom.style.maxHeight = `${window.innerHeight - 160 - 60 - buttomHei}px`;
+                dom.style.maxHeight = `${window.innerHeight - 160 - 62 - buttomHei}px`;
             }
         }
     }, [
@@ -150,12 +156,10 @@ const CustomerService = (props)=>{
         showType
     ]);
     useEffect(()=>{
-        console.log(props, 'lsdkcmsdlcksd');
+        // console.log(props,'lsdkcmsdlcksd')
         getQuestiionsList("", 1);
         scrollToBottom();
-        // less.modifyVars({ "@color-border-Tr": "#f4523b" });
-        // console.log("9999999", less);
-        // getRoomList();
+        //  less.modifyVars({ "@color-border-Tr": "#f4523b" });
         setShowType(initShowType);
     }, [
         initShowType
@@ -163,38 +167,33 @@ const CustomerService = (props)=>{
     useEffect(()=>{
         // console.log(roomId,1111111)
         if (roomId != '') {
-            // console.log(roomId,2222222)
-            let num = pageNum != 1 ? pageNum : 1;
-            getHistoryMessage(num, 0);
-            scrollToBottom();
+            if (lastId == '') {
+                getHistoryMessage(pageNum, 2);
+            } else {
+                //查看历史记录，需要定位到当前记录
+                getHistoryMessage(pageNum, 1);
+            }
         }
     }, [
         roomId
     ]);
     useEffect(()=>{
-        console.log(roomList, 'roomListroomListroomListroomListroomList');
-        if (roomList.length > 0) {
-            //切换到有聊天的窗口
-            let message = roomList.filter((item)=>item.unreadCount > 0);
-            if (message.length > 0) {
-                setRoomId(message[0].roomId);
-                readMessage(message[0].roomId, urllocation, userData, http);
-            } else {
-                setRoomId(roomList[0].roomId);
-            }
-        } else {
+        if (roomList.length == 0) {
             createRooms("AI").then((res)=>{
-                // console.log(res.data,'dlfkvdlkfvmdf');
                 setRoomId(res.data.id);
                 setRoomList([
                     {
                         roomId: res.data.id,
                         unreadCount: 0,
-                        uid: mid
+                        uid: mid,
+                        sender: 'AI'
                     }
                 ]);
             });
+        } else {
+            setRoomList(roomList);
         }
+    // recordRef.current.roomList=JSON.parse(JSON.stringify(roomList))
     }, [
         roomList
     ]);
@@ -211,7 +210,12 @@ const CustomerService = (props)=>{
                     if (historyMessageList[historyMessageList.length - 1].extraInfo == null) {
                         sendGreetingMessage(1);
                     } else if (JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo).length > 0 && (JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo)[0].key == "questionId" || JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo)[0].value == "knowledgebase")) {
-                        console.log(JSON.parse(historyMessageList[historyMessageList.length - 1].extraInfo, "sdklsdksd"));
+                        // console.log(
+                        //   JSON.parse(
+                        //     historyMessageList[historyMessageList.length - 1].extraInfo,
+                        //     "sdklsdksd"
+                        //   )
+                        // );
                         sendGreetingMessage(1);
                     }
                 } catch (error) {}
@@ -372,6 +376,7 @@ const CustomerService = (props)=>{
                 recevier: chatWith.uid,
                 message: problem.question
             };
+            setProblem({});
         } else if (type == 2) {
             let list = roomList.filter((item)=>item.roomId == roomId);
             let recevier = '';
@@ -382,7 +387,8 @@ const CustomerService = (props)=>{
                 roomId: roomId,
                 sender: mid,
                 recevier: recevier,
-                message: keyWord
+                message: keyWord,
+                quotedMessage: citationContent.content || ""
             };
         }
         http.post(`${urllocation}/chat-service/public/v1.0/chat-with-user/messages`, obj, {
@@ -397,26 +403,28 @@ const CustomerService = (props)=>{
                         id: res.data.id,
                         upvoted: false,
                         downvoted: false,
-                        quotedMessage: "",
                         createdAt: getDataTime(-1)
                     }));
                     return newHistoryMessageList;
                 });
                 scrollToBottom();
                 //记录一个问题id，用于记录老师和学生之间的聊天保存到实验报告中
-                if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)) {
-                    // setChatObj({'roomId':roomId,'id':res.data.id});
-                    let obj = [
+                // if(stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)){
+                // setChatObj({'roomId':roomId,'id':res.data.id});
+                //判断当前窗口是否是
+                if (type == 1) {
+                    let roomList = [
                         {
                             'roomId': roomId,
                             'id': res.data.id
                         }
                     ];
                     setChatObj((list)=>{
-                        let list2 = list.filter((item)=>item.id != obj[0].id);
-                        return list2.concat(obj);
+                        let list2 = list.filter((item)=>item.id != roomList[0].id);
+                        return list2.concat(roomList);
                     });
                 }
+            // }
             }
         }).catch((err)=>{
             console.log(err);
@@ -729,7 +737,6 @@ const CustomerService = (props)=>{
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
-                    console.log(content, JSON.parse(data), 'sdklcksdlcms');
                     testLabQuestion(JSON.parse(data).message, content, '');
                 }
             },
@@ -801,7 +808,7 @@ const CustomerService = (props)=>{
     };
     //问题记录到实验报告中
     const testLabQuestion = (title, content, teachId)=>{
-        console.log(title, content, '记录到实验报告中');
+        // console.log(title,content,'记录到实验报告中')
         if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)) {
             http.post(`${urllocation}/sandboxes/public/v1.0/labquestion`, {
                 title: title,
@@ -814,6 +821,12 @@ const CustomerService = (props)=>{
                     "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
                     "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
                 }
+            }).then(()=>{
+                console.log(roomId, chatObj, 'roomIdroomIdroomIdroomId');
+                setChatObj((list1)=>{
+                    let list = list1.filter((e)=>e.roomId != roomId);
+                    return list;
+                });
             });
         }
     };
@@ -848,14 +861,27 @@ const CustomerService = (props)=>{
             }
         });
     };
-    //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
-    const getHistoryMessage = (pageNum, flag)=>{
-        console.log(pageNum, flag, "重新加载数据2222");
-        if (roomId == "") return;
+    //获取历史消息  flag:1,历史记录点击定位，2，代表是上拉加载,3,存在新的消息-->老师回答等,4,下拉加载，滚动到底部时，主要用于查看历史记录
+    const getHistoryMessage = (pageNum, flag, id = "1")=>{
+        clearTimeout(roomMessage.current);
+        // flag == 1 时已经设置好了位置标记
+        let last_id = "";
+        if (flag == 2 && historyMessageList.length > 0) {
+            last_id = historyMessageList[0].id;
+        }
+        if (flag != 1 && last_id != "") {
+            setLastId(last_id);
+        }
+        //取消搜索页码标记
+        if (flag == 4 && pageNum == 1) {
+            setPageNumHistory(0);
+        }
+        let rid = flag == 3 ? id : roomId;
+        if (rid == "") return;
         return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
             params: {
-                roomId: roomId,
-                page: pageNum != undefined && pageNum != -1 ? pageNum : 1,
+                roomId: rid,
+                page: pageNum ? pageNum : 1,
                 maxPageSize: 30,
                 direction: "desc"
             },
@@ -864,129 +890,180 @@ const CustomerService = (props)=>{
                 "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
             }
         }).then((res)=>{
+            let totalNumber = 0;
+            let roomList = [];
+            setRoomList((list)=>{
+                roomList = list;
+                return list;
+            });
             if (res.data.messages.length > 0) {
                 clearTimeout(listTimer.current);
-                let last_id = "";
                 let total = res.data.total;
                 let maxPageSize = 30;
                 let dataList = res.data.messages.reverse();
                 setPageCount(Math.ceil(total / maxPageSize));
                 let newHistoryMessageList = [];
                 setHistoryMessageList((historyMessageList)=>{
-                    if (flag != 1 && historyMessageList.length > 0) {
-                        if (flag == 2) {
-                            last_id = historyMessageList[historyMessageList.length - 1].id;
+                    //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
+                    newHistoryMessageList = [];
+                    if (flag == 1) {
+                        newHistoryMessageList = dataList;
+                    }
+                    if (flag == 4) {
+                        newHistoryMessageList = historyMessageList.concat(dataList); //下拉加载，向后追加内容
+                    }
+                    if (flag == 2) {
+                        if (pageNum == 1) {
+                            newHistoryMessageList = dataList;
                         } else {
-                            last_id = historyMessageList[0].id;
+                            newHistoryMessageList = dataList.concat(historyMessageList);
                         }
                     }
-                    newHistoryMessageList = [];
-                    //查找历史记录flag==1
-                    if (pageNum == 1 || flag == 1 || flag == 3) {
+                    if (flag == 3) {
                         newHistoryMessageList = dataList;
-                    } else if (flag == 2) {
-                        //下拉加载
-                        newHistoryMessageList = historyMessageList.concat(dataList);
-                    } else {
-                        newHistoryMessageList = dataList.concat(historyMessageList);
                     }
+                    //去重
                     let res = new Map();
                     newHistoryMessageList = newHistoryMessageList.filter((a)=>!res.has(a.id) && res.set(a.id, 1));
+                    totalNumber = newHistoryMessageList.length;
                     return newHistoryMessageList;
                 });
                 //如果在跟老师的聊天窗口,用于找到与老师的最新的聊天,并不在与老师对话的窗口中,并聊天窗口相同
                 try {
-                    if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4) && roomList.length > 0 && roomList[0].roomId != roomId) {
+                    if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)) {
                         fildChatRecords(newHistoryMessageList);
                     }
                 } catch (error) {}
-                if (flag != 1) {
-                    setLastId(last_id);
-                }
-                if (pageNum == 1 && flag != 1 || flag == 3) {
-                    scrollToBottom();
-                } else {
-                    console.log("滚动到相应为止3333");
-                    scrollTo("li_flag");
+                if (flag != 4) {
+                    if (pageNum == 1 && (flag == 2 || flag == 3)) {
+                        scrollToBottom();
+                    } else {
+                        scrollTo("li_flag");
+                    }
                 }
+                setBottomLoading(false);
+                setLoading(false);
                 setGreetingMessage(true);
                 //召唤老师回答
-                console.log(problem, 8888888);
                 if (problem != undefined && problem.user != undefined && problem.question != undefined) {
-                    console.log(problem, 77777);
                     sendToTeacher(1);
                 }
             } else {
                 setPageCount(0);
                 setGreetingMessage(true);
+                setBottomLoading(false);
                 setLoading(false);
                 setHistoryMessageList([]);
                 //召唤老师回答
-                console.log(problem, 8888888);
                 if (problem != undefined && problem.user != undefined && problem.question != undefined) {
-                    console.log(problem, 77777);
                     sendToTeacher(1);
                 }
             }
+            // console.log(roomList,rid,roomId,555555);
+            //不是ai窗口循环查询消息
+            let chatWindow = roomList.filter((item)=>item.roomId == rid);
+            let isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == 'AI' ? true : false;
+            if (!isAiChatWindow && roomList.length > 0) {
+                getRoomidHistoryMessage(totalNumber, rid);
+            }
         }).catch((res)=>{
             setLoading(false);
         });
     };
+    //用于循环新消息
+    const getRoomidHistoryMessage = (totalNumber, rid)=>{
+        clearTimeout(roomMessage.current);
+        roomMessage.current = setTimeout(()=>{
+            getRoomidHistoryMessage(totalNumber, rid);
+        }, 5000);
+        if (rid == '') return;
+        // console.log(roomList,2222222);
+        return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
+            params: {
+                roomId: rid,
+                page: 1,
+                maxPageSize: totalNumber < 30 ? 30 : totalNumber + 10,
+                direction: "desc"
+            },
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            let newHistoryMessageList = [];
+            if (res.data.messages.length > 0) {
+                let dataList = res.data.messages.reverse();
+                setHistoryMessageList((historyMessageList)=>{
+                    newHistoryMessageList = dataList;
+                    //去重
+                    let res = new Map();
+                    newHistoryMessageList = newHistoryMessageList.filter((a)=>!res.has(a.id) && res.set(a.id, 1));
+                    return newHistoryMessageList;
+                });
+                if (dataList.length > totalNumber) {
+                    scrollToBottom();
+                }
+            }
+            try {
+                if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)) {
+                    fildChatRecords(newHistoryMessageList);
+                }
+            } catch (error) {}
+        });
+    };
     //在聊天对话框中查找需要记录的问题及答案
     const fildChatRecords = (newHistoryMessageList)=>{
         //1、找到对应的聊天室
         //2、找到与老师对话的新聊天
         //3、保存聊天到实验报告
-        console.log('查找聊天111', chatObj);
-        let room = chatObj.filter((item)=>item.roomId == roomId);
-        if (room.length > 0) {
-            console.log(room, 'dfvdfvdfvdfv');
-            let roomIDnumber = room[0].roomId;
-            let chatID = room[0].id;
-            let index = -1;
-            newHistoryMessageList.forEach((item, i)=>{
-                console.log(item, item.id, 'lskdcmsldksdcsdc');
-                if (item.id == chatID) {
-                    index = i;
-                    return false;
-                }
+        // console.log('查找聊天111',chatObj,newHistoryMessageList);
+        try {
+            let chatObj = [];
+            setChatObj((item)=>{
+                chatObj = item;
+                return item;
             });
-            //有新的消息
-            if (index != -1) {
-                let newMessage = newHistoryMessageList.slice(index);
-                console.log(newMessage, '需要记录的聊天');
-                //1、查找 sender发送者
-                let objList = [];
-                let obj = {};
-                let position = -1;
-                newMessage.map((item, i)=>{
-                    if (item.sender == mid && position != i) {
-                        objList.push(obj);
-                        obj = {};
-                    }
-                    //发送者
-                    if (item.sender == mid) {
-                        obj.title = item.message;
-                        position = i;
-                    }
-                    if (item.sender != mid) {
-                        obj.con = item.message;
-                        obj.teachId = item.receiver;
+            // console.log(chatObj,555555);
+            let room = chatObj.filter((item)=>item.roomId == roomId);
+            if (room.length > 0) {
+                // console.log(room,'dfvdfvdfvdfv')
+                let chatID = room[0].id;
+                console.log(chatID, 'chatIDchatIDchatID');
+                let index = -1;
+                newHistoryMessageList.forEach((item, i)=>{
+                    // console.log(item,item.id,'lskdcmsldksdcsdc')
+                    if (item.id == chatID) {
+                        index = i;
+                        return false;
                     }
                 });
-                //需要保存的记录
-                objList = objList.filter((item)=>item.title != undefined);
-                objList.map((item)=>{
-                    //保存聊天记录
-                    testLabQuestion(item.title, item.con, item.teachId);
-                    //删除已经保存的记录
-                    setChatObj((list)=>{
-                        return list.filter((a)=>a.roomId != roomIDnumber);
+                //有新的消息
+                if (index != -1) {
+                    let newMessage = newHistoryMessageList.slice(index);
+                    console.log(newMessage, 'newMessagenewMessage');
+                    let result = [];
+                    newMessage.forEach((item, index)=>{
+                        let isQuestion = item.receiver !== mid //是否为问题
+                        ;
+                        if (isQuestion) {
+                            //问题
+                            if (newMessage[index + 1] && newMessage[index + 1].receiver === mid) {
+                                result.push({
+                                    question: item.message,
+                                    id: item.receiver,
+                                    answer: newMessage[index + 1].message
+                                });
+                                return;
+                            }
+                        }
                     });
-                });
-                console.log(objList, 'sdkcjnsdkjcsd');
+                    console.log(result, '存储的消息');
+                    result.map((item)=>{
+                        testLabQuestion(item.question, item.answer, item.id);
+                    });
+                }
             }
-        }
+        } catch (error) {}
     };
     //点赞消息
     const likeMessage = (id, state)=>{
@@ -1096,29 +1173,24 @@ const CustomerService = (props)=>{
     };
     //设置滚动条滚动到底部
     const scrollToBottom = ()=>{
-        console.log("滚动条滚动到底部");
         const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (container) {
             container.scrollTop = container.scrollHeight;
         }
     };
     const scrollTo = (id)=>{
-        console.log(id, "滚动到指定位置");
         const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         const container2 = document.getElementById(id);
-        // clearTimeout(listTimer.current)
         if (container && container2) {
-            // container.scrollTop = container2.scrollHeight;
-            // if(container2.scrollTop == 0){
             container.scrollTop = 60;
-            setTimeout(()=>{
-                let top = showType == 1 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
-                $(`#${showType == 1 ? "chat_content" : "chat_content_modal"}`).animate({
-                    scrollTop: top
-                }, 0);
-            }, 10);
-            // }
-            // clearTimeout(listTimer.current)
+            try {
+                setTimeout(()=>{
+                    let top = showType == 1 || showType == 3 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
+                    $(`#${showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"}`).animate({
+                        scrollTop: top
+                    }, 0);
+                }, 10);
+            } catch (error) {}
             setLoading(false);
         }
     };
@@ -1139,6 +1211,15 @@ const CustomerService = (props)=>{
     };
     //渲染头部
     const renderHeader = ()=>{
+        let list = roomList.filter((e)=>e.roomId == roomId);
+        let title = '智能回答';
+        if (list.length > 0 && list[0].name) {
+            title = list[0].name;
+        }
+        let count = 0;
+        roomList.map((item)=>{
+            count = count + item.unreadCount;
+        });
         if (showType == 4) {
             return /*#__PURE__*/ _jsxs("div", {
                 className: styles.top,
@@ -1146,7 +1227,7 @@ const CustomerService = (props)=>{
                     /*#__PURE__*/ _jsx("div", {
                         className: styles.user,
                         children: /*#__PURE__*/ _jsx("p", {
-                            children: "智能回答"
+                            children: title
                         })
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -1164,6 +1245,7 @@ const CustomerService = (props)=>{
                             /*#__PURE__*/ _jsx("i", {
                                 onClick: ()=>{
                                     onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    setFirstLoad(false); //重启滚动条在最上方
                                     setShowType(3);
                                 },
                                 children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
@@ -1172,6 +1254,7 @@ const CustomerService = (props)=>{
                                 onClick: ()=>{
                                     onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
                                     setShowType(3);
+                                    setFirstLoad(false); //重启滚动条在最上方
                                 },
                                 children: /*#__PURE__*/ _jsx(CloseOutlined, {})
                             })
@@ -1179,46 +1262,6 @@ const CustomerService = (props)=>{
                     })
                 ]
             });
-        } else if (showType == 3) {
-            return /*#__PURE__*/ _jsxs("div", {
-                className: styles.top,
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: styles.user,
-                        children: /*#__PURE__*/ _jsx("p", {
-                            children: "智能回答"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: styles.operate,
-                        children: [
-                            /*#__PURE__*/ _jsx("i", {
-                                onClick: ()=>{
-                                    setShowHistory(true);
-                                },
-                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
-                            }),
-                            /*#__PURE__*/ _jsx("span", {
-                                className: styles.line
-                            }),
-                            /*#__PURE__*/ _jsx("i", {
-                                onClick: ()=>{
-                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
-                                    setShowType(4);
-                                },
-                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
-                            }),
-                            /*#__PURE__*/ _jsx("i", {
-                                className: "lianxiren21",
-                                onClick: ()=>{
-                                    setShowContacts(true);
-                                },
-                                children: /*#__PURE__*/ _jsx(CustomContacts, {})
-                            })
-                        ]
-                    })
-                ]
-            });
         } else {
             return /*#__PURE__*/ _jsxs("div", {
                 className: styles.top,
@@ -1227,14 +1270,20 @@ const CustomerService = (props)=>{
                         className: styles.user,
                         children: /*#__PURE__*/ _jsxs("p", {
                             children: [
-                                showType == 1 && /*#__PURE__*/ _jsx("i", {
+                                showType == 1 && /*#__PURE__*/ _jsxs("i", {
                                     className: "lianxiren21",
                                     onClick: ()=>{
                                         setShowContacts(true);
                                     },
-                                    children: /*#__PURE__*/ _jsx(CustomContacts, {})
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CustomContacts, {}),
+                                        count > 0 ? /*#__PURE__*/ _jsx("span", {
+                                            className: styles.count,
+                                            children: count > 99 ? '99+' : count
+                                        }) : ''
+                                    ]
                                 }),
-                                "智能回答"
+                                title
                             ]
                         })
                     }),
@@ -1256,6 +1305,7 @@ const CustomerService = (props)=>{
                                     onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
                                     // switchDialogBox(3, true);
                                     setShowType(2);
+                                    childRef.current.roomsListTimer();
                                 },
                                 children: /*#__PURE__*/ _jsx(CustomFullScreen, {})
                             }) : /*#__PURE__*/ _jsx("i", {
@@ -1280,20 +1330,30 @@ const CustomerService = (props)=>{
     const resettingBottomHei = ()=>{
         setTimeout(()=>{
             if (showType == 1 || showType == 3) {
-                let hei = document.getElementById("Drawer_buttom").offsetHeight;
-                setButtomHei(hei);
+                if (document.getElementById("Drawer_buttom_modal")) {
+                    let hei = document.getElementById("Drawer_buttom").offsetHeight;
+                    setButtomHei(hei);
+                }
             } else {
-                let hei = document.getElementById("Drawer_buttom_modal").offsetHeight;
-                setButtomHei(hei);
+                if (document.getElementById("Drawer_buttom_modal")) {
+                    let hei = document.getElementById("Drawer_buttom_modal").offsetHeight;
+                    setButtomHei(hei);
+                }
             }
         }, 50);
     };
     //切换聊天室  type == renew ,存在新消息
     const switchChatRoom = (id, type)=>{
-        if (type == "renew") {
-            getHistoryMessage(1, 3);
-        }
+        setLastId("");
+        setPageNum(1);
+        setPageCount(0);
         setRoomId(id);
+        // 
+        // if (type == "renew") {
+        //   getHistoryMessage(1, 3,id);
+        // }else{
+        //   setRoomId(id);
+        // }
         readMessage(id, urllocation, userData, http);
     };
     const saveContactsList = (list)=>{
@@ -1303,13 +1363,14 @@ const CustomerService = (props)=>{
     };
     //渲染问答
     const renderQuestion = ()=>{
+        // 2023-12-01T14:34:07
+        // console.log(lastId,'lastIdlastIdlastId')
         // console.log(mid, historyMessageList, "ddkfdscksdcs");
         if (historyMessageList.length > 0) {
-            // let historyData = "";
-            // let showData = true;
             return /*#__PURE__*/ _jsx("ul", {
                 className: styles.message_con,
                 children: historyMessageList.map((item, i)=>{
+                    let timeObj = parseDate(item.createdAt);
                     // console.log(item.message);
                     let message = item.message;
                     let li;
@@ -1318,17 +1379,20 @@ const CustomerService = (props)=>{
                     let time = "";
                     if (itemIndex <= 0) {
                         //第一项
-                        time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                        time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
                     } else {
                         //非第一项 与上一项进行对比
                         let beforeTime = historyMessageList[itemIndex - 1].createdAt;
                         //判断与上一条数据 是否跨天
-                        if (dayjs(beforeTime).format("YYYY-MM-DD") !== dayjs(item.createdAt).format("YYYY-MM-DD")) {
-                            time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                        let beforeTimeObj = parseDate(beforeTime);
+                        let beforeTimeStr = `${beforeTimeObj.year}-${beforeTimeObj.month}-${beforeTimeObj.day}`;
+                        let curTimeStr = `${timeObj.year}-${timeObj.month}-${timeObj.day}`;
+                        if (beforeTimeStr !== curTimeStr) {
+                            time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
                         } else {
                             //没有跨天 判断是否相隔超过10分钟
-                            if (dayjs(item.createdAt).valueOf() - dayjs(beforeTime).valueOf() > 10 * 60 * 1000) {
-                                time = dayjs(item.createdAt).format("HH:mm");
+                            if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
+                                time = `${timeObj.minutes}:${timeObj.seconds}`;
                             }
                         }
                     }
@@ -1345,80 +1409,81 @@ const CustomerService = (props)=>{
                                     className: styles.left,
                                     id: lastId == item.id ? "li_flag" : "",
                                     children: [
-                                        /*#__PURE__*/ _jsxs("div", {
+                                        /*#__PURE__*/ _jsx("div", {
                                             className: styles.main,
-                                            children: [
-                                                /*#__PURE__*/ _jsxs("div", {
-                                                    className: styles.main_content,
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: styles.operate_modal,
+                                            children: /*#__PURE__*/ _jsxs("div", {
+                                                className: styles.main_content,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.operate_modal,
+                                                        children: /*#__PURE__*/ _jsxs("p", {
+                                                            className: styles.operate,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("i", {
+                                                                    className: "yinyong_quote1",
+                                                                    onClick: ()=>{
+                                                                        setCitationContent({
+                                                                            content: item.message,
+                                                                            id: item.id
+                                                                        });
+                                                                        resettingBottomHei();
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                }),
+                                                                copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
+                                                                    className: `tongyong-xuanzhongdui`,
+                                                                    children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                                                                }) : /*#__PURE__*/ _jsx("i", {
+                                                                    className: "fuzhi21",
+                                                                    onClick: ()=>{
+                                                                        let bol = copyText(item.message);
+                                                                        if (bol) {
+                                                                            let obj = copyTextOBJ;
+                                                                            obj = obj.filter((list)=>list != item.id);
+                                                                            obj.push(item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }
+                                                                        setTimeout(()=>{
+                                                                            let obj = copyTextOBJ;
+                                                                            obj = obj.filter((list)=>list != item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }, 3000);
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.content,
+                                                        children: /*#__PURE__*/ _jsx("p", {
+                                                            dangerouslySetInnerHTML: {
+                                                                __html: remarkable.render(message)
+                                                            },
+                                                            className: styles.content_child
+                                                        })
+                                                    }),
+                                                    //引用消息
+                                                    item.quotedMessage && /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.citation_content,
+                                                        children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                            overlayClassName: styles.popover_main_content,
+                                                            title: item.quotedMessage,
+                                                            placement: "leftTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
-                                                                className: styles.operate,
                                                                 children: [
-                                                                    /*#__PURE__*/ _jsx("i", {
-                                                                        className: "yinyong_quote1",
-                                                                        onClick: ()=>{
-                                                                            setCitationContent({
-                                                                                content: item.message,
-                                                                                id: item.id
-                                                                            });
-                                                                            resettingBottomHei();
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ _jsx(CustomQuote, {})
-                                                                    }),
-                                                                    copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
-                                                                        className: `tongyong-xuanzhongdui`,
-                                                                        children: /*#__PURE__*/ _jsx(CustomDuihao, {})
-                                                                    }) : /*#__PURE__*/ _jsx("i", {
-                                                                        className: "fuzhi21",
-                                                                        onClick: ()=>{
-                                                                            let bol = copyText(item.message);
-                                                                            if (bol) {
-                                                                                let obj = copyTextOBJ;
-                                                                                obj = obj.filter((list)=>list != item.id);
-                                                                                obj.push(item.id);
-                                                                                setCopyTextObj(obj);
-                                                                            }
-                                                                            setTimeout(()=>{
-                                                                                let obj = copyTextOBJ;
-                                                                                obj = obj.filter((list)=>list != item.id);
-                                                                                setCopyTextObj(obj);
-                                                                            }, 3000);
-                                                                            onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
-                                                                        },
-                                                                        children: /*#__PURE__*/ _jsx(CustomCopy, {})
-                                                                    })
+                                                                    item.quotedMessage,
+                                                                    ">"
                                                                 ]
                                                             })
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: styles.content,
-                                                            children: /*#__PURE__*/ _jsx("p", {
-                                                                dangerouslySetInnerHTML: {
-                                                                    __html: remarkable.render(message)
-                                                                },
-                                                                className: styles.content_child
-                                                            })
-                                                        })
-                                                    ]
-                                                }),
-                                                //引用消息
-                                                item.quotedMessage != "" && item.quotedMessage != null && item.quotedMessage != undefined ? /*#__PURE__*/ _jsx("div", {
-                                                    className: styles.citation_content,
-                                                    children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
-                                                        overlayClassName: styles.popover_main_content,
-                                                        title: item.quotedMessage,
-                                                        placement: "leftTop",
-                                                        children: /*#__PURE__*/ _jsx("p", {
+                                                        }) : /*#__PURE__*/ _jsx("p", {
                                                             children: item.quotedMessage
                                                         })
-                                                    }) : /*#__PURE__*/ _jsx("p", {
-                                                        children: item.quotedMessage
                                                     })
-                                                }) : ""
-                                            ]
+                                                ]
+                                            })
                                         }),
                                         showType == 2 || showType == 4 ? /*#__PURE__*/ _jsx("div", {
                                             className: styles.head_sculpture,
@@ -1441,7 +1506,12 @@ const CustomerService = (props)=>{
                             headImg = chatWindow[0].headImg;
                         }
                         //是否在智能客服窗口
-                        let isAiChatWindow = chatWindow[0].sender == 'AI' ? true : false;
+                        let isAiChatWindow = chatWindow.length > 0 && chatWindow[0].sender != undefined && chatWindow[0].sender == 'AI' ? true : false;
+                        let header = 2; //代表是ai头像
+                        if (isAiChatWindow && item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "isVoteMessage") {
+                            //使用AI头像
+                            header = 1;
+                        }
                         li = /*#__PURE__*/ _jsxs(_Fragment, {
                             children: [
                                 dataTime ? /*#__PURE__*/ _jsx("li", {
@@ -1452,12 +1522,12 @@ const CustomerService = (props)=>{
                                     className: styles.right,
                                     id: lastId == item.id ? "li_flag" : "",
                                     children: [
-                                        showType == 2 || showType == 4 && /*#__PURE__*/ _jsx("div", {
+                                        (showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
                                             className: styles.head_sculpture,
                                             style: {
                                                 marginRight: "12px"
                                             },
-                                            children: isAiChatWindow ? item.extraInfo == null ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
+                                            children: isAiChatWindow ? item.extraInfo == null || header == 1 ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
                                                 src: knowledge_icon
                                             }) : /*#__PURE__*/ _jsx("img", {
                                                 src: headImg
@@ -1470,119 +1540,8 @@ const CustomerService = (props)=>{
                                                 children: [
                                                     /*#__PURE__*/ _jsx("div", {
                                                         className: styles.operate_modal,
-                                                        children: historyMessageList.length - 1 == i && item.extraInfo == null || item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && (JSON.parse(item.extraInfo)[0].key == "messageSource" || JSON.parse(item.extraInfo)[0].key == "isVoteMessage") ? "" : /*#__PURE__*/ _jsxs("p", {
-                                                            className: styles.operate,
-                                                            children: [
-                                                                /*#__PURE__*/ _jsx("span", {
-                                                                    className: styles.ask_question,
-                                                                    onClick: ()=>{
-                                                                        setAnswerMode(1);
-                                                                        setProblem({
-                                                                            question: historyMessageList[i - 1].message,
-                                                                            user: problem.user
-                                                                        });
-                                                                        setHistoryMessageList((historyMessageList)=>{
-                                                                            let newHistoryMessageList = historyMessageList.concat({
-                                                                                id: -1,
-                                                                                roomId: roomId,
-                                                                                sender: "AI",
-                                                                                recevier: mid,
-                                                                                message: "请在输入框中输入您要召唤的老师的姓名",
-                                                                                createdAt: getDataTime(-1),
-                                                                                findTeacher: true
-                                                                            });
-                                                                            return newHistoryMessageList;
-                                                                        });
-                                                                        scrollToBottom();
-                                                                    },
-                                                                    children: "召唤老师回答"
-                                                                }),
-                                                                /*#__PURE__*/ _jsx("i", {
-                                                                    className: "yinyong_quote1",
-                                                                    onClick: ()=>{
-                                                                        setCitationContent({
-                                                                            content: item.message,
-                                                                            id: item.id
-                                                                        });
-                                                                        resettingBottomHei();
-                                                                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
-                                                                        console.log("引用222222");
-                                                                    },
-                                                                    children: /*#__PURE__*/ _jsx(CustomQuote, {})
-                                                                }),
-                                                                copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
-                                                                    className: `tongyong-xuanzhongdui`,
-                                                                    children: /*#__PURE__*/ _jsx(CustomDuihao, {})
-                                                                }) : /*#__PURE__*/ _jsx("i", {
-                                                                    className: "fuzhi21",
-                                                                    onClick: ()=>{
-                                                                        let bol = copyText(item.message);
-                                                                        if (bol) {
-                                                                            let obj = copyTextOBJ;
-                                                                            obj = obj.filter((list)=>list != item.id);
-                                                                            obj.push(item.id);
-                                                                            setCopyTextObj(obj);
-                                                                        }
-                                                                        setTimeout(()=>{
-                                                                            let obj = copyTextOBJ;
-                                                                            obj = obj.filter((list)=>list != item.id);
-                                                                            setCopyTextObj(obj);
-                                                                        }, 3000);
-                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
-                                                                    },
-                                                                    children: /*#__PURE__*/ _jsx(CustomCopy, {})
-                                                                }),
-                                                                /*#__PURE__*/ _jsx("span", {
-                                                                    children: "|"
-                                                                }),
-                                                                /*#__PURE__*/ _jsx("i", {
-                                                                    className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
-                                                                    onClick: ()=>{
-                                                                        likeMessage(item.id, item.upvoted);
-                                                                        console.log("判断是AI还是智能回答", item);
-                                                                        //只有最后一条回答，支持发送点赞或踩
-                                                                        if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                                                            console.log("判断是AI还是智能回答", item);
-                                                                            if (!item.extraInfo && item.sender == "AI") {
-                                                                                aiSendQuestions(1, {
-                                                                                    roomId: roomId,
-                                                                                    message: "你给出的答案我非常满意，赞！",
-                                                                                    quotedMessage: "",
-                                                                                    regenerate: false,
-                                                                                    generateUpvoteOrDownvoteMessage: true
-                                                                                }, 1);
-                                                                            } else {
-                                                                                console.log("AI回答2255555");
-                                                                                sendGreetingMessage(2);
-                                                                            }
-                                                                        }
-                                                                    },
-                                                                    children: /*#__PURE__*/ _jsx(CustomLike, {})
-                                                                }),
-                                                                /*#__PURE__*/ _jsx("i", {
-                                                                    className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
-                                                                    onClick: ()=>{
-                                                                        disagreeMessage(item.id, item.downvoted);
-                                                                        //只有最后一条回答，支持发送点赞或踩
-                                                                        console.log(item, "dlfkvmdflkv");
-                                                                        if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                                                            if (!item.extraInfo && item.sender == "AI") {
-                                                                                aiSendQuestions(1, {
-                                                                                    roomId: roomId,
-                                                                                    message: "你给出的答案很糟糕，我不满意，踩！",
-                                                                                    quotedMessage: "",
-                                                                                    regenerate: false,
-                                                                                    generateUpvoteOrDownvoteMessage: true
-                                                                                }, 1);
-                                                                            } else {
-                                                                                sendGreetingMessage(3);
-                                                                            }
-                                                                        }
-                                                                    },
-                                                                    children: /*#__PURE__*/ _jsx(CustomDislike, {})
-                                                                })
-                                                            ]
-                                                        })
+                                                        children: // 不是最后一行，
+                                                        historyMessageList.length - 1 != i && renderOperateBtn(item, isAiChatWindow, i)
                                                     }),
                                                     /*#__PURE__*/ _jsxs("div", {
                                                         className: styles.content,
@@ -1593,7 +1552,7 @@ const CustomerService = (props)=>{
                                                                 },
                                                                 className: styles.content_child
                                                             }),
-                                                            item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" ? /*#__PURE__*/ _jsx("ul", {
+                                                            item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsx("ul", {
                                                                 className: styles.association_problem,
                                                                 children: JSON.parse(item.extraInfo).map((list, index)=>{
                                                                     return /*#__PURE__*/ _jsxs("li", {
@@ -1607,165 +1566,30 @@ const CustomerService = (props)=>{
                                                                         ]
                                                                     }, i + "_" + index + "_" + list.value);
                                                                 })
-                                                            }) : ""
+                                                            })
                                                         ]
                                                     }),
-                                                    !item.findTeacher && historyMessageList.length - 1 == i && item.extraInfo == null && item.id != "123456" ? /*#__PURE__*/ _jsx("div", {
-                                                        className: `${styles.operate_modal_bottom}`,
-                                                        children: item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && (JSON.parse(item.extraInfo)[0].key == "messageSource" || JSON.parse(item.extraInfo)[0].key == "isVoteMessage") ? "" : /*#__PURE__*/ _jsxs(_Fragment, {
-                                                            children: [
-                                                                /*#__PURE__*/ _jsx("p", {
-                                                                    className: styles.stop_generate,
-                                                                    children: !finished ? /*#__PURE__*/ _jsxs(_Fragment, {
-                                                                        children: [
-                                                                            /*#__PURE__*/ _jsx("span", {
-                                                                                onClick: ()=>{
-                                                                                    // aiSendQuestions(3,{},1);
-                                                                                    // if (type == 3) {
-                                                                                    try {
-                                                                                        if (ctrl && ctrl.current) {
-                                                                                            ctrl.current.abort();
-                                                                                        }
-                                                                                    } catch (error) {}
-                                                                                    clearTimeout(receiveMessageTimer.current);
-                                                                                    setHistoryMessageList((historyMessageList)=>{
-                                                                                        return historyMessageList.filter((item)=>item.id != "123456");
-                                                                                    });
-                                                                                    setFinished(true);
-                                                                                    //   return;
-                                                                                    // }
-                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
-                                                                                }
-                                                                            }),
-                                                                            /*#__PURE__*/ _jsx("i", {
-                                                                                onClick: ()=>{
-                                                                                    // aiSendQuestions(3,{},1);
-                                                                                    try {
-                                                                                        if (ctrl && ctrl.current) {
-                                                                                            ctrl.current.abort();
-                                                                                        }
-                                                                                    } catch (error) {}
-                                                                                    clearTimeout(receiveMessageTimer.current);
-                                                                                    setHistoryMessageList((historyMessageList)=>{
-                                                                                        return historyMessageList.filter((item)=>item.id != "123456");
-                                                                                    });
-                                                                                    setFinished(true);
-                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
-                                                                                },
-                                                                                children: "停止生成"
-                                                                            })
-                                                                        ]
-                                                                    }) : ""
-                                                                }),
-                                                                finished ? /*#__PURE__*/ _jsxs("p", {
-                                                                    className: `${styles.operate}`,
-                                                                    children: [
-                                                                        /*#__PURE__*/ _jsx("i", {
-                                                                            onClick: ()=>{
-                                                                                setFinished(false);
-                                                                                aiSendQuestions(2, {
-                                                                                    roomId: roomId,
-                                                                                    message: historyMessageList[i - 1].message,
-                                                                                    quotedMessage: citationContent.content || "",
-                                                                                    regenerate: true,
-                                                                                    generateUpvoteOrDownvoteMessage: false
-                                                                                }, item.id);
-                                                                                onEvent(serverName + serverUrl(), "click_智能问答_重新生成", "提交");
-                                                                            },
-                                                                            children: /*#__PURE__*/ _jsx(CustomReloading, {})
-                                                                        }),
-                                                                        /*#__PURE__*/ _jsx("i", {
-                                                                            className: "yinyong_quote1",
-                                                                            onClick: ()=>{
-                                                                                setCitationContent({
-                                                                                    content: item.message,
-                                                                                    id: item.id
-                                                                                });
-                                                                                resettingBottomHei();
-                                                                                onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
-                                                                            },
-                                                                            children: /*#__PURE__*/ _jsx(CustomQuote, {})
-                                                                        }),
-                                                                        copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
-                                                                            className: `tongyong-xuanzhongdui`,
-                                                                            children: /*#__PURE__*/ _jsx(CustomDuihao, {})
-                                                                        }) : /*#__PURE__*/ _jsx("i", {
-                                                                            className: "fuzhi21",
-                                                                            onClick: ()=>{
-                                                                                let bol = copyText(item.message);
-                                                                                if (bol) {
-                                                                                    let obj = copyTextOBJ;
-                                                                                    obj = obj.filter((list)=>list != item.id);
-                                                                                    obj.push(item.id);
-                                                                                    setCopyTextObj(obj);
-                                                                                }
-                                                                                setTimeout(()=>{
-                                                                                    let obj = copyTextOBJ;
-                                                                                    obj = obj.filter((list)=>list != item.id);
-                                                                                    setCopyTextObj(obj);
-                                                                                }, 3000);
-                                                                                onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
-                                                                            },
-                                                                            children: /*#__PURE__*/ _jsx(CustomCopy, {})
-                                                                        }),
-                                                                        /*#__PURE__*/ _jsx("span", {
-                                                                            children: "|"
-                                                                        }),
-                                                                        /*#__PURE__*/ _jsx("i", {
-                                                                            className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
-                                                                            onClick: ()=>{
-                                                                                likeMessage(item.id, item.upvoted);
-                                                                                console.log("判断是AI还是智能回答", item);
-                                                                                //只有最后一条回答，支持发送点赞或踩
-                                                                                if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                                                                    console.log("判断是AI还是智能回答", item);
-                                                                                    if (!item.extraInfo && item.sender == "AI") {
-                                                                                        aiSendQuestions(1, {
-                                                                                            roomId: roomId,
-                                                                                            message: "你给出的答案我非常满意，赞！",
-                                                                                            quotedMessage: "",
-                                                                                            regenerate: false,
-                                                                                            generateUpvoteOrDownvoteMessage: true
-                                                                                        }, 1);
-                                                                                    } else {
-                                                                                        console.log("AI回答2255555");
-                                                                                        sendGreetingMessage(2);
-                                                                                    }
-                                                                                }
-                                                                            },
-                                                                            children: /*#__PURE__*/ _jsx(CustomLike, {})
-                                                                        }),
-                                                                        /*#__PURE__*/ _jsx("i", {
-                                                                            className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
-                                                                            onClick: ()=>{
-                                                                                disagreeMessage(item.id, item.downvoted);
-                                                                                //只有最后一条回答，支持发送点赞或踩
-                                                                                console.log(item, "dlfkvmdflkv");
-                                                                                if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
-                                                                                    if (!item.extraInfo && item.sender == "AI") {
-                                                                                        console.log("AI回答2222");
-                                                                                        //AI回答
-                                                                                        aiSendQuestions(1, {
-                                                                                            roomId: roomId,
-                                                                                            message: "你给出的答案很糟糕，我不满意，踩！",
-                                                                                            quotedMessage: "",
-                                                                                            regenerate: false,
-                                                                                            generateUpvoteOrDownvoteMessage: true
-                                                                                        }, 1);
-                                                                                    } else {
-                                                                                        sendGreetingMessage(3);
-                                                                                    }
-                                                                                }
-                                                                            },
-                                                                            children: /*#__PURE__*/ _jsx(CustomDislike, {})
-                                                                        })
-                                                                    ]
-                                                                }) : ""
-                                                            ]
+                                                    //引用消息
+                                                    item.quotedMessage && /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.citation_content,
+                                                        children: getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                            overlayClassName: styles.popover_main_content,
+                                                            title: item.quotedMessage,
+                                                            placement: "leftTop",
+                                                            children: /*#__PURE__*/ _jsxs("p", {
+                                                                children: [
+                                                                    item.quotedMessage,
+                                                                    ">"
+                                                                ]
+                                                            })
+                                                        }) : /*#__PURE__*/ _jsx("p", {
+                                                            children: item.quotedMessage
                                                         })
-                                                    }) : "",
+                                                    }),
+                                                    //findTeacher//是否在召唤老师过程中，是否是最后一条消息
+                                                    !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && renderLastOperateBtn(item, isAiChatWindow, i),
                                                     //召唤老师回答按钮
-                                                    item.findTeacher ? /*#__PURE__*/ _jsx("div", {
+                                                    isAiChatWindow && item.findTeacher && userData.modules.some((item)=>item.short == "TeacherAnswer") ? /*#__PURE__*/ _jsx("div", {
                                                         className: `${styles.operate_modal_bottom}`,
                                                         children: /*#__PURE__*/ _jsx("p", {
                                                             className: styles.stop_findTeacher,
@@ -1796,6 +1620,339 @@ const CustomerService = (props)=>{
             return "";
         }
     };
+    //渲染相关操作按钮
+    const renderOperateBtn = (item, isAiChatWindow, i)=>{
+        //问候语及点赞下面不需要展示相关按钮
+        let extraInfo = item.extraInfo;
+        //JSON.parse(extraInfo)[0].key == 'questionId' 是联想问题
+        if (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == 'messageSource' || extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == 'isVoteMessage') {
+            return '';
+        }
+        return /*#__PURE__*/ _jsxs("p", {
+            className: styles.operate,
+            children: [
+                // 不在智能客服窗口，并已经点击了召唤老师，并有召唤老师权限
+                isAiChatWindow && answerMode != 1 && userData.modules.some((item)=>item.short == "TeacherAnswer") && /*#__PURE__*/ _jsx("span", {
+                    className: styles.ask_question,
+                    onClick: ()=>{
+                        setAnswerMode(1);
+                        setProblem({
+                            question: historyMessageList[i - 1].message,
+                            user: problem.user
+                        });
+                        setHistoryMessageList((historyMessageList)=>{
+                            let newHistoryMessageList = historyMessageList.concat({
+                                id: -1,
+                                roomId: roomId,
+                                sender: "AI",
+                                recevier: mid,
+                                message: "请告诉我您要召唤的老师名字",
+                                createdAt: getDataTime(-1),
+                                findTeacher: true
+                            });
+                            return newHistoryMessageList;
+                        });
+                        setTimeout(()=>{
+                            scrollToBottom();
+                        }, 200);
+                    },
+                    children: "召唤老师回答"
+                }),
+                /*#__PURE__*/ _jsx("i", {
+                    className: "yinyong_quote1",
+                    onClick: ()=>{
+                        setCitationContent({
+                            content: item.message,
+                            id: item.id
+                        });
+                        resettingBottomHei();
+                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                        console.log("引用222222");
+                    },
+                    children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                }),
+                copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
+                    className: `tongyong-xuanzhongdui`,
+                    children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                }) : /*#__PURE__*/ _jsx("i", {
+                    className: "fuzhi21",
+                    onClick: ()=>{
+                        let bol = copyText(item.message);
+                        if (bol) {
+                            let obj = copyTextOBJ;
+                            obj = obj.filter((list)=>list != item.id);
+                            obj.push(item.id);
+                            setCopyTextObj(obj);
+                        }
+                        setTimeout(()=>{
+                            let obj = copyTextOBJ;
+                            obj = obj.filter((list)=>list != item.id);
+                            setCopyTextObj(obj);
+                        }, 3000);
+                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                    },
+                    children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    children: "|"
+                }),
+                /*#__PURE__*/ _jsx("i", {
+                    className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
+                    onClick: ()=>{
+                        likeMessage(item.id, item.upvoted);
+                        //老师的聊天窗口中不需要点赞和踩消息
+                        if (!isAiChatWindow) return;
+                        //只有最后一条回答，支持发送点赞或踩
+                        if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                            console.log("判断是AI还是智能回答", item);
+                            if (!item.extraInfo && item.sender == "AI") {
+                                aiSendQuestions(1, {
+                                    roomId: roomId,
+                                    message: "你给出的答案我非常满意，赞！",
+                                    quotedMessage: "",
+                                    regenerate: false,
+                                    generateUpvoteOrDownvoteMessage: true
+                                }, 1);
+                            } else {
+                                console.log("AI回答2255555");
+                                sendGreetingMessage(2);
+                            }
+                        }
+                    },
+                    children: /*#__PURE__*/ _jsx(CustomLike, {})
+                }),
+                /*#__PURE__*/ _jsx("i", {
+                    className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
+                    onClick: ()=>{
+                        disagreeMessage(item.id, item.downvoted);
+                        //老师的聊天窗口中不需要点赞和踩消息
+                        if (!isAiChatWindow) return;
+                        //只有最后一条回答，支持发送点赞或踩
+                        if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                            if (!item.extraInfo && item.sender == "AI") {
+                                aiSendQuestions(1, {
+                                    roomId: roomId,
+                                    message: "你给出的答案很糟糕，我不满意，踩！",
+                                    quotedMessage: "",
+                                    regenerate: false,
+                                    generateUpvoteOrDownvoteMessage: true
+                                }, 1);
+                            } else {
+                                sendGreetingMessage(3);
+                            }
+                        }
+                    },
+                    children: /*#__PURE__*/ _jsx(CustomDislike, {})
+                })
+            ]
+        });
+    };
+    //渲染最后一条的操作按钮
+    const renderLastOperateBtn = (item, isAiChatWindow, i)=>{
+        {}
+        //问候语及点赞下面不需要展示相关按钮
+        let extraInfo = item.extraInfo;
+        //JSON.parse(extraInfo)[0].key == 'questionId' 是联想问题
+        if (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == 'messageSource' || extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == 'isVoteMessage') {
+            return '';
+        }
+        //1、是否显示停止生成按钮 finished 是否生产完成
+        let showStopBtn = false;
+        if (!finished && item.sender == 'AI' && item.extraInfo == null) {
+            showStopBtn = true;
+        }
+        //2、是否展示重新生成按钮
+        let regenerationBtn = false;
+        if (finished && item.sender == 'AI' && item.extraInfo == null) {
+            regenerationBtn = true;
+        }
+        //3、是否显示召唤老师回答按钮
+        let findTeacherBtn = false;
+        if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == 'questionId' || extraInfo == null)) {
+            findTeacherBtn = true;
+        }
+        return /*#__PURE__*/ _jsxs("div", {
+            className: `${styles.operate_modal_bottom}`,
+            children: [
+                /*#__PURE__*/ _jsxs("p", {
+                    className: styles.stop_generate,
+                    children: [
+                        showStopBtn && /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.icon,
+                                    onClick: ()=>{
+                                        try {
+                                            if (ctrl && ctrl.current) {
+                                                ctrl.current.abort();
+                                            }
+                                        } catch (error) {}
+                                        clearTimeout(receiveMessageTimer.current);
+                                        setHistoryMessageList((historyMessageList)=>{
+                                            return historyMessageList.filter((item)=>item.id != "123456");
+                                        });
+                                        setFinished(true);
+                                        onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx("i", {
+                                    onClick: ()=>{
+                                        // aiSendQuestions(3,{},1);
+                                        try {
+                                            if (ctrl && ctrl.current) {
+                                                ctrl.current.abort();
+                                            }
+                                        } catch (error) {}
+                                        clearTimeout(receiveMessageTimer.current);
+                                        setHistoryMessageList((historyMessageList)=>{
+                                            return historyMessageList.filter((item)=>item.id != "123456");
+                                        });
+                                        setFinished(true);
+                                        onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                    },
+                                    children: "停止生成"
+                                })
+                            ]
+                        }),
+                        //在ai窗口并ai已经生成完答案
+                        findTeacherBtn && /*#__PURE__*/ _jsx("span", {
+                            className: styles.find_teacher,
+                            onClick: ()=>{
+                                setAnswerMode(1);
+                                setProblem({
+                                    question: historyMessageList[i - 1].message,
+                                    user: problem.user
+                                });
+                                setHistoryMessageList((historyMessageList)=>{
+                                    let newHistoryMessageList = historyMessageList.concat({
+                                        id: -1,
+                                        roomId: roomId,
+                                        sender: "AI",
+                                        recevier: mid,
+                                        message: "请告诉我您要召唤的老师名字",
+                                        createdAt: getDataTime(-1),
+                                        findTeacher: true
+                                    });
+                                    return newHistoryMessageList;
+                                });
+                                setTimeout(()=>{
+                                    scrollToBottom();
+                                }, 200);
+                            },
+                            children: "召唤老师回答"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("p", {
+                    className: `${styles.operate}`,
+                    children: [
+                        regenerationBtn && /*#__PURE__*/ _jsx("i", {
+                            onClick: ()=>{
+                                setFinished(false);
+                                aiSendQuestions(2, {
+                                    roomId: roomId,
+                                    message: historyMessageList[i - 1].message,
+                                    quotedMessage: citationContent.content || "",
+                                    regenerate: true,
+                                    generateUpvoteOrDownvoteMessage: false
+                                }, item.id);
+                                onEvent(serverName + serverUrl(), "click_智能问答_重新生成", "提交");
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomReloading, {})
+                        }),
+                        /*#__PURE__*/ _jsx("i", {
+                            className: "yinyong_quote1",
+                            onClick: ()=>{
+                                setCitationContent({
+                                    content: item.message,
+                                    id: item.id
+                                });
+                                resettingBottomHei();
+                                onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                        }),
+                        copyTextOBJ.length > 0 && copyTextOBJ.some((list)=>list == item.id) ? /*#__PURE__*/ _jsx("i", {
+                            className: `tongyong-xuanzhongdui`,
+                            children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                        }) : /*#__PURE__*/ _jsx("i", {
+                            className: "fuzhi21",
+                            onClick: ()=>{
+                                let bol = copyText(item.message);
+                                if (bol) {
+                                    let obj = copyTextOBJ;
+                                    obj = obj.filter((list)=>list != item.id);
+                                    obj.push(item.id);
+                                    setCopyTextObj(obj);
+                                }
+                                setTimeout(()=>{
+                                    let obj = copyTextOBJ;
+                                    obj = obj.filter((list)=>list != item.id);
+                                    setCopyTextObj(obj);
+                                }, 3000);
+                                onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            children: "|"
+                        }),
+                        /*#__PURE__*/ _jsx("i", {
+                            className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
+                            onClick: ()=>{
+                                likeMessage(item.id, item.upvoted);
+                                //老师的聊天窗口中不需要点赞和踩消息
+                                if (!isAiChatWindow) return;
+                                //只有最后一条回答，支持发送点赞或踩
+                                if (!item.upvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                    console.log("判断是AI还是智能回答", item);
+                                    if (!item.extraInfo && item.sender == "AI") {
+                                        aiSendQuestions(1, {
+                                            roomId: roomId,
+                                            message: "你给出的答案我非常满意，赞！",
+                                            quotedMessage: "",
+                                            regenerate: false,
+                                            generateUpvoteOrDownvoteMessage: true
+                                        }, 1);
+                                    } else {
+                                        console.log("AI回答2255555");
+                                        sendGreetingMessage(2);
+                                    }
+                                }
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomLike, {})
+                        }),
+                        /*#__PURE__*/ _jsx("i", {
+                            className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
+                            onClick: ()=>{
+                                disagreeMessage(item.id, item.downvoted);
+                                //老师的聊天窗口中不需要点赞和踩消息
+                                if (!isAiChatWindow) return;
+                                //只有最后一条回答，支持发送点赞或踩
+                                console.log(item, "dlfkvmdflkv");
+                                if (!item.downvoted && (historyMessageList.length == i + 1 || historyMessageList.length - 2 == i)) {
+                                    if (!item.extraInfo && item.sender == "AI") {
+                                        console.log("AI回答2222");
+                                        //AI回答
+                                        aiSendQuestions(1, {
+                                            roomId: roomId,
+                                            message: "你给出的答案很糟糕，我不满意，踩！",
+                                            quotedMessage: "",
+                                            regenerate: false,
+                                            generateUpvoteOrDownvoteMessage: true
+                                        }, 1);
+                                    } else {
+                                        sendGreetingMessage(3);
+                                    }
+                                }
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomDislike, {})
+                        })
+                    ]
+                })
+            ]
+        });
+    };
     //渲染底部按钮
     const renderBottomAnt = ()=>{
         let placeholder = "";
@@ -1832,6 +1989,7 @@ const CustomerService = (props)=>{
                                         setKeyWord(e.target.value);
                                         if (e.target.value == "") {
                                             setQuestionsList([]);
+                                            setTeacherList([]);
                                             clearTimeout(timer.current);
                                         } else {
                                             clearTimeout(timer.current);
@@ -1847,7 +2005,7 @@ const CustomerService = (props)=>{
                                     },
                                     onPressEnter: (e)=>{
                                         //  console.log('发送内容22222',props)
-                                        console.log(roomList, roomId, '发送内容22222wewewewewewewe');
+                                        //  console.log(roomList,roomId,'发送内容22222wewewewewewewe');
                                         if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
                                             e.stopPropagation();
                                             e.preventDefault();
@@ -1897,10 +2055,7 @@ const CustomerService = (props)=>{
                             className: styles.voice,
                             children: [
                                 voiceRecordingStatus == 1 || voiceRecordingStatus == 3 ? /*#__PURE__*/ _jsx("i", {
-                                    className: "yuyin-kai12",
-                                    style: {
-                                        color: disabled ? "rgba(0, 0, 0, 0.65)" : "rgba(0, 0, 0, 0.25)"
-                                    },
+                                    className: `${!disabled ? styles.disabled : ''}`,
                                     onClick: ()=>{
                                         //开始录音
                                         if (!disabled) return;
@@ -1935,7 +2090,7 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("p", {
                     className: `${styles.sending}`,
                     children: /*#__PURE__*/ _jsx("i", {
-                        className: `${!disabled ? styles.disabled : ''}`,
+                        className: `${!disabled || keyWord.trim() == '' ? styles.disabled : ''}`,
                         onClick: ()=>{
                             if (!disabled) return;
                             setCitationContent({});
@@ -1983,10 +2138,16 @@ const CustomerService = (props)=>{
                                 //setUpdateRecords(true);
                                 setAnswerMode(-1);
                                 setChatWith(item);
-                                createRooms(item.uid).then((res)=>{
-                                    let id = res.data.id;
-                                    setRoomId(id); //新的聊天室id
-                                });
+                                let list = roomList.filter((e)=>e.sender == item.uid);
+                                if (list.length > 0) {
+                                    setRoomId(list[0].roomId); //已有聊天室
+                                } else {
+                                    createRooms(item.uid).then((res)=>{
+                                        childRef.current.roomsListTimer();
+                                        let id = res.data.id;
+                                        setRoomId(id); //新的聊天室id
+                                    });
+                                }
                             },
                             dangerouslySetInnerHTML: {
                                 __html: span
@@ -2002,7 +2163,6 @@ const CustomerService = (props)=>{
                     bottom: `${buttomHei + 6}px`
                 },
                 children: questionsList.map((item)=>{
-                    console.log(item, 44444444);
                     let span = item.question.replaceAll(keyWord, ()=>{
                         return `<span class=${styles.sign}>${keyWord}</span>`;
                     });
@@ -2024,12 +2184,18 @@ const CustomerService = (props)=>{
         }
     };
     //加载指定数据,点击历史记录
-    const loadSpecifiedData = (renewRoomId, page, id)=>{
+    const loadSpecifiedData = (renewRoomId, page, id, receiver)=>{
+        if (page != 1) {
+            setPageNumHistory(page);
+        }
+        createRooms(receiver);
+        if (childRef.current) {
+            childRef.current.roomsListTimer();
+        }
         setPageNum(page);
         setLastId(id); //用于定位
         //如果是当前聊天室
         if (renewRoomId == roomId) {
-            console.log("当前聊天窗口111111");
             getHistoryMessage(page, 1);
         } else {
             setRoomId(renewRoomId);
@@ -2050,7 +2216,7 @@ const CustomerService = (props)=>{
                 // maskClosable={false}
                 rootClassName: styles.service_ChatWindow_Drawer,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    showType == 1 && /*#__PURE__*/ _jsx("div", {
                         style: {
                             display: `${showContacts && roomId != "" ? "block" : "none"}`
                         },
@@ -2065,7 +2231,8 @@ const CustomerService = (props)=>{
                             },
                             // roomIdAi={roomIdAi}
                             switchChatRoom: switchChatRoom,
-                            saveContactsList: saveContactsList
+                            saveContactsList: saveContactsList,
+                            ref: childRef
                         })
                     }),
                     /*#__PURE__*/ _jsx("div", {
@@ -2086,7 +2253,14 @@ const CustomerService = (props)=>{
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion()
+                            renderQuestion(),
+                            bottomLoading ? /*#__PURE__*/ _jsx("div", {
+                                className: styles.loading,
+                                children: /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/loading_d.gif",
+                                    alt: ""
+                                })
+                            }) : ""
                         ]
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -2122,7 +2296,7 @@ const CustomerService = (props)=>{
                     onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
                 },
                 centered: true,
-                width: 1014,
+                width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
                 height: window.innerHeight - 160,
                 wrapClassName: styles.ChatWindow_Modal,
                 footer: false,
@@ -2153,7 +2327,8 @@ const CustomerService = (props)=>{
                                             setShowContacts(false);
                                         },
                                         switchChatRoom: switchChatRoom,
-                                        saveContactsList: saveContactsList
+                                        saveContactsList: saveContactsList,
+                                        ref: childRef
                                     }),
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: styles.chat_content,
@@ -2197,7 +2372,7 @@ const CustomerService = (props)=>{
                     })
                 ]
             }),
-            showType == 3 && /*#__PURE__*/ _jsxs("div", {
+            showType == 3 ? /*#__PURE__*/ _jsxs("div", {
                 className: `${styles.ChatWindow_Drawer}`,
                 id: "",
                 children: [
@@ -2209,7 +2384,7 @@ const CustomerService = (props)=>{
                                 /*#__PURE__*/ _jsx("div", {
                                     className: styles.user,
                                     children: /*#__PURE__*/ _jsx("p", {
-                                        children: "智能回答"
+                                        children: roomList.filter((e)=>e.roomId == roomId).length > 0 && roomList.filter((e)=>e.roomId == roomId)[0].name != undefined ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能回答'
                                     })
                                 }),
                                 /*#__PURE__*/ _jsxs("div", {
@@ -2227,9 +2402,11 @@ const CustomerService = (props)=>{
                                         /*#__PURE__*/ _jsx("i", {
                                             onClick: ()=>{
                                                 onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                                setFirstLoad(false);
                                                 setShowType(4);
+                                                childRef.current.roomsListTimer();
                                             },
-                                            children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                                            children: /*#__PURE__*/ _jsx(CustomFullScreen, {})
                                         }),
                                         /*#__PURE__*/ _jsx("i", {
                                             className: "lianxiren21",
@@ -2247,7 +2424,7 @@ const CustomerService = (props)=>{
                         className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}`,
                         id: "chat_content",
                         style: {
-                            maxHeight: `calc(100vh-${100}-${buttomHei}px)`
+                            maxHeight: `${window.innerHeight - 110 - buttomHei}px)`
                         },
                         children: [
                             loading ? /*#__PURE__*/ _jsx("div", {
@@ -2283,7 +2460,7 @@ const CustomerService = (props)=>{
                         loadSpecifiedData: loadSpecifiedData,
                         roomList: roomList
                     }),
-                    /*#__PURE__*/ _jsx("div", {
+                    showType == 3 && /*#__PURE__*/ _jsx("div", {
                         style: {
                             display: `${showType == 3 && showContacts && roomId != "" ? "block" : "none"}`
                         },
@@ -2297,11 +2474,12 @@ const CustomerService = (props)=>{
                                 setShowContacts(false);
                             },
                             switchChatRoom: switchChatRoom,
-                            saveContactsList: saveContactsList
+                            saveContactsList: saveContactsList,
+                            ref: childRef
                         })
                     })
                 ]
-            }),
+            }) : '',
             showType == 4 && /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsxs(Modal, {
@@ -2312,7 +2490,7 @@ const CustomerService = (props)=>{
                             onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
                         },
                         centered: true,
-                        width: 1014,
+                        width: window.innerWidth - 252 > 1214 ? window.innerWidth - 252 : 1214,
                         height: window.innerHeight - 160,
                         wrapClassName: `${styles.ChatWindow_Modal}`,
                         footer: false,
@@ -2343,7 +2521,8 @@ const CustomerService = (props)=>{
                                                     setShowContacts(false);
                                                 },
                                                 switchChatRoom: switchChatRoom,
-                                                saveContactsList: saveContactsList
+                                                saveContactsList: saveContactsList,
+                                                ref: childRef
                                             }),
                                             /*#__PURE__*/ _jsxs("div", {
                                                 className: styles.chat_content,
@@ -2399,7 +2578,7 @@ const CustomerService = (props)=>{
                                         /*#__PURE__*/ _jsx("div", {
                                             className: styles.user,
                                             children: /*#__PURE__*/ _jsx("p", {
-                                                children: "智能回答"
+                                                children: roomList.filter((e)=>e.roomId == roomId).length > 0 && !roomList.filter((e)=>e.roomId == roomId)[0].name ? roomList.filter((e)=>e.roomId == roomId)[0].name : '智能回答'
                                             })
                                         }),
                                         /*#__PURE__*/ _jsxs("div", {
@@ -2418,8 +2597,9 @@ const CustomerService = (props)=>{
                                                     onClick: ()=>{
                                                         onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
                                                         setShowType(4);
+                                                        childRef.current.roomsListTimer();
                                                     },
-                                                    children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                                                    children: /*#__PURE__*/ _jsx(CustomFullScreen, {})
                                                 }),
                                                 /*#__PURE__*/ _jsx("i", {
                                                     className: "lianxiren21",
@@ -2434,10 +2614,10 @@ const CustomerService = (props)=>{
                                 })
                             }),
                             /*#__PURE__*/ _jsxs("div", {
-                                className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}`,
-                                id: "chat_content",
+                                className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}  ${styles.Drawer_main_newlabo_no_pic}`,
+                                id: "",
                                 style: {
-                                    maxHeight: `calc(100vh-${100}-${buttomHei}px)`
+                                    maxHeight: `${window.innerHeight - 100 - buttomHei}px)`
                                 },
                                 children: [
                                     loading ? /*#__PURE__*/ _jsx("div", {
@@ -2475,7 +2655,8 @@ const CustomerService = (props)=>{
                                         setShowContacts(false);
                                     },
                                     switchChatRoom: switchChatRoom,
-                                    saveContactsList: saveContactsList
+                                    saveContactsList: saveContactsList,
+                                    ref: childRef
                                 })
                             })
                         ]