bhd-components 0.5.6 → 0.5.8

package/es2017/customerService/index.js

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