bhd-components 0.5.5 → 0.5.7

package/esm/customerService/index.js

@@ -0,0 +1,2576 @@
+/* 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 { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+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";
+var TextArea = Input.TextArea;
+import knowledge_icon from "./images/knowledge_icon.png";
+import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
+import { readMessage, getByteLen, serverUrl, copyText, getDataTime } from "./function"; //一些方法
+var CustomerService = function(props) {
+    var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId;
+    // urllocation = "/zhong";
+    var _useState = _sliced_to_array(useState(props.userData.mid), 2), mid = _useState[0], setmid = _useState[1]; //当前用户id
+    var _useMediaRecorder = useMediaRecorder(), bese64String = _useMediaRecorder.bese64String, startRecord = _useMediaRecorder.startRecord, stopRecord = _useMediaRecorder.stopRecord; //语音转文字
+    var _useState1 = _sliced_to_array(useState(3), 2), voiceRecordingStatus = _useState1[0], setVoiceRecordingStatus = _useState1[1]; //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
+    var _useState2 = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState2[0], setCopyTextObj = _useState2[1]; //复制的消息id
+    var _useState3 = _sliced_to_array(useState({}), 2), citationContent = _useState3[0], setCitationContent = _useState3[1]; //引用内容
+    var _useState4 = _sliced_to_array(useState(""), 2), roomId = _useState4[0], setRoomId = _useState4[1]; //聊天室id
+    var _useState5 = _sliced_to_array(useState([]), 2), historyMessageList = _useState5[0], setHistoryMessageList = _useState5[1]; //历史消息
+    var _useState6 = _sliced_to_array(useState(""), 2), keyWord = _useState6[0], setKeyWord = _useState6[1]; //搜索内容
+    var _useState7 = _sliced_to_array(useState([]), 2), questionsList = _useState7[0], setQuestionsList = _useState7[1]; //问题列表
+    var _useState8 = _sliced_to_array(useState([]), 2), hotQuestionsList = _useState8[0], setHotQuestionsList = _useState8[1]; //热门问题
+    var _useState9 = _sliced_to_array(useState(false), 2), greetingMessage = _useState9[0], setGreetingMessage = _useState9[1]; //聊天记录列表是否请求完成
+    var _useState10 = _sliced_to_array(useState(1), 2), pageNum = _useState10[0], setPageNum = _useState10[1]; //页码
+    var _useState11 = _sliced_to_array(useState(0), 2), pageCount = _useState11[0], setPageCount = _useState11[1]; //总页数
+    var _useState12 = _sliced_to_array(useState(false), 2), loading = _useState12[0], setLoading = _useState12[1]; //是否显示加载图标
+    var _useState13 = _sliced_to_array(useState(true), 2), finished = _useState13[0], setFinished = _useState13[1]; //是否结束生成
+    var _useState14 = _sliced_to_array(useState(""), 2), lastId = _useState14[0], setLastId = _useState14[1]; //最后一条数据的id，可用于定位当前位置
+    var _useState15 = _sliced_to_array(useState({}), 2), chatWith = _useState15[0], setChatWith = _useState15[1]; //聊天的老师id或ai
+    var _useState16 = _sliced_to_array(useState(false), 2), firstLoad = _useState16[0], setFirstLoad = _useState16[1]; //第一次切换全屏时滚动到页面底部
+    var _useState17 = _sliced_to_array(useState(45), 2), buttomHei = _useState17[0], setButtomHei = _useState17[1]; //底部输入框的高度
+    var _useState18 = _sliced_to_array(useState(false), 2), showHistory = _useState18[0], setShowHistory = _useState18[1]; //是否显示历史记录
+    var _useState19 = _sliced_to_array(useState(false), 2), showContacts = _useState19[0], setShowContacts = _useState19[1]; //是否显示关联老师
+    var _useState20 = _sliced_to_array(useState(-1), 2), showType = _useState20[0], setShowType = _useState20[1]; //显示聊天框类型 1、侧边栏 2 modal 3 相应的div中 newlabo中使用
+    var _useState21 = _sliced_to_array(useState(-1), 2), answerMode = _useState21[0], setAnswerMode = _useState21[1]; //设置回答模式。1，召唤老师回答
+    var _useState22 = _sliced_to_array(useState([]), 2), teacherList = _useState22[0], setTeacherList = _useState22[1]; //老师列表
+    var _useState23 = _sliced_to_array(useState({}), 2), problem = _useState23[0], setProblem = _useState23[1]; //召唤老师回答的问题
+    var _useState24 = _sliced_to_array(useState([]), 2), roomList = _useState24[0], setRoomList = _useState24[1]; //聊天列表
+    var _useState25 = _sliced_to_array(useState([]), 2), chatObj = _useState25[0], setChatObj = _useState25[1]; //聊天记录id保存，用来在实验报告中记录
+    var timer = useRef(null); //文本框输入时
+    var receiveMessageTimer = useRef(null); //接收ai发回的消息
+    var voiceCountdownTimer = useRef(null); //语音录制倒计时
+    var listTimer = useRef(null); // 请求列表倒计时
+    var ctrl = useRef(); //停止生成ai回答时使用
+    var remarkable = new Remarkable({
+        highlight: function highlight(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(function() {
+        return function() {
+            clearTimeout(receiveMessageTimer.current);
+            clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+        };
+    }, []);
+    useEffect(function() {
+        var handleScroll = function handleScroll() {
+            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            var scrollTop = container.scrollTop;
+            // const scrollBottom = container.scroll;
+            // console.log(container,'sdcsdcsdcsdc');
+            container.onscroll = function(e) {
+                //元素内部页面滚动到达底部
+                if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) {
+                    //console.log('元素内部页面滚动到达底部');
+                    if (pageNum > 1) {
+                        var number = pageNum - 1;
+                        setPageNum(function(pageNum) {
+                            return pageNum - 1;
+                        });
+                        clearTimeout(listTimer.current);
+                        listTimer.current = setTimeout(function() {
+                            console.log("加载下一页", number);
+                            getHistoryMessage(number, 2);
+                        }, 1000);
+                    }
+                }
+            };
+            if (scrollTop == 0 && pageCount > pageNum && pageCount > 0) {
+                setLoading(true);
+                var number = pageNum + 1;
+                setPageNum(function(pageNum) {
+                    return pageNum + 1;
+                });
+                clearTimeout(listTimer.current);
+                listTimer.current = setTimeout(function() {
+                    console.log("加载下一页", number);
+                    getHistoryMessage(number, 0);
+                }, 1000);
+            }
+        };
+        // console.log("重新加载",pageCount);
+        if (showType == 2 && !firstLoad && pageCount > 0) {
+            setFirstLoad(true);
+            setTimeout(function() {
+                scrollToBottom();
+            }, 100);
+        }
+        var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (content) {
+            content.addEventListener("scroll", handleScroll);
+        }
+        return function() {
+            var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (content) {
+                content.removeEventListener("scroll", handleScroll);
+            }
+        };
+    }, [
+        historyMessageList,
+        showType,
+        pageCount
+    ]);
+    useEffect(function() {
+        resettingBottomHei();
+        var dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (dom) {
+            if (showType == 1) {
+                dom.style.maxHeight = "".concat(window.innerHeight - 60 - buttomHei, "px");
+            } else if (showType == 3) {
+                dom.style.maxHeight = "".concat(window.innerHeight - 50 - buttomHei, "px");
+            } else {
+                dom.style.maxHeight = "".concat(window.innerHeight - 160 - 60 - buttomHei, "px");
+            }
+        }
+    }, [
+        buttomHei,
+        showType
+    ]);
+    useEffect(function() {
+        console.log(props, "lsdkcmsdlcksd");
+        getQuestiionsList("", 1);
+        scrollToBottom();
+        // less.modifyVars({ "@color-border-Tr": "#f4523b" });
+        // console.log("9999999", less);
+        // getRoomList();
+        setShowType(initShowType);
+    }, [
+        initShowType
+    ]);
+    useEffect(function() {
+        // console.log(roomId,1111111)
+        if (roomId != "") {
+            // console.log(roomId,2222222)
+            var num = pageNum != 1 ? pageNum : 1;
+            getHistoryMessage(num, 0);
+            scrollToBottom();
+        }
+    }, [
+        roomId
+    ]);
+    useEffect(function() {
+        console.log(roomList, "roomListroomListroomListroomListroomList");
+        if (roomList.length > 0) {
+            //切换到有聊天的窗口
+            var message = roomList.filter(function(item) {
+                return 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(function(res) {
+                // console.log(res.data,'dlfkvdlkfvmdf');
+                setRoomId(res.data.id);
+                setRoomList([
+                    {
+                        roomId: res.data.id,
+                        unreadCount: 0,
+                        uid: mid
+                    }
+                ]);
+            });
+        }
+    }, [
+        roomList
+    ]);
+    //进入页面，发送打招呼信息
+    useEffect(function() {
+        // 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(function() {
+        if (bese64String != "") {
+            speechToText();
+        }
+    //发送给后端语音brse64
+    }, [
+        bese64String
+    ]);
+    //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题 
+    var sendGreetingMessage = function(type) {
+        var questionsList = [];
+        var obj = {};
+        if (type == 1) {
+            questionsList = hotQuestionsList.map(function(item, index) {
+                if (index < 3) {
+                    return {
+                        key: "messageSource",
+                        value: item.id,
+                        question: item.question,
+                        answer: item.answer
+                    };
+                } else {
+                    return null;
+                }
+            });
+            questionsList = questionsList.filter(function(i) {
+                return 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(function(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("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var 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(function(err) {
+            console.log(err);
+        });
+    };
+    //消息发送给老师type == 1,召唤老师时发送，type == 2，在老师聊天窗口聊天
+    var sendToTeacher = function(type) {
+        console.log("消息发送给老师111");
+        var obj = {};
+        if (type == 1) {
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: chatWith.uid,
+                message: problem.question
+            };
+        } else if (type == 2) {
+            var list = roomList.filter(function(item) {
+                return item.roomId == roomId;
+            });
+            var recevier = "";
+            if (list.length > 0) {
+                recevier = list[0].sender;
+            }
+            obj = {
+                roomId: roomId,
+                sender: mid,
+                recevier: recevier,
+                message: keyWord
+            };
+        }
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/chat-with-user/messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var 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});
+                    var obj1 = [
+                        {
+                            "roomId": roomId,
+                            "id": res.data.id
+                        }
+                    ];
+                    setChatObj(function(list) {
+                        var list2 = list.filter(function(item) {
+                            return item.id != obj1[0].id;
+                        });
+                        return list2.concat(obj1);
+                    });
+                }
+            }
+        }).catch(function(err) {
+            console.log(err);
+        });
+    };
+    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息
+    var sendMessage = function(item, flag) {
+        var questions = [];
+        if (item && flag) {
+            questions = [
+                item
+            ];
+        }
+        //点击知识库的问题，或者是点击问候消息
+        if (questions.length > 0) {
+            questions = questions[0];
+            //向知识库发送问题 type 1，发送问题 2 发送答案  obj 需要的参数
+            var 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(function(item) {
+            return item.short == "AIservice";
+        })) {
+            setHistoryMessageList(function(historyMessageList) {
+                var 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 接受答案
+    var sendingExistingIssues = function(type, obj, questions) {
+        setHistoryMessageList(function(historyMessageList) {
+            var 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("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.id) {
+                //更新聊天记录id
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.map(function(item) {
+                        if (item.id == null) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                id: res.data.id
+                            });
+                        } else {
+                            return item;
+                        }
+                    });
+                    return newHistoryMessageList;
+                });
+            }
+            if (type == 1) {
+                //发送答案，调用自动回答
+                var 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(function(res) {
+            console.log(res);
+        });
+    };
+    //向AI发送问题 type == 1 发送点赞或踩消息，type == 2 发送重新生成消息，type == 3 正常发送消息
+    var content = ""; //用于实验报告的问题记录
+    var aiSendQuestions = function(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(function() {
+            // console.log('超时终止1111')
+            setHistoryMessageList(function(historyMessageList) {
+                return historyMessageList.filter(function(item) {
+                    return item.id != "123456" && item.id != "654321";
+                });
+            });
+            setFinished(true);
+            ctrl.current.abort();
+            setHistoryMessageList(function(historyMessageList) {
+                return historyMessageList.concat({
+                    roomId: roomId,
+                    sender: "AI",
+                    recevier: mid,
+                    message: "网络异常，请稍后重试！",
+                    id: "123456",
+                    createdAt: getDataTime(-1),
+                    extraInfo: null
+                });
+            });
+        }, 60 * 1000);
+        var 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(function() {
+            setQuestionsList([]);
+        }, 2000);
+        //占位信息
+        setHistoryMessageList(function(historyMessageList) {
+            if (type == 2) {
+                return historyMessageList.map(function(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(function() {
+            scrollToBottom();
+        }, 10);
+        //使用fetchEventSource接收数据
+        var eventSource = fetchEventSource("".concat(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(function(ele) {
+                    return ele.short == "AIservice";
+                }).id
+            },
+            body: data,
+            signal: ctrl.current.signal,
+            openWhenHidden: true,
+            onopen: function onopen(res) {
+                console.info("eventSource open: ", res);
+                clearTimeout(receiveMessageTimer.current);
+                if (res.status >= 300) {
+                    console.log("sdckjsdncskdcjsdc", res.status);
+                    setFinished(true);
+                    setHistoryMessageList(function(historyMessageList) {
+                        return historyMessageList.filter(function(item) {
+                            return item.id != "123456" && item.id != "654321";
+                        });
+                    });
+                    ctrl.current.abort();
+                }
+                if (res.status == 200) {
+                    setFinished(false);
+                }
+                if (res.status == 401) {
+                    //身份认证未通过,从新请求新的token后再次发送请求
+                    verifyJWT(urllocation).then(function() {
+                        console.log("重新请求");
+                        setHistoryMessageList(function(historyMessageList) {
+                            return historyMessageList.filter(function(item) {
+                                return item.id != "123456" && item.id != "654321";
+                            });
+                        });
+                        aiSendQuestions(type, obj, id);
+                    });
+                }
+                if (res.status == 403) {
+                    //暂无权限
+                    console.log("暂无权限");
+                    setHistoryMessageList(function(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(function(historyMessageList) {
+                        return historyMessageList.concat({
+                            roomId: roomId,
+                            sender: "AI",
+                            recevier: mid,
+                            message: "系统出错了，请稍后重试！",
+                            id: "123456",
+                            createdAt: "",
+                            extraInfo: null
+                        });
+                    });
+                }
+            },
+            onerror: function onerror(err) {
+                console.log(err, "dflkvdmfvlkdfv");
+                var state = err.response;
+                setHistoryMessageList(function(historyMessageList) {
+                    return historyMessageList.concat({
+                        roomId: roomId,
+                        sender: "AI",
+                        recevier: mid,
+                        message: "系统出错了，请稍后重试！",
+                        id: "123456",
+                        createdAt: "",
+                        extraInfo: null
+                    });
+                });
+            },
+            onmessage: function onmessage(event) {
+                //识别的内容
+                // console.log("eventSource msg: ", event.data);
+                var 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: function onclose() {
+                setFinished(true); //发送结束
+                setHistoryMessageList(function(historyMessageList) {
+                    return historyMessageList.filter(function(item) {
+                        return item.id != "123456";
+                    });
+                });
+            }
+        });
+    };
+    //渲染AI回答
+    var renderAiAnswer = function(msg, message_id, type) {
+        // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
+        var obj = msg;
+        var id = msg.messageId;
+        setHistoryMessageList(function(historyMessageList) {
+            var list1 = historyMessageList;
+            //删除临时数据
+            list1 = list1.filter(function(item) {
+                return item.id != "123456";
+            });
+            //重新生成答案时，使用原来的消息
+            if (message_id != undefined) {
+                list1 = list1.filter(function(item) {
+                    return item.id != message_id;
+                });
+            }
+            var list = historyMessageList.filter(function(item) {
+                return item.id == id;
+            });
+            var message = "";
+            if (list.length == 0) {
+                message = obj.message;
+                var 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 {
+                var newHistoryMessageList2 = list1.map(function(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(function() {
+            scrollToBottom();
+        }, 10);
+    };
+    //问题记录到实验报告中
+    var testLabQuestion = function(title, content, teachId) {
+        console.log(title, content, "记录到实验报告中");
+        if (stepIds != undefined && stepIds != "" && (showType == 3 || showType == 4)) {
+            http.post("".concat(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(function(ele) {
+                        return ele.short == "IntelligentCustomerService";
+                    }).id,
+                    "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                }
+            });
+        }
+    };
+    //语音转文字
+    var speechToText = function() {
+        http.post("".concat(urllocation, "/chat-service/public/v1.0/speech:recognize"), {
+            audio: bese64String
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "AIservice";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setVoiceRecordingStatus(3);
+            if (res.data) {
+                setKeyWord(res.data.text);
+                resettingBottomHei();
+            }
+        }).catch(function(err) {
+            setKeyWord("");
+            setVoiceRecordingStatus(3);
+        });
+    };
+    //创建聊天室
+    var createRooms = function(uid) {
+        return http.post("".concat(urllocation, "/chat-service/public/v1.0/rooms"), {
+            chatWith: uid
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    //获取历史消息  flag:1,历史记录点击定位，2，代表是下拉加载,3,存在新的消息-->老师回答等
+    var getHistoryMessage = function(pageNum, flag) {
+        console.log(pageNum, flag, "重新加载数据2222");
+        if (roomId == "") return;
+        return http.get("".concat(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(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.messages.length > 0) {
+                clearTimeout(listTimer.current);
+                var last_id = "";
+                var total = res.data.total;
+                var maxPageSize = 30;
+                var dataList = res.data.messages.reverse();
+                setPageCount(Math.ceil(total / maxPageSize));
+                var newHistoryMessageList = [];
+                setHistoryMessageList(function(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);
+                    }
+                    var _$res = new Map();
+                    newHistoryMessageList = newHistoryMessageList.filter(function(a) {
+                        return !_$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(function(res) {
+            setLoading(false);
+        });
+    };
+    //在聊天对话框中查找需要记录的问题及答案
+    var fildChatRecords = function(newHistoryMessageList) {
+        //1、找到对应的聊天室
+        //2、找到与老师对话的新聊天
+        //3、保存聊天到实验报告
+        console.log("查找聊天111", chatObj);
+        var room = chatObj.filter(function(item) {
+            return item.roomId == roomId;
+        });
+        if (room.length > 0) {
+            console.log(room, "dfvdfvdfvdfv");
+            var roomIDnumber = room[0].roomId;
+            var chatID = room[0].id;
+            var index = -1;
+            newHistoryMessageList.forEach(function(item, i) {
+                console.log(item, item.id, "lskdcmsldksdcsdc");
+                if (item.id == chatID) {
+                    index = i;
+                    return false;
+                }
+            });
+            //有新的消息
+            if (index != -1) {
+                var newMessage = newHistoryMessageList.slice(index);
+                console.log(newMessage, "需要记录的聊天");
+                //1、查找 sender发送者
+                var objList = [];
+                var obj = {};
+                var position = -1;
+                newMessage.map(function(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(function(item) {
+                    return item.title != undefined;
+                });
+                objList.map(function(item) {
+                    //保存聊天记录
+                    testLabQuestion(item.title, item.con, item.teachId);
+                    //删除已经保存的记录
+                    setChatObj(function(list) {
+                        return list.filter(function(a) {
+                            return a.roomId != roomIDnumber;
+                        });
+                    });
+                });
+                console.log(objList, "sdkcjnsdkjcsd");
+            }
+        }
+    };
+    //点赞消息
+    var likeMessage = function(id, state) {
+        var url = "";
+        //点赞状态
+        if (!state) {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:upvote");
+        } else {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:cancelUpvote");
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setHistoryMessageList(function(historyMessageList) {
+                var list = historyMessageList;
+                list = list.map(function(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;
+            });
+        });
+    };
+    //踩
+    var disagreeMessage = function(id, state) {
+        var url = "";
+        //点赞状态
+        if (!state) {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:downvote");
+        } else {
+            url = "".concat(urllocation, "/chat-service/public/v1.0/history-messages:cancelDownvote");
+        }
+        http.post(url, {
+            messageId: id
+        }, {
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            setHistoryMessageList(function(historyMessageList) {
+                var list = historyMessageList;
+                list = list.map(function(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，搜索列表 展示相关问题
+    var getQuestiionsList = function(value, flag) {
+        var data = {};
+        if (flag == 1) {
+            data = {
+                page: 1,
+                maxPageSize: 5
+            };
+        } else {
+            data = {
+                page: 1,
+                maxPageSize: 4,
+                question: value
+            };
+        }
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions"), {
+            params: data,
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            if (res.data.questions) {
+                if (flag == 1) {
+                    setHotQuestionsList(res.data.questions);
+                } else {
+                    setQuestionsList(res.data.questions);
+                }
+            }
+        });
+    };
+    //获取老师列表
+    var getTeacherList = function(keyWord) {
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/teachers"), {
+            params: {
+                name: keyWord
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "TeacherAnswer";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        }).then(function(res) {
+            console.log(res);
+            if (res.data) {
+                setTeacherList(res.data.teachers);
+            }
+        });
+    };
+    //设置滚动条滚动到底部
+    var scrollToBottom = function() {
+        console.log("滚动条滚动到底部");
+        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        if (container) {
+            container.scrollTop = container.scrollHeight;
+        }
+    };
+    var scrollTo = function(id) {
+        console.log(id, "滚动到指定位置");
+        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+        var container2 = document.getElementById(id);
+        // clearTimeout(listTimer.current)
+        if (container && container2) {
+            // container.scrollTop = container2.scrollHeight;
+            // if(container2.scrollTop == 0){
+            container.scrollTop = 60;
+            setTimeout(function() {
+                var top = showType == 1 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
+                $("#".concat(showType == 1 ? "chat_content" : "chat_content_modal")).animate({
+                    scrollTop: top
+                }, 0);
+            }, 10);
+            // }
+            // clearTimeout(listTimer.current)
+            setLoading(false);
+        }
+    };
+    // 获取新的JWT
+    var verifyJWT = function(url) {
+        return new Promise(function(resolve) {
+            http.get("".concat(url, "/regusers/login/Refreshtoken")).then(function(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(function(err) {
+                resolve(err);
+            });
+        });
+    };
+    //渲染头部
+    var renderHeader = function() {
+        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: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: styles.line
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    setShowType(3);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: function() {
+                                    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: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: styles.line
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                    setShowType(4);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                className: "lianxiren21",
+                                onClick: function() {
+                                    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: function() {
+                                        setShowContacts(true);
+                                    },
+                                    children: /*#__PURE__*/ _jsx(CustomContacts, {})
+                                }),
+                                "智能回答"
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.operate,
+                        children: [
+                            /*#__PURE__*/ _jsx("i", {
+                                className: "_lishixiao22",
+                                onClick: function() {
+                                    setShowHistory(true);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: styles.line
+                            }),
+                            showType == 1 ? /*#__PURE__*/ _jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                    // switchDialogBox(3, true);
+                                    setShowType(2);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomFullScreen, {})
+                            }) : /*#__PURE__*/ _jsx("i", {
+                                onClick: function() {
+                                    onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
+                                    // switchDialogBox(1, true);
+                                    setShowType(1);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                            }),
+                            /*#__PURE__*/ _jsx("i", {
+                                onClick: onCancel,
+                                children: /*#__PURE__*/ _jsx(CloseOutlined, {})
+                            })
+                        ]
+                    })
+                ]
+            });
+        }
+    };
+    //重置底部输入框高度
+    var resettingBottomHei = function() {
+        setTimeout(function() {
+            if (showType == 1 || showType == 3) {
+                var hei = document.getElementById("Drawer_buttom").offsetHeight;
+                setButtomHei(hei);
+            } else {
+                var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight;
+                setButtomHei(hei1);
+            }
+        }, 50);
+    };
+    //切换聊天室  type == renew ,存在新消息
+    var switchChatRoom = function(id, type) {
+        if (type == "renew") {
+            getHistoryMessage(1, 3);
+        }
+        setRoomId(id);
+        readMessage(id, urllocation, userData, http);
+    };
+    var saveContactsList = function(list) {
+        if (list != undefined) {
+            setRoomList(list);
+        }
+    };
+    //渲染问答
+    var renderQuestion = function() {
+        // 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(function(item, i) {
+                    // console.log(item.message);
+                    var message = item.message;
+                    var li;
+                    // 是否需要显示日期
+                    var itemIndex = historyMessageList.findIndex(function(ite) {
+                        return ite.id === item.id;
+                    });
+                    var time = "";
+                    if (itemIndex <= 0) {
+                        //第一项
+                        time = dayjs(item.createdAt).format("YYYY-MM-DD HH:mm");
+                    } else {
+                        //非第一项 与上一项进行对比
+                        var 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");
+                            }
+                        }
+                    }
+                    var 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: function() {
+                                                                            setCitationContent({
+                                                                                content: item.message,
+                                                                                id: item.id
+                                                                            });
+                                                                            resettingBottomHei();
+                                                                            onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                        },
+                                                                        children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                    }),
+                                                                    copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                        return list == item.id;
+                                                                    }) ? /*#__PURE__*/ _jsx("i", {
+                                                                        className: "tongyong-xuanzhongdui",
+                                                                        children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                                                                    }) : /*#__PURE__*/ _jsx("i", {
+                                                                        className: "fuzhi21",
+                                                                        onClick: function() {
+                                                                            var bol = copyText(item.message);
+                                                                            if (bol) {
+                                                                                var obj = copyTextOBJ;
+                                                                                obj = obj.filter(function(list) {
+                                                                                    return list != item.id;
+                                                                                });
+                                                                                obj.push(item.id);
+                                                                                setCopyTextObj(obj);
+                                                                            }
+                                                                            setTimeout(function() {
+                                                                                var obj = copyTextOBJ;
+                                                                                obj = obj.filter(function(list) {
+                                                                                    return 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 {
+                        //获取用户头像
+                        var headImg = "";
+                        var chatWindow = roomList.filter(function(item) {
+                            return item.roomId == roomId;
+                        });
+                        if (chatWindow.length > 0 && chatWindow[0].headImg != "") {
+                            headImg = chatWindow[0].headImg;
+                        }
+                        //是否在智能客服窗口
+                        var 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: function() {
+                                                                        setAnswerMode(1);
+                                                                        setProblem({
+                                                                            question: historyMessageList[i - 1].message,
+                                                                            user: problem.user
+                                                                        });
+                                                                        setHistoryMessageList(function(historyMessageList) {
+                                                                            var 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: function() {
+                                                                        setCitationContent({
+                                                                            content: item.message,
+                                                                            id: item.id
+                                                                        });
+                                                                        resettingBottomHei();
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                        console.log("引用222222");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                }),
+                                                                copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                    return list == item.id;
+                                                                }) ? /*#__PURE__*/ _jsx("i", {
+                                                                    className: "tongyong-xuanzhongdui",
+                                                                    children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                                                                }) : /*#__PURE__*/ _jsx("i", {
+                                                                    className: "fuzhi21",
+                                                                    onClick: function() {
+                                                                        var bol = copyText(item.message);
+                                                                        if (bol) {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
+                                                                            });
+                                                                            obj.push(item.id);
+                                                                            setCopyTextObj(obj);
+                                                                        }
+                                                                        setTimeout(function() {
+                                                                            var obj = copyTextOBJ;
+                                                                            obj = obj.filter(function(list) {
+                                                                                return list != item.id;
+                                                                            });
+                                                                            setCopyTextObj(obj);
+                                                                        }, 3000);
+                                                                        onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                    },
+                                                                    children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("span", {
+                                                                    children: "|"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("i", {
+                                                                    className: "Frame427319094 ".concat(item.upvoted ? styles.active : ""),
+                                                                    onClick: function() {
+                                                                        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 ".concat(item.downvoted ? styles.active : ""),
+                                                                    onClick: function() {
+                                                                        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(function(list, index) {
+                                                                    return /*#__PURE__*/ _jsxs("li", {
+                                                                        onClick: function() {
+                                                                            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: "".concat(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: function() {
+                                                                                    // aiSendQuestions(3,{},1);
+                                                                                    // if (type == 3) {
+                                                                                    try {
+                                                                                        if (ctrl && ctrl.current) {
+                                                                                            ctrl.current.abort();
+                                                                                        }
+                                                                                    } catch (error) {}
+                                                                                    clearTimeout(receiveMessageTimer.current);
+                                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                                        return historyMessageList.filter(function(item) {
+                                                                                            return item.id != "123456";
+                                                                                        });
+                                                                                    });
+                                                                                    setFinished(true);
+                                                                                    //   return;
+                                                                                    // }
+                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                                                                }
+                                                                            }),
+                                                                            /*#__PURE__*/ _jsx("i", {
+                                                                                onClick: function() {
+                                                                                    // aiSendQuestions(3,{},1);
+                                                                                    try {
+                                                                                        if (ctrl && ctrl.current) {
+                                                                                            ctrl.current.abort();
+                                                                                        }
+                                                                                    } catch (error) {}
+                                                                                    clearTimeout(receiveMessageTimer.current);
+                                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                                        return historyMessageList.filter(function(item) {
+                                                                                            return item.id != "123456";
+                                                                                        });
+                                                                                    });
+                                                                                    setFinished(true);
+                                                                                    onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
+                                                                                },
+                                                                                children: "停止生成"
+                                                                            })
+                                                                        ]
+                                                                    }) : ""
+                                                                }),
+                                                                finished ? /*#__PURE__*/ _jsxs("p", {
+                                                                    className: "".concat(styles.operate),
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx("i", {
+                                                                            onClick: function() {
+                                                                                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: function() {
+                                                                                setCitationContent({
+                                                                                    content: item.message,
+                                                                                    id: item.id
+                                                                                });
+                                                                                resettingBottomHei();
+                                                                                onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
+                                                                            },
+                                                                            children: /*#__PURE__*/ _jsx(CustomQuote, {})
+                                                                        }),
+                                                                        copyTextOBJ.length > 0 && copyTextOBJ.some(function(list) {
+                                                                            return list == item.id;
+                                                                        }) ? /*#__PURE__*/ _jsx("i", {
+                                                                            className: "tongyong-xuanzhongdui",
+                                                                            children: /*#__PURE__*/ _jsx(CustomDuihao, {})
+                                                                        }) : /*#__PURE__*/ _jsx("i", {
+                                                                            className: "fuzhi21",
+                                                                            onClick: function() {
+                                                                                var bol = copyText(item.message);
+                                                                                if (bol) {
+                                                                                    var obj = copyTextOBJ;
+                                                                                    obj = obj.filter(function(list) {
+                                                                                        return list != item.id;
+                                                                                    });
+                                                                                    obj.push(item.id);
+                                                                                    setCopyTextObj(obj);
+                                                                                }
+                                                                                setTimeout(function() {
+                                                                                    var obj = copyTextOBJ;
+                                                                                    obj = obj.filter(function(list) {
+                                                                                        return list != item.id;
+                                                                                    });
+                                                                                    setCopyTextObj(obj);
+                                                                                }, 3000);
+                                                                                onEvent(serverName + serverUrl(), "click_智能问答_复制", "提交");
+                                                                            },
+                                                                            children: /*#__PURE__*/ _jsx(CustomCopy, {})
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("span", {
+                                                                            children: "|"
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("i", {
+                                                                            className: "Frame427319094 ".concat(item.upvoted ? styles.active : ""),
+                                                                            onClick: function() {
+                                                                                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 ".concat(item.downvoted ? styles.active : ""),
+                                                                            onClick: function() {
+                                                                                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: "".concat(styles.operate_modal_bottom),
+                                                        children: /*#__PURE__*/ _jsx("p", {
+                                                            className: styles.stop_findTeacher,
+                                                            children: /*#__PURE__*/ _jsx("span", {
+                                                                onClick: function() {
+                                                                    setAnswerMode(-1);
+                                                                    setTeacherList([]);
+                                                                    setHistoryMessageList(function(historyMessageList) {
+                                                                        return historyMessageList.filter(function(item) {
+                                                                            return item.id != "-1";
+                                                                        });
+                                                                    });
+                                                                },
+                                                                children: "停止召唤老师"
+                                                            })
+                                                        })
+                                                    }) : ""
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                }, item.id)
+                            ]
+                        });
+                    }
+                    return li;
+                })
+            });
+        } else {
+            return "";
+        }
+    };
+    //渲染底部按钮
+    var renderBottomAnt = function() {
+        var placeholder = "";
+        var 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: function() {
+                        resettingBottomHei();
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "".concat(styles.input, " ").concat(userData.modules.some(function(item) {
+                                return item.short == "AIservice";
+                            }) ? "" : styles.no_AI),
+                            children: [
+                                /*#__PURE__*/ _jsx(TextArea, {
+                                    placeholder: placeholder,
+                                    autoSize: {
+                                        minRows: 1,
+                                        maxRows: 6
+                                    },
+                                    value: keyWord,
+                                    onChange: function(e) {
+                                        setKeyWord(e.target.value);
+                                        if (e.target.value == "") {
+                                            setQuestionsList([]);
+                                            clearTimeout(timer.current);
+                                        } else {
+                                            clearTimeout(timer.current);
+                                            timer.current = setTimeout(function() {
+                                                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: function(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: function() {
+                                        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: function() {
+                                                setCitationContent({});
+                                                resettingBottomHei();
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
+                                        })
+                                    ]
+                                }) : ""
+                            ]
+                        }),
+                        userData.modules.some(function(item) {
+                            return 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: function() {
+                                        //开始录音
+                                        if (!disabled) return;
+                                        startRecord();
+                                        setVoiceRecordingStatus(2);
+                                        setKeyWord("");
+                                        voiceCountdownTimer.current = setTimeout(function() {
+                                            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: function() {
+                                        //结束录音
+                                        // console.log(mediaRecorder,'3333333');
+                                        // mediaRecorder.stop();
+                                        stopRecord();
+                                        setVoiceRecordingStatus(1);
+                                        clearTimeout(voiceCountdownTimer.current);
+                                    }
+                                }) : ""
+                            ]
+                        }) : ""
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: "".concat(styles.sending),
+                    children: /*#__PURE__*/ _jsx("i", {
+                        className: "".concat(!disabled ? styles.disabled : ""),
+                        onClick: function() {
+                            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, {})
+                    })
+                })
+            ]
+        });
+    };
+    //渲染联想问题及联想的老师名称
+    var renderAssociationProblem = function() {
+        if (answerMode == 1) {
+            return /*#__PURE__*/ _jsx("div", {
+                className: "".concat(styles.issues_list, " ").concat(styles.issues_list_teacherList),
+                style: {
+                    bottom: "".concat(buttomHei + 6, "px")
+                },
+                children: teacherList.map(function(item) {
+                    var span = item.name.replaceAll(keyWord, function() {
+                        return "<span class=".concat(styles.sign, ">").concat(keyWord, "</span>");
+                    });
+                    return /*#__PURE__*/ _jsx("p", {
+                        className: styles.item,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            onClick: function() {
+                                setTeacherList([]);
+                                //提问的问题
+                                setProblem({
+                                    question: problem.question,
+                                    user: item.uid
+                                });
+                                setKeyWord("");
+                                //setUpdateRecords(true);
+                                setAnswerMode(-1);
+                                setChatWith(item);
+                                createRooms(item.uid).then(function(res) {
+                                    var id = res.data.id;
+                                    setRoomId(id); //新的聊天室id
+                                });
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        } else {
+            return /*#__PURE__*/ _jsx("div", {
+                className: styles.issues_list,
+                style: {
+                    bottom: "".concat(buttomHei + 6, "px")
+                },
+                children: questionsList.map(function(item) {
+                    console.log(item, 44444444);
+                    var span = item.question.replaceAll(keyWord, function() {
+                        return "<span class=".concat(styles.sign, ">").concat(keyWord, "</span>");
+                    });
+                    return /*#__PURE__*/ _jsx("p", {
+                        className: styles.item,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            onClick: function() {
+                                sendMessage(item, 2);
+                                setKeyWord("");
+                                onEvent(serverName + serverUrl(), "click_智能问答_ 发送", "提交");
+                            },
+                            dangerouslySetInnerHTML: {
+                                __html: span
+                            }
+                        })
+                    });
+                })
+            });
+        }
+    };
+    //加载指定数据,点击历史记录
+    var loadSpecifiedData = function(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: function() {
+                    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: "".concat(showContacts && roomId != "" ? "block" : "none")
+                        },
+                        children: /*#__PURE__*/ _jsx(ContactsList, {
+                            type: 1,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: function() {
+                                setShowContacts(false);
+                            },
+                            // roomIdAi={roomIdAi}
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.header_wrap,
+                        children: renderHeader()
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(styles.Drawer_main),
+                        id: "chat_content",
+                        style: {
+                            maxHeight: "calc(100vh-".concat(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: function() {
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Modal, {
+                title: "智能回答",
+                open: showType == 2 ? true : false,
+                onCancel: function() {
+                    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: "".concat(styles.Drawer_wrap_main),
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "".concat(styles.Drawer_main, " ChatWindow_Modal_history_list"),
+                                id: "chat_content_modal",
+                                style: {
+                                    maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(ContactsList, {
+                                        type: 2,
+                                        roomId: roomId,
+                                        userData: userData,
+                                        http: http,
+                                        urllocation: urllocation,
+                                        onClose: function() {
+                                            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: function() {
+                                    setShowHistory(false);
+                                },
+                                loadSpecifiedData: loadSpecifiedData,
+                                roomList: roomList
+                            })
+                        ]
+                    })
+                ]
+            }),
+            showType == 3 && /*#__PURE__*/ _jsxs("div", {
+                className: "".concat(styles.ChatWindow_Drawer),
+                id: "",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "".concat(styles.header_wrap, " ").concat(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: function() {
+                                                setShowHistory(true);
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: styles.line
+                                        }),
+                                        /*#__PURE__*/ _jsx("i", {
+                                            onClick: function() {
+                                                onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                                setShowType(4);
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                                        }),
+                                        /*#__PURE__*/ _jsx("i", {
+                                            className: "lianxiren21",
+                                            onClick: function() {
+                                                setShowContacts(true);
+                                            },
+                                            children: /*#__PURE__*/ _jsx(CustomContacts, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(styles.Drawer_main, " ").concat(styles.Drawer_main_newlabo),
+                        id: "chat_content",
+                        style: {
+                            maxHeight: "calc(100vh-".concat(100, "-").concat(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: "".concat(styles.Drawer_buttom_Issues_List, " ").concat(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: function() {
+                            setShowHistory(false);
+                        },
+                        loadSpecifiedData: loadSpecifiedData,
+                        roomList: roomList
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            display: "".concat(showType == 3 && showContacts && roomId != "" ? "block" : "none")
+                        },
+                        children: /*#__PURE__*/ _jsx(ContactsList, {
+                            type: 3,
+                            roomId: roomId,
+                            userData: userData,
+                            http: http,
+                            urllocation: urllocation,
+                            onClose: function() {
+                                setShowContacts(false);
+                            },
+                            switchChatRoom: switchChatRoom,
+                            saveContactsList: saveContactsList
+                        })
+                    })
+                ]
+            }),
+            showType == 4 && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxs(Modal, {
+                        title: "智能回答",
+                        open: true,
+                        onCancel: function() {
+                            onCancel();
+                            onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
+                        },
+                        centered: true,
+                        width: 1014,
+                        height: window.innerHeight - 160,
+                        wrapClassName: "".concat(styles.ChatWindow_Modal),
+                        footer: false,
+                        maskClosable: false,
+                        closeIcon: null,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.header_wrap,
+                                children: renderHeader()
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "".concat(styles.Drawer_wrap_main),
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "".concat(styles.Drawer_main, " ").concat(styles.Drawer_main_newlabo),
+                                        id: "chat_content_modal",
+                                        style: {
+                                            maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(ContactsList, {
+                                                type: 4,
+                                                roomId: roomId,
+                                                userData: userData,
+                                                http: http,
+                                                urllocation: urllocation,
+                                                onClose: function() {
+                                                    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: function() {
+                                            setShowHistory(false);
+                                        },
+                                        loadSpecifiedData: loadSpecifiedData,
+                                        roomList: roomList
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(styles.ChatWindow_Drawer),
+                        id: "",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(styles.header_wrap, " ").concat(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: function() {
+                                                        setShowHistory(true);
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                                                }),
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    className: styles.line
+                                                }),
+                                                /*#__PURE__*/ _jsx("i", {
+                                                    onClick: function() {
+                                                        onEvent(serverName + serverUrl(), "click_智能问答_全屏", "提交");
+                                                        setShowType(4);
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
+                                                }),
+                                                /*#__PURE__*/ _jsx("i", {
+                                                    className: "lianxiren21",
+                                                    onClick: function() {
+                                                        setShowContacts(true);
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(CustomContacts, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "".concat(styles.Drawer_main, " ").concat(styles.Drawer_main_newlabo),
+                                id: "chat_content",
+                                style: {
+                                    maxHeight: "calc(100vh-".concat(100, "-").concat(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: "".concat(styles.Drawer_buttom_Issues_List, " ").concat(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: "".concat(showContacts && roomId != "" ? "block" : "none")
+                                },
+                                children: /*#__PURE__*/ _jsx(ContactsList, {
+                                    type: 3,
+                                    roomId: roomId,
+                                    userData: userData,
+                                    http: http,
+                                    urllocation: urllocation,
+                                    onClose: function() {
+                                        setShowContacts(false);
+                                    },
+                                    switchChatRoom: switchChatRoom,
+                                    saveContactsList: saveContactsList
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+window.appendDom = function(root, props) {
+    render(/*#__PURE__*/ _jsx(Provider.Component, {
+        children: /*#__PURE__*/ _jsx(CustomerService, _object_spread({}, props))
+    }), root);
+};
+export default CustomerService;