bhd-components 0.5.6 → 0.5.7

package/es2017/customerService/index.js

@@ -0,0 +1,2493 @@
+/* eslint-disable import/first */ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+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 { 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 { Remarkable } from "remarkable";
+import hljs from "highlight.js";
+import "highlight.js/styles/default.css";
+import { render } from "react-dom";
+import Provider from "../provider";
+const { TextArea  } = Input;
+import knowledge_icon from "./images/knowledge_icon.png";
+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，录制结束
+    const [copyTextOBJ, setCopyTextObj] = useState([]); //复制的消息id
+    const [citationContent, setCitationContent] = useState({}); //引用内容
+    const [roomId, setRoomId] = useState(""); //聊天室id
+    const [historyMessageList, setHistoryMessageList] = useState([]); //历史消息
+    const [keyWord, setKeyWord] = useState(""); //搜索内容
+    const [questionsList, setQuestionsList] = useState([]); //问题列表
+    const [hotQuestionsList, setHotQuestionsList] = useState([]); //热门问题
+    const [greetingMessage, setGreetingMessage] = useState(false); //聊天记录列表是否请求完成
+    const [pageNum, setPageNum] = useState(1); //页码
+    const [pageCount, setPageCount] = useState(0); //总页数
+    const [loading, setLoading] = useState(false); //是否显示加载图标
+    const [finished, setFinished] = useState(true); //是否结束生成
+    const [lastId, setLastId] = useState(""); //最后一条数据的id，可用于定位当前位置
+    const [chatWith, setChatWith] = useState({}); //聊天的老师id或ai
+    const [firstLoad, setFirstLoad] = useState(false); //第一次切换全屏时滚动到页面底部
+    const [buttomHei, setButtomHei] = useState(45); //底部输入框的高度
+    const [showHistory, setShowHistory] = useState(false); //是否显示历史记录
+    const [showContacts, setShowContacts] = useState(false); //是否显示关联老师
+    const [showType, setShowType] = useState(-1); //显示聊天框类型 1、侧边栏 2 modal 3 相应的div中 newlabo中使用
+    const [answerMode, setAnswerMode] = useState(-1); //设置回答模式。1，召唤老师回答
+    const [teacherList, setTeacherList] = useState([]); //老师列表
+    const [problem, setProblem] = useState({}); //召唤老师回答的问题
+    const [roomList, setRoomList] = useState([]); //聊天列表
+    const [chatObj, setChatObj] = useState([]); //聊天记录id保存，用来在实验报告中记录
+    const timer = useRef(null); //文本框输入时
+    let receiveMessageTimer = useRef(null); //接收ai发回的消息
+    let voiceCountdownTimer = useRef(null); //语音录制倒计时
+    let listTimer = useRef(null); // 请求列表倒计时
+    const ctrl = useRef(); //停止生成ai回答时使用
+    const remarkable = new Remarkable({
+        highlight: function(str, lang) {
+            if (lang && hljs.getLanguage(lang)) {
+                try {
+                    return hljs.highlight(lang, str).value;
+                } catch (err) {}
+            }
+            try {
+                return hljs.highlightAuto(str).value;
+            } catch (err) {}
+            return ""; // use external default escaping
+        }
+    });
+    useEffect(()=>{
+        return ()=>{
+            clearTimeout(receiveMessageTimer.current);
+            clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+        };
+    }, []);
+    useEffect(()=>{
+        // console.log("重新加载",pageCount);
+        if (showType == 2 && !firstLoad && pageCount > 0) {
+            setFirstLoad(true);
+            setTimeout(()=>{
+                scrollToBottom();
+            }, 100);
+        }
+        function handleScroll() {
+            const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            const scrollTop = container.scrollTop;
+            // const scrollBottom = container.scroll;
+            // console.log(container,'sdcsdcsdcsdc');
+            container.onscroll = (e)=>{
+                //元素内部页面滚动到达底部
+                if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) {
+                    //console.log('元素内部页面滚动到达底部');
+                    if (pageNum > 1) {
+                        let number = pageNum - 1;
+                        setPageNum((pageNum)=>{
+                            return pageNum - 1;
+                        });
+                        clearTimeout(listTimer.current);
+                        listTimer.current = setTimeout(()=>{
+                            console.log("加载下一页", number);
+                            getHistoryMessage(number, 2);
+                        }, 1000);
+                    }
+                }
+            };
+            if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
+                setLoading(true);
+                let number = pageNum + 1;
+                setPageNum((pageNum)=>{
+                    return pageNum + 1;
+                });
+                clearTimeout(listTimer.current);
+                listTimer.current = setTimeout(()=>{
+                    console.log("加载下一页", number);
+                    getHistoryMessage(number, 0);
+                }, 1000);
+            }
+        }
+        const content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (content) {
+            content.addEventListener("scroll", handleScroll);
+        }
+        return ()=>{
+            const content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (content) {
+                content.removeEventListener("scroll", handleScroll);
+            }
+        };
+    }, [
+        historyMessageList,
+        showType,
+        pageCount
+    ]);
+    useEffect(()=>{
+        resettingBottomHei();
+        let dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (dom) {
+            if (showType == 1) {
+                dom.style.maxHeight = `${window.innerHeight - 60 - buttomHei}px`;
+            } else if (showType == 3) {
+                dom.style.maxHeight = `${window.innerHeight - 50 - buttomHei}px`;
+            } else {
+                dom.style.maxHeight = `${window.innerHeight - 160 - 60 - buttomHei}px`;
+            }
+        }
+    }, [
+        buttomHei,
+        showType
+    ]);
+    useEffect(()=>{
+        console.log(props, 'lsdkcmsdlcksd');
+        getQuestiionsList("", 1);
+        scrollToBottom();
+        // less.modifyVars({ "@color-border-Tr": "#f4523b" });
+        // console.log("9999999", less);
+        // getRoomList();
+        setShowType(initShowType);
+    }, [
+        initShowType
+    ]);
+    useEffect(()=>{
+        // console.log(roomId,1111111)
+        if (roomId != '') {
+            // console.log(roomId,2222222)
+            let num = pageNum != 1 ? pageNum : 1;
+            getHistoryMessage(num, 0);
+            scrollToBottom();
+        }
+    }, [
+        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 {
+            createRooms("AI").then((res)=>{
+                // console.log(res.data,'dlfkvdlkfvmdf');
+                setRoomId(res.data.id);
+                setRoomList([
+                    {
+                        roomId: res.data.id,
+                        unreadCount: 0,
+                        uid: mid
+                    }
+                ]);
+            });
+        }
+    }, [
+        roomList
+    ]);
+    //进入页面，发送打招呼信息
+    useEffect(()=>{
+        // console.log(historyMessageList, "dkjvndfkjvd33333f");
+        //老师的聊天窗口不发送打招呼信息
+        if (!(roomList.length > 0 && roomList[0].roomId != roomId)) {
+            //是否发送打招呼信息
+            if (greetingMessage && historyMessageList.length == 0) {
+                sendGreetingMessage(1);
+            } else {
+                try {
+                    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"));
+                        sendGreetingMessage(1);
+                    }
+                } catch (error) {}
+            }
+        }
+        scrollToBottom();
+    }, [
+        greetingMessage,
+        hotQuestionsList
+    ]);
+    //语音转文字
+    useEffect(()=>{
+        if (bese64String != "") {
+            speechToText();
+        }
+    //发送给后端语音brse64
+    }, [
+        bese64String
+    ]);
+    //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题 
+    const sendGreetingMessage = (type)=>{
+        let questionsList = [];
+        let obj = {};
+        if (type == 1) {
+            questionsList = hotQuestionsList.map((item, index)=>{
+                if (index < 3) {
+                    return {
+                        key: "messageSource",
+                        value: item.id,
+                        question: item.question,
+                        answer: item.answer
+                    };
+                } else {
+                    return null;
+                }
+            });
+            questionsList = questionsList.filter((i)=>i != null);
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: `Hi！我是有问必答的实训云智能客服，请问您遇到了什么问题？`,
+                extraInfos: questionsList
+            };
+        } else if (type == 2) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: `您的点赞是我最大的鼓励！`,
+                createdAt: getDataTime(-1),
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 3) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: `谢谢您的反馈，我会努力改进的！`,
+                createdAt: getDataTime(-1),
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 4) {
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: "AI",
+                message: keyWord,
+                createdAt: getDataTime(-1),
+                quotedMessage: citationContent.content,
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 5) {
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: "抱歉！您今日的提问量已经达到最大限额，请您明日再来提问。",
+                createdAt: getDataTime(-1),
+                quotedMessage: citationContent.content,
+                extraInfos: [
+                    {
+                        key: "messageSource",
+                        value: "knowledgebase"
+                    }
+                ]
+            };
+        } else if (type == 6) {
+            questionsList = hotQuestionsList.map((item)=>{
+                return {
+                    key: "messageSource",
+                    value: item.id,
+                    question: item.question,
+                    answer: item.answer
+                };
+            });
+            obj = {
+                roomId: roomId,
+                sender: "AI",
+                recevier: mid,
+                message: `猜你想问：`,
+                extraInfos: questionsList
+            };
+        }
+        setKeyWord("");
+        setQuestionsList([]);
+        setCitationContent({});
+        http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            if (res.data.id) {
+                setHistoryMessageList((historyMessageList)=>{
+                    let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        id: res.data.id,
+                        upvoted: false,
+                        downvoted: false,
+                        quotedMessage: "",
+                        createdAt: getDataTime(-1),
+                        extraInfo: JSON.stringify(obj.extraInfos)
+                    }));
+                    return newHistoryMessageList;
+                });
+                scrollToBottom();
+                if (type == 4) {
+                    sendGreetingMessage(6);
+                }
+            }
+        }).catch((err)=>{
+            console.log(err);
+        });
+    };
+    //消息发送给老师type == 1,召唤老师时发送，type == 2，在老师聊天窗口聊天
+    const sendToTeacher = (type)=>{
+        console.log("消息发送给老师111");
+        let obj = {};
+        if (type == 1) {
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: chatWith.uid,
+                message: problem.question
+            };
+        } else if (type == 2) {
+            let list = roomList.filter((item)=>item.roomId == roomId);
+            let recevier = '';
+            if (list.length > 0) {
+                recevier = list[0].sender;
+            }
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: recevier,
+                message: keyWord
+            };
+        }
+        http.post(`${urllocation}/chat-service/public/v1.0/chat-with-user/messages`, obj, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "TeacherAnswer").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            if (res.data.id) {
+                setHistoryMessageList((historyMessageList)=>{
+                    let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        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 = [
+                        {
+                            'roomId': roomId,
+                            'id': res.data.id
+                        }
+                    ];
+                    setChatObj((list)=>{
+                        let list2 = list.filter((item)=>item.id != obj[0].id);
+                        return list2.concat(obj);
+                    });
+                }
+            }
+        }).catch((err)=>{
+            console.log(err);
+        });
+    };
+    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息
+    const sendMessage = (item, flag)=>{
+        let questions = [];
+        if (item && flag) {
+            questions = [
+                item
+            ];
+        }
+        //点击知识库的问题，或者是点击问候消息
+        if (questions.length > 0) {
+            questions = questions[0];
+            //向知识库发送问题 type 1，发送问题 2 发送答案  obj 需要的参数
+            let obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: "AI",
+                message: questions.question,
+                extraInfos: [
+                    {
+                        key: "questionId",
+                        value: flag == 1 ? questions.value : questions.id
+                    }
+                ]
+            };
+            //发送问题  1 类型，发送问题需要的参数，问题的答案id等
+            sendingExistingIssues(1, obj, {
+                key: "questionId",
+                value: flag == 1 ? questions.value : questions.id,
+                answer: questions.answer
+            });
+            setKeyWord("");
+            setQuestionsList([]);
+            setCitationContent({});
+        } else if (userData.modules.some((item)=>item.short == "AIservice")) {
+            setHistoryMessageList((historyMessageList)=>{
+                let newHistoryMessageList = historyMessageList.concat({
+                    roomId: roomId,
+                    sender: mid,
+                    recevier: "AI",
+                    message: keyWord,
+                    quotedMessage: citationContent.content,
+                    id: "654321",
+                    upvoted: false,
+                    downvoted: false,
+                    createdAt: getDataTime(-1),
+                    extraInfo: JSON.stringify([])
+                });
+                return newHistoryMessageList;
+            });
+            setFinished(false);
+            aiSendQuestions(3, {
+                //相关数据
+                roomId: roomId,
+                message: keyWord,
+                quotedMessage: citationContent.content || "",
+                regenerate: citationContent.content != "" ? false : true,
+                generateUpvoteOrDownvoteMessage: false
+            }, 1);
+        //存在AI客服
+        } else {
+            //不存在AI客服
+            sendGreetingMessage(4);
+        }
+    };
+    //向知识库发送问题 或答案 type:1 发送问题 2 接受答案
+    const sendingExistingIssues = (type, obj, questions)=>{
+        setHistoryMessageList((historyMessageList)=>{
+            let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                id: null,
+                upvoted: false,
+                downvoted: false,
+                createdAt: getDataTime(-1),
+                extraInfo: JSON.stringify(obj.extraInfos)
+            }));
+            return newHistoryMessageList;
+        });
+        scrollToBottom();
+        http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            if (res.data.id) {
+                //更新聊天记录id
+                setHistoryMessageList((historyMessageList)=>{
+                    let newHistoryMessageList = historyMessageList.map((item)=>{
+                        if (item.id == null) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                id: res.data.id
+                            });
+                        } else {
+                            return item;
+                        }
+                    });
+                    return newHistoryMessageList;
+                });
+            }
+            if (type == 1) {
+                //发送答案，调用自动回答
+                let dataObj = {
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: questions.answer,
+                    extraInfos: [
+                        {
+                            key: "questionId",
+                            value: questions.value
+                        }
+                    ]
+                };
+                sendingExistingIssues(2, dataObj, '');
+                testLabQuestion(obj.message, questions.answer, '');
+            }
+        }).then((res)=>{
+            console.log(res);
+        });
+    };
+    //向AI发送问题 type == 1 发送点赞或踩消息，type == 2 发送重新生成消息，type == 3 正常发送消息
+    let content = ''; //用于实验报告的问题记录
+    const aiSendQuestions = (type, obj, id)=>{
+        content = '';
+        // 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;
+        // }
+        ctrl.current = new AbortController();
+        clearTimeout(receiveMessageTimer.current);
+        receiveMessageTimer.current = setTimeout(()=>{
+            // console.log('超时终止1111')
+            setHistoryMessageList((historyMessageList)=>{
+                return historyMessageList.filter((item)=>item.id != "123456" && item.id != "654321");
+            });
+            setFinished(true);
+            ctrl.current.abort();
+            setHistoryMessageList((historyMessageList)=>{
+                return historyMessageList.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: "网络异常，请稍后重试！",
+                    id: "123456",
+                    createdAt: getDataTime(-1),
+                    extraInfo: null
+                });
+            });
+        }, 60 * 1000);
+        let data = JSON.stringify(obj);
+        // if (type == 1 || type == 2) {
+        //   data = JSON.stringify(obj);
+        // } else if(type == 3){
+        //   data = JSON.stringify({
+        //     //相关数据
+        //     roomId: roomId,
+        //     message: keyWord,
+        //     quotedMessage: citationContent.content || "",
+        //     regenerate: citationContent.content != "" ? false : true,
+        //     generateUpvoteOrDownvoteMessage: false,
+        //   });
+        // }
+        setKeyWord("");
+        setQuestionsList([]);
+        setTimeout(()=>{
+            setQuestionsList([]);
+        }, 2000);
+        //占位信息
+        setHistoryMessageList((historyMessageList)=>{
+            if (type == 2) {
+                return historyMessageList.map((item)=>{
+                    if (item.id == id) {
+                        return {
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "正在输入...",
+                            id: "123456",
+                            createdAt: getDataTime(-1),
+                            extraInfo: null
+                        };
+                    } else {
+                        return item;
+                    }
+                });
+            } else {
+                return historyMessageList.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: "正在输入...",
+                    id: "123456",
+                    createdAt: getDataTime(-1),
+                    extraInfo: null
+                });
+            }
+        });
+        setTimeout(()=>{
+            scrollToBottom();
+        }, 10);
+        //使用fetchEventSource接收数据
+        const eventSource = fetchEventSource(`${urllocation}/chat-service/public/v1.0/chat-with-ai/messages`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "text/event-stream,application/json",
+                "X-Auth-Jwt": window.localStorage.getItem("usertoken") || "",
+                "Auth-Token": userData.token,
+                "X-Module-Id": userData.modules.find((ele)=>ele.short == "AIservice").id
+            },
+            body: data,
+            signal: ctrl.current.signal,
+            openWhenHidden: true,
+            onopen (res) {
+                console.info("eventSource open: ", res);
+                clearTimeout(receiveMessageTimer.current);
+                if (res.status >= 300) {
+                    console.log("sdckjsdncskdcjsdc", res.status);
+                    setFinished(true);
+                    setHistoryMessageList((historyMessageList)=>{
+                        return historyMessageList.filter((item)=>item.id != "123456" && item.id != "654321");
+                    });
+                    ctrl.current.abort();
+                }
+                if (res.status == 200) {
+                    setFinished(false);
+                }
+                if (res.status == 401) {
+                    //身份认证未通过,从新请求新的token后再次发送请求
+                    verifyJWT(urllocation).then(()=>{
+                        console.log("重新请求");
+                        setHistoryMessageList((historyMessageList)=>{
+                            return historyMessageList.filter((item)=>item.id != "123456" && item.id != "654321");
+                        });
+                        aiSendQuestions(type, obj, id);
+                    });
+                }
+                if (res.status == 403) {
+                    //暂无权限
+                    console.log("暂无权限");
+                    setHistoryMessageList((historyMessageList)=>{
+                        return historyMessageList.concat({
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "暂无权限",
+                            id: "123456",
+                            createdAt: "",
+                            extraInfo: null
+                        });
+                    });
+                }
+                if (res.status == 429) {
+                //同一时间只允许进行一个对话。
+                }
+                if (res.status == 429) {
+                    //每天问答的 Token 数必须小于等于 10 万。
+                    sendGreetingMessage(5);
+                }
+                if (res.status == 500) {
+                    // 系统错误，请稍后再试。
+                    setHistoryMessageList((historyMessageList)=>{
+                        return historyMessageList.concat({
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "系统出错了，请稍后重试！",
+                            id: "123456",
+                            createdAt: "",
+                            extraInfo: null
+                        });
+                    });
+                }
+            },
+            onerror (err) {
+                console.log(err, "dflkvdmfvlkdfv");
+                let state = err.response;
+                setHistoryMessageList((historyMessageList)=>{
+                    return historyMessageList.concat({
+                        roomId: roomId,
+                        sender: "AI",
+                        recevier: mid,
+                        message: "系统出错了，请稍后重试！",
+                        id: "123456",
+                        createdAt: "",
+                        extraInfo: null
+                    });
+                });
+            },
+            onmessage (event) {
+                //识别的内容
+                // console.log("eventSource msg: ", event.data);
+                let msg = JSON.parse(event.data);
+                if (msg.message) {
+                    content = content + msg.message;
+                    renderAiAnswer(msg, id, type);
+                }
+                if (msg.finished) {
+                    setFinished(true); //发送结束
+                    console.log(content, JSON.parse(data), 'sdklcksdlcms');
+                    testLabQuestion(JSON.parse(data).message, content, '');
+                }
+            },
+            onclose () {
+                setFinished(true); //发送结束
+                setHistoryMessageList((historyMessageList)=>{
+                    return historyMessageList.filter((item)=>item.id != "123456");
+                });
+            }
+        });
+    };
+    //渲染AI回答
+    const renderAiAnswer = (msg, message_id, type)=>{
+        // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
+        let obj = msg;
+        let id = msg.messageId;
+        setHistoryMessageList((historyMessageList)=>{
+            let list1 = historyMessageList;
+            //删除临时数据
+            list1 = list1.filter((item)=>{
+                return item.id != "123456";
+            });
+            //重新生成答案时，使用原来的消息
+            if (message_id != undefined) {
+                list1 = list1.filter((item)=>{
+                    return item.id != message_id;
+                });
+            }
+            let list = historyMessageList.filter((item)=>{
+                return item.id == id;
+            });
+            let message = "";
+            if (list.length == 0) {
+                message = obj.message;
+                let newHistoryMessageList = list1.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: message,
+                    id: id,
+                    upvoted: false,
+                    downvoted: false,
+                    createdAt: getDataTime(-1),
+                    extraInfo: type == 1 ? JSON.stringify([
+                        {
+                            key: "isVoteMessage",
+                            value: true
+                        }
+                    ]) : null
+                });
+                return newHistoryMessageList;
+            } else {
+                let newHistoryMessageList2 = list1.map((item)=>{
+                    message = item.message + obj.message;
+                    if (item.id == id) {
+                        return _object_spread_props(_object_spread({}, item), {
+                            message: message
+                        });
+                    } else {
+                        return item;
+                    }
+                });
+                return newHistoryMessageList2;
+            }
+        });
+        setTimeout(()=>{
+            scrollToBottom();
+        }, 10);
+    };
+    //问题记录到实验报告中
+    const testLabQuestion = (title, content, teachId)=>{
+        console.log(title, content, '记录到实验报告中');
+        if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4)) {
+            http.post(`${urllocation}/sandboxes/public/v1.0/labquestion`, {
+                title: title,
+                content: content,
+                teachId: teachId != undefined ? teachId : chatWith.uid | mid,
+                stepId: stepId,
+                stepIds: stepIds
+            }, {
+                headers: {
+                    "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                    "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                }
+            });
+        }
+    };
+    //语音转文字
+    const speechToText = ()=>{
+        http.post(`${urllocation}/chat-service/public/v1.0/speech:recognize`, {
+            audio: bese64String
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "AIservice").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            setVoiceRecordingStatus(3);
+            if (res.data) {
+                setKeyWord(res.data.text);
+                resettingBottomHei();
+            }
+        }).catch((err)=>{
+            setKeyWord("");
+            setVoiceRecordingStatus(3);
+        });
+    };
+    //创建聊天室
+    const createRooms = (uid)=>{
+        return http.post(`${urllocation}/chat-service/public/v1.0/rooms`, {
+            chatWith: uid
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
+    const getHistoryMessage = (pageNum, flag)=>{
+        console.log(pageNum, flag, "重新加载数据2222");
+        if (roomId == "") return;
+        return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
+            params: {
+                roomId: roomId,
+                page: pageNum != undefined && pageNum != -1 ? pageNum : 1,
+                maxPageSize: 30,
+                direction: "desc"
+            },
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            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;
+                        } else {
+                            last_id = historyMessageList[0].id;
+                        }
+                    }
+                    newHistoryMessageList = [];
+                    //查找历史记录flag==1
+                    if (pageNum == 1 || flag == 1 || 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));
+                    return newHistoryMessageList;
+                });
+                //如果在跟老师的聊天窗口,用于找到与老师的最新的聊天,并不在与老师对话的窗口中,并聊天窗口相同
+                try {
+                    if (stepIds != undefined && stepIds != '' && (showType == 3 || showType == 4) && roomList.length > 0 && roomList[0].roomId != roomId) {
+                        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");
+                }
+                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);
+                setLoading(false);
+                setHistoryMessageList([]);
+                //召唤老师回答
+                console.log(problem, 8888888);
+                if (problem != undefined && problem.user != undefined && problem.question != undefined) {
+                    console.log(problem, 77777);
+                    sendToTeacher(1);
+                }
+            }
+        }).catch((res)=>{
+            setLoading(false);
+        });
+    };
+    //在聊天对话框中查找需要记录的问题及答案
+    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;
+                }
+            });
+            //有新的消息
+            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;
+                    }
+                });
+                //需要保存的记录
+                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);
+                    });
+                });
+                console.log(objList, 'sdkcjnsdkjcsd');
+            }
+        }
+    };
+    //点赞消息
+    const likeMessage = (id, state)=>{
+        let url = "";
+        //点赞状态
+        if (!state) {
+            url = `${urllocation}/chat-service/public/v1.0/history-messages:upvote`;
+        } else {
+            url = `${urllocation}/chat-service/public/v1.0/history-messages:cancelUpvote`;
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            setHistoryMessageList((historyMessageList)=>{
+                let list = historyMessageList;
+                list = list.map((item)=>{
+                    return _object_spread_props(_object_spread({}, item), {
+                        upvoted: item.id == id ? !state : item.upvoted,
+                        downvoted: item.id == id && !state ? state : item.downvoted
+                    });
+                });
+                return list;
+            });
+        });
+    };
+    //踩
+    const disagreeMessage = (id, state)=>{
+        let url = "";
+        //点赞状态
+        if (!state) {
+            url = `${urllocation}/chat-service/public/v1.0/history-messages:downvote`;
+        } else {
+            url = `${urllocation}/chat-service/public/v1.0/history-messages:cancelDownvote`;
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            setHistoryMessageList((historyMessageList)=>{
+                let list = historyMessageList;
+                list = list.map((item)=>{
+                    return _object_spread_props(_object_spread({}, item), {
+                        downvoted: item.id == id ? !state : item.downvoted,
+                        upvoted: item.id == id && !state ? state : item.upvoted
+                    });
+                });
+                return list;
+            });
+        });
+    };
+    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题
+    const getQuestiionsList = (value, flag)=>{
+        let data = {};
+        if (flag == 1) {
+            data = {
+                page: 1,
+                maxPageSize: 5
+            };
+        } else {
+            data = {
+                page: 1,
+                maxPageSize: 4,
+                question: value
+            };
+        }
+        http.get(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions`, {
+            params: data,
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            if (res.data.questions) {
+                if (flag == 1) {
+                    setHotQuestionsList(res.data.questions);
+                } else {
+                    setQuestionsList(res.data.questions);
+                }
+            }
+        });
+    };
+    //获取老师列表
+    const getTeacherList = (keyWord)=>{
+        http.get(`${urllocation}/chat-service/public/v1.0/teachers`, {
+            params: {
+                name: keyWord
+            },
+            headers: {
+                "x-module-id": userData.modules.find((ele)=>ele.short == "TeacherAnswer").id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then((res)=>{
+            console.log(res);
+            if (res.data) {
+                setTeacherList(res.data.teachers);
+            }
+        });
+    };
+    //设置滚动条滚动到底部
+    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)
+            setLoading(false);
+        }
+    };
+    // 获取新的JWT
+    const verifyJWT = (url)=>{
+        return new Promise((resolve)=>{
+            http.get(`${url}/regusers/login/Refreshtoken`).then((res)=>{
+                if (res.data.code == 200) {
+                    window.localStorage.setItem("usertoken", res.data.data);
+                    resolve(res.data.data);
+                } else {
+                    throw new Error(res.data.code);
+                }
+            }).catch((err)=>{
+                resolve(err);
+            });
+        });
+    };
+    //渲染头部
+    const renderHeader = ()=>{
+        if (showType == 4) {
+            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(3);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: ()=>{
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    setShowType(3);
+                                },
+                                children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        } 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,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.user,
+                        children: /*#__PURE__*/ _jsxs("p", {
+                            children: [
+                                showType == 1 && /*#__PURE__*/ _jsx("i", {
+                                    className: "lianxiren21",
+                                    onClick: ()=>{
+                                        setShowContacts(true);
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CustomContacts, {})
+                                }),
+                                "智能回答"
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.operate,
+                        children: [
+                            /*#__PURE__*/ _jsx("i", {
+                                className: "_lishixiao22",
+                                onClick: ()=>{
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: styles.line
+                            }),
+                            showType == 1 ? /*#__PURE__*/ _jsx("i", {
+                                onClick: ()=>{
+                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                    // switchDialogBox(3, true);
+                                    setShowType(2);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomFullScreen, {})
+                            }) : /*#__PURE__*/ _jsx("i", {
+                                onClick: ()=>{
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    // switchDialogBox(1, true);
+                                    setShowType(1);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: onCancel,
+                                children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        }
+    };
+    //重置底部输入框高度
+    const resettingBottomHei = ()=>{
+        setTimeout(()=>{
+            if (showType == 1 || showType == 3) {
+                let hei = document.getElementById("Drawer_buttom").offsetHeight;
+                setButtomHei(hei);
+            } else {
+                let hei = document.getElementById("Drawer_buttom_modal").offsetHeight;
+                setButtomHei(hei);
+            }
+        }, 50);
+    };
+    //切换聊天室  type == renew ,存在新消息
+    const switchChatRoom = (id, type)=>{
+        if (type == "renew") {
+            getHistoryMessage(1, 3);
+        }
+        setRoomId(id);
+        readMessage(id, urllocation, userData, http);
+    };
+    const saveContactsList = (list)=>{
+        if (list != undefined) {
+            setRoomList(list);
+        }
+    };
+    //渲染问答
+    const renderQuestion = ()=>{
+        // 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)=>{
+                    // console.log(item.message);
+                    let message = item.message;
+                    let li;
+                    // 是否需要显示日期
+                    let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);
+                    let time = "";
+                    if (itemIndex <= 0) {
+                        //第一项
+                        time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                    } 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");
+                        } else {
+                            //没有跨天 判断是否相隔超过10分钟
+                            if (dayjs(item.createdAt).valueOf() - dayjs(beforeTime).valueOf() > 10 * 60 * 1000) {
+                                time = dayjs(item.createdAt).format("HH:mm");
+                            }
+                        }
+                    }
+                    let dataTime = time;
+                    if (item.sender == mid) {
+                        //只有引用和复制功能
+                        li = /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                dataTime ? /*#__PURE__*/ _jsx("li", {
+                                    className: styles.time,
+                                    children: dataTime
+                                }) : "",
+                                /*#__PURE__*/ _jsxs("li", {
+                                    className: styles.left,
+                                    id: lastId == item.id ? "li_flag" : "",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.main,
+                                            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 != "" && 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", {
+                                                            children: item.quotedMessage
+                                                        })
+                                                    }) : /*#__PURE__*/ _jsx("p", {
+                                                        children: item.quotedMessage
+                                                    })
+                                                }) : ""
+                                            ]
+                                        }),
+                                        showType == 2 || showType == 4 ? /*#__PURE__*/ _jsx("div", {
+                                            className: styles.head_sculpture,
+                                            style: {
+                                                marginLeft: "12px"
+                                            },
+                                            children: /*#__PURE__*/ _jsx("img", {
+                                                src: userData.avatar
+                                            })
+                                        }) : ""
+                                    ]
+                                }, item.id)
+                            ]
+                        });
+                    } else {
+                        //获取用户头像
+                        let headImg = '';
+                        let chatWindow = roomList.filter((item)=>item.roomId == roomId);
+                        if (chatWindow.length > 0 && chatWindow[0].headImg != '') {
+                            headImg = chatWindow[0].headImg;
+                        }
+                        //是否在智能客服窗口
+                        let isAiChatWindow = chatWindow[0].sender == 'AI' ? true : false;
+                        li = /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                dataTime ? /*#__PURE__*/ _jsx("li", {
+                                    className: styles.time,
+                                    children: dataTime
+                                }) : "",
+                                /*#__PURE__*/ _jsxs("li", {
+                                    className: styles.right,
+                                    id: lastId == item.id ? "li_flag" : "",
+                                    children: [
+                                        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", {
+                                                src: knowledge_icon
+                                            }) : /*#__PURE__*/ _jsx("img", {
+                                                src: headImg
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: styles.main,
+                                            children: /*#__PURE__*/ _jsxs("div", {
+                                                className: styles.main_content,
+                                                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, {})
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsxs("div", {
+                                                        className: styles.content,
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx("p", {
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: remarkable.render(message)
+                                                                },
+                                                                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", {
+                                                                className: styles.association_problem,
+                                                                children: JSON.parse(item.extraInfo).map((list, index)=>{
+                                                                    return /*#__PURE__*/ _jsxs("li", {
+                                                                        onClick: ()=>{
+                                                                            sendMessage(list, 1);
+                                                                        },
+                                                                        children: [
+                                                                            index + 1,
+                                                                            ".",
+                                                                            list.question
+                                                                        ]
+                                                                    }, 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.findTeacher ? /*#__PURE__*/ _jsx("div", {
+                                                        className: `${styles.operate_modal_bottom}`,
+                                                        children: /*#__PURE__*/ _jsx("p", {
+                                                            className: styles.stop_findTeacher,
+                                                            children: /*#__PURE__*/ _jsx("span", {
+                                                                onClick: ()=>{
+                                                                    setAnswerMode(-1);
+                                                                    setTeacherList([]);
+                                                                    setHistoryMessageList((historyMessageList)=>{
+                                                                        return historyMessageList.filter((item)=>item.id != "-1");
+                                                                    });
+                                                                },
+                                                                children: "停止召唤老师"
+                                                            })
+                                                        })
+                                                    }) : ''
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                }, item.id)
+                            ]
+                        });
+                    }
+                    return li;
+                })
+            });
+        } else {
+            return "";
+        }
+    };
+    //渲染底部按钮
+    const renderBottomAnt = ()=>{
+        let placeholder = "";
+        let disabled = false;
+        if (voiceRecordingStatus == 2) {
+            placeholder = "录制中...";
+        } else if (voiceRecordingStatus == 1) {
+            placeholder = "正在语音识别文字，请稍后...";
+        } else if (!finished) {
+            placeholder = "答案生成中，请稍后再发送...";
+        } else {
+            placeholder = "请输入问题，按Enter发送，Shift+Enter换行";
+            disabled = true;
+        }
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.input_wrap,
+                    onChange: ()=>{
+                        resettingBottomHei();
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: `${styles.input} ${userData.modules.some((item)=>item.short == "AIservice") ? "" : styles.no_AI}`,
+                            children: [
+                                /*#__PURE__*/ _jsx(TextArea, {
+                                    placeholder: placeholder,
+                                    autoSize: {
+                                        minRows: 1,
+                                        maxRows: 6
+                                    },
+                                    value: keyWord,
+                                    onChange: (e)=>{
+                                        setKeyWord(e.target.value);
+                                        if (e.target.value == "") {
+                                            setQuestionsList([]);
+                                            clearTimeout(timer.current);
+                                        } else {
+                                            clearTimeout(timer.current);
+                                            timer.current = setTimeout(()=>{
+                                                if (answerMode == 1) {
+                                                    getTeacherList(String(e.target.value));
+                                                } else {
+                                                    if (roomList.length > 0 && roomList[0].roomId != roomId) return;
+                                                    getQuestiionsList(String(e.target.value), 2);
+                                                }
+                                            }, 1000);
+                                        }
+                                    },
+                                    onPressEnter: (e)=>{
+                                        //  console.log('发送内容22222',props)
+                                        console.log(roomList, roomId, '发送内容22222wewewewewewewe');
+                                        if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
+                                            e.stopPropagation();
+                                            e.preventDefault();
+                                            clearTimeout(timer.current);
+                                            setKeyWord('');
+                                            setCitationContent({});
+                                            //跟老师对话
+                                            if (roomList.length > 0 && roomList[0].roomId != roomId) {
+                                                sendToTeacher(2);
+                                            } else {
+                                                sendMessage();
+                                            }
+                                            setButtomHei(45);
+                                        } else {
+                                            console.log("回车事件");
+                                            resettingBottomHei();
+                                        }
+                                    },
+                                    onFocus: ()=>{
+                                        onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
+                                    },
+                                    disabled: !disabled,
+                                    maxLength: 1000
+                                }),
+                                citationContent.content != undefined && citationContent.content != "" ? /*#__PURE__*/ _jsxs("div", {
+                                    className: styles.content_main,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: styles.content_con,
+                                            children: /*#__PURE__*/ _jsx("p", {
+                                                children: citationContent.content
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("i", {
+                                            className: styles.delete_quote,
+                                            onClick: ()=>{
+                                                setCitationContent({});
+                                                resettingBottomHei();
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
+                                        })
+                                    ]
+                                }) : ""
+                            ]
+                        }),
+                        userData.modules.some((item)=>item.short == "AIservice") ? /*#__PURE__*/ _jsxs("p", {
+                            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)"
+                                    },
+                                    onClick: ()=>{
+                                        //开始录音
+                                        if (!disabled) return;
+                                        startRecord();
+                                        setVoiceRecordingStatus(2);
+                                        setKeyWord("");
+                                        voiceCountdownTimer.current = setTimeout(()=>{
+                                            stopRecord();
+                                            setVoiceRecordingStatus(1);
+                                        }, 120000);
+                                        onEvent(serverName + serverUrl(), "click_智能问答_ 麦克风", "提交");
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CustomSoundRecording, {})
+                                }) : "",
+                                voiceRecordingStatus == 2 ? /*#__PURE__*/ _jsx("img", {
+                                    // src={Voice_btn}
+                                    src: "/new_yun/images/aiService/voice_btn.gif",
+                                    className: styles.voice_btn,
+                                    onClick: ()=>{
+                                        //结束录音
+                                        // console.log(mediaRecorder,'3333333');
+                                        // mediaRecorder.stop();
+                                        stopRecord();
+                                        setVoiceRecordingStatus(1);
+                                        clearTimeout(voiceCountdownTimer.current);
+                                    }
+                                }) : ""
+                            ]
+                        }) : ""
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: `${styles.sending}`,
+                    children: /*#__PURE__*/ _jsx("i", {
+                        className: `${!disabled ? styles.disabled : ''}`,
+                        onClick: ()=>{
+                            if (!disabled) return;
+                            setCitationContent({});
+                            setButtomHei(45);
+                            if (keyWord.trim() != "") {
+                                setKeyWord('');
+                                //跟老师对话
+                                if (roomList.length > 0 && roomList[0].roomId != roomId) {
+                                    sendToTeacher(2);
+                                } else {
+                                    sendMessage();
+                                }
+                                onEvent(serverName + serverUrl(), "click_智能问答_ Enter", "提交");
+                            }
+                        },
+                        children: /*#__PURE__*/ _jsx(CustomSending, {})
+                    })
+                })
+            ]
+        });
+    };
+    //渲染联想问题及联想的老师名称
+    const renderAssociationProblem = ()=>{
+        if (answerMode == 1) {
+            return /*#__PURE__*/ _jsx("div", {
+                className: `${styles.issues_list} ${styles.issues_list_teacherList}`,
+                style: {
+                    bottom: `${buttomHei + 6}px`
+                },
+                children: teacherList.map((item)=>{
+                    let span = item.name.replaceAll(keyWord, ()=>{
+                        return `<span class=${styles.sign}>${keyWord}</span>`;
+                    });
+                    return /*#__PURE__*/ _jsx("p", {
+                        className: styles.item,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            onClick: ()=>{
+                                setTeacherList([]);
+                                //提问的问题
+                                setProblem({
+                                    question: problem.question,
+                                    user: item.uid
+                                });
+                                setKeyWord("");
+                                //setUpdateRecords(true);
+                                setAnswerMode(-1);
+                                setChatWith(item);
+                                createRooms(item.uid).then((res)=>{
+                                    let id = res.data.id;
+                                    setRoomId(id); //新的聊天室id
+                                });
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        } else {
+            return /*#__PURE__*/ _jsx("div", {
+                className: styles.issues_list,
+                style: {
+                    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>`;
+                    });
+                    return /*#__PURE__*/ _jsx("p", {
+                        className: styles.item,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            onClick: ()=>{
+                                sendMessage(item, 2);
+                                setKeyWord("");
+                                onEvent(serverName + serverUrl(), "click_智能问答_ 发送", "提交");
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        }
+    };
+    //加载指定数据,点击历史记录
+    const loadSpecifiedData = (renewRoomId, page, id)=>{
+        setPageNum(page);
+        setLastId(id); //用于定位
+        //如果是当前聊天室
+        if (renewRoomId == roomId) {
+            console.log("当前聊天窗口111111");
+            getHistoryMessage(page, 1);
+        } else {
+            setRoomId(renewRoomId);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Drawer, {
+                title: "智能回答",
+                width: 560,
+                onClose: ()=>{
+                    onCancel();
+                    onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                },
+                open: showType == 1 ? true : false,
+                className: styles.ChatWindow_Drawer,
+                mask: false,
+                // maskClosable={false}
+                rootClassName: styles.service_ChatWindow_Drawer,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            display: `${showContacts && roomId != "" ? "block" : "none"}`
+                        },
+                        children: /*#__PURE__*/ _jsx(ContactsList, {
+                            type: 1,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: ()=>{
+                                setShowContacts(false);
+                            },
+                            // roomIdAi={roomIdAi}
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.header_wrap,
+                        children: renderHeader()
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.Drawer_main}`,
+                        id: "chat_content",
+                        style: {
+                            maxHeight: `calc(100vh-${buttomHei + 48}px)`
+                        },
+                        children: [
+                            loading ? /*#__PURE__*/ _jsx("div", {
+                                className: styles.loading,
+                                children: /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/loading_d.gif",
+                                    alt: ""
+                                })
+                            }) : "",
+                            renderQuestion()
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.Drawer_buttom_Issues_List,
+                        children: [
+                            renderAssociationProblem(),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.Drawer_buttom,
+                                id: "Drawer_buttom",
+                                children: renderBottomAnt()
+                            })
+                        ]
+                    }),
+                    showType == 1 && showHistory && /*#__PURE__*/ _jsx(HistoryFun, {
+                        type: 1,
+                        roomId: roomId,
+                        userData: userData,
+                        http: http,
+                        urllocation: urllocation,
+                        onClose: ()=>{
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Modal, {
+                title: "智能回答",
+                open: showType == 2 ? true : false,
+                onCancel: ()=>{
+                    onCancel();
+                    onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                },
+                centered: true,
+                width: 1014,
+                height: window.innerHeight - 160,
+                wrapClassName: styles.ChatWindow_Modal,
+                footer: false,
+                maskClosable: false,
+                closeIcon: null,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.header_wrap,
+                        children: renderHeader()
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.Drawer_wrap_main}`,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${styles.Drawer_main} ChatWindow_Modal_history_list`,
+                                id: "chat_content_modal",
+                                style: {
+                                    maxHeight: `${window.innerHeight - 148 - buttomHei}px`
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(ContactsList, {
+                                        type: 2,
+                                        roomId: roomId,
+                                        userData: userData,
+                                        http: http,
+                                        urllocation: urllocation,
+                                        onClose: ()=>{
+                                            setShowContacts(false);
+                                        },
+                                        switchChatRoom: switchChatRoom,
+                                        saveContactsList: saveContactsList
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.chat_content,
+                                        children: [
+                                            loading ? /*#__PURE__*/ _jsx("div", {
+                                                className: styles.loading,
+                                                children: /*#__PURE__*/ _jsx("img", {
+                                                    src: "/new_yun/images/loading_d.gif",
+                                                    alt: ""
+                                                })
+                                            }) : "",
+                                            renderQuestion()
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: styles.Drawer_buttom_Issues_List,
+                                children: [
+                                    renderAssociationProblem(),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.Drawer_buttom,
+                                        id: "Drawer_buttom_modal",
+                                        children: renderBottomAnt()
+                                    })
+                                ]
+                            }),
+                            showType == 2 && showHistory && /*#__PURE__*/ _jsx(HistoryFun, {
+                                type: 2,
+                                roomId: roomId,
+                                userData: userData,
+                                http: http,
+                                urllocation: urllocation,
+                                onClose: ()=>{
+                                    setShowHistory(false);
+                                },
+                                loadSpecifiedData: loadSpecifiedData,
+                                roomList: roomList
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showType == 3 && /*#__PURE__*/ _jsxs("div", {
+                className: `${styles.ChatWindow_Drawer}`,
+                id: "",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${styles.header_wrap} ${styles.header_wrap_newlabo}`,
+                        children: /*#__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, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}`,
+                        id: "chat_content",
+                        style: {
+                            maxHeight: `calc(100vh-${100}-${buttomHei}px)`
+                        },
+                        children: [
+                            loading ? /*#__PURE__*/ _jsx("div", {
+                                className: styles.loading,
+                                children: /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/loading_d.gif",
+                                    alt: ""
+                                })
+                            }) : "",
+                            renderQuestion()
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.Drawer_buttom_Issues_List} ${styles.Drawer_buttom_Issues_List_newlabo}`,
+                        children: [
+                            renderAssociationProblem(),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.Drawer_buttom,
+                                id: "Drawer_buttom",
+                                children: renderBottomAnt()
+                            })
+                        ]
+                    }),
+                    showType == 3 && showHistory && /*#__PURE__*/ _jsx(HistoryFun, {
+                        type: 3,
+                        roomId: roomId,
+                        userData: userData,
+                        http: http,
+                        urllocation: urllocation,
+                        onClose: ()=>{
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            display: `${showType == 3 && showContacts && roomId != "" ? "block" : "none"}`
+                        },
+                        children: /*#__PURE__*/ _jsx(ContactsList, {
+                            type: 3,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: ()=>{
+                                setShowContacts(false);
+                            },
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    })
+                ]
+            }),
+            showType == 4 && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxs(Modal, {
+                        title: "智能回答",
+                        open: true,
+                        onCancel: ()=>{
+                            onCancel();
+                            onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                        },
+                        centered: true,
+                        width: 1014,
+                        height: window.innerHeight - 160,
+                        wrapClassName: `${styles.ChatWindow_Modal}`,
+                        footer: false,
+                        maskClosable: false,
+                        closeIcon: null,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.header_wrap,
+                                children: renderHeader()
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${styles.Drawer_wrap_main}`,
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}`,
+                                        id: "chat_content_modal",
+                                        style: {
+                                            maxHeight: `${window.innerHeight - 148 - buttomHei}px`
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(ContactsList, {
+                                                type: 4,
+                                                roomId: roomId,
+                                                userData: userData,
+                                                http: http,
+                                                urllocation: urllocation,
+                                                onClose: ()=>{
+                                                    setShowContacts(false);
+                                                },
+                                                switchChatRoom: switchChatRoom,
+                                                saveContactsList: saveContactsList
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: styles.chat_content,
+                                                children: [
+                                                    loading ? /*#__PURE__*/ _jsx("div", {
+                                                        className: styles.loading,
+                                                        children: /*#__PURE__*/ _jsx("img", {
+                                                            src: "/new_yun/images/loading_d.gif",
+                                                            alt: ""
+                                                        })
+                                                    }) : "",
+                                                    renderQuestion()
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.Drawer_buttom_Issues_List,
+                                        children: [
+                                            renderAssociationProblem(),
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: styles.Drawer_buttom,
+                                                id: "Drawer_buttom_modal",
+                                                children: renderBottomAnt()
+                                            })
+                                        ]
+                                    }),
+                                    showHistory && /*#__PURE__*/ _jsx(HistoryFun, {
+                                        type: 2,
+                                        roomId: roomId,
+                                        userData: userData,
+                                        http: http,
+                                        urllocation: urllocation,
+                                        onClose: ()=>{
+                                            setShowHistory(false);
+                                        },
+                                        loadSpecifiedData: loadSpecifiedData,
+                                        roomList: roomList
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${styles.ChatWindow_Drawer}`,
+                        id: "",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${styles.header_wrap} ${styles.header_wrap_newlabo}`,
+                                children: /*#__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, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${styles.Drawer_main} ${styles.Drawer_main_newlabo}`,
+                                id: "chat_content",
+                                style: {
+                                    maxHeight: `calc(100vh-${100}-${buttomHei}px)`
+                                },
+                                children: [
+                                    loading ? /*#__PURE__*/ _jsx("div", {
+                                        className: styles.loading,
+                                        children: /*#__PURE__*/ _jsx("img", {
+                                            src: "/new_yun/images/loading_d.gif",
+                                            alt: ""
+                                        })
+                                    }) : "",
+                                    renderQuestion()
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${styles.Drawer_buttom_Issues_List} ${styles.Drawer_buttom_Issues_List_newlabo}`,
+                                children: [
+                                    renderAssociationProblem(),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.Drawer_buttom,
+                                        id: "Drawer_buttom",
+                                        children: renderBottomAnt()
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                style: {
+                                    display: `${showContacts && roomId != "" ? "block" : "none"}`
+                                },
+                                children: /*#__PURE__*/ _jsx(ContactsList, {
+                                    type: 3,
+                                    roomId: roomId,
+                                    userData: userData,
+                                    http: http,
+                                    urllocation: urllocation,
+                                    onClose: ()=>{
+                                        setShowContacts(false);
+                                    },
+                                    switchChatRoom: switchChatRoom,
+                                    saveContactsList: saveContactsList
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+window.appendDom = (root, props)=>{
+    render(/*#__PURE__*/ _jsx(Provider.Component, {
+        children: /*#__PURE__*/ _jsx(CustomerService, _object_spread({}, props))
+    }), root);
+};
+export default CustomerService;