bhd-components 0.7.3 → 0.7.5

package/esm/customerService/index.js

@@ -1,19 +1,23 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import { Modal, Drawer, Input, Tooltip } from "antd";
+import { ViewImage } from "bhd-components";
+import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 var styles = cssStyle;
 if (false) {
     styles = cssStyleOnline;
 }
-import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomSoundRecording, CustomRoundClose } from "../icons/index";
-import { CloseOutlined, RightOutlined } from "@ant-design/icons";
+import { CustomAiIcon, CustomRecord, CustomFullScreen, CustomExitFullScreen, CustomReloading, CustomCopy, CustomLike, CustomDislike, CustomQuote, CustomSending, CustomContacts, CustomDuihao, CustomRoundClose, CustomScreenshot, CustomKnowledgeContent, CustomWenhaoRound } from "../icons/index";
+import { CloseOutlined, RightOutlined, ZoomInOutlined } from "@ant-design/icons";
 import HistoryFun from "./historyFun";
 import ContactsList from "./contactsList";
+import ScreenshotTool from "./screenshotTool";
 import { parseDate } from "../utils/Date";
 import { Remarkable } from "remarkable";
 import hljs from "highlight.js";
@@ -22,42 +26,47 @@ import { render } from "react-dom";
 import Provider from "../provider";
 var TextArea = Input.TextArea;
 import knowledge_icon from "./images/knowledge_icon.png";
-import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
-import { readMessage, getByteLen, serverUrl, copyText, getDataTime } from "./function"; //一些方法
+// import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
+import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate } from "./function"; //一些方法
 var CustomerService = function(props) {
-    var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId;
-    var _useMediaRecorder = useMediaRecorder(), bese64String = _useMediaRecorder.bese64String, startRecord = _useMediaRecorder.startRecord, stopRecord = _useMediaRecorder.stopRecord; //语音转文字
-    var _useState = _sliced_to_array(useState(3), 2), voiceRecordingStatus = _useState[0], setVoiceRecordingStatus = _useState[1]; //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
-    var _useState1 = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState1[0], setCopyTextObj = _useState1[1]; //复制的消息id
-    var _useState2 = _sliced_to_array(useState({}), 2), citationContent = _useState2[0], setCitationContent = _useState2[1]; //引用内容
-    var _useState3 = _sliced_to_array(useState(""), 2), roomId = _useState3[0], setRoomId = _useState3[1]; //聊天室id
-    var _useState4 = _sliced_to_array(useState([]), 2), historyMessageList = _useState4[0], setHistoryMessageList = _useState4[1]; //历史消息
-    var _useState5 = _sliced_to_array(useState(""), 2), keyWord = _useState5[0], setKeyWord = _useState5[1]; //搜索内容
-    var _useState6 = _sliced_to_array(useState([]), 2), questionsList = _useState6[0], setQuestionsList = _useState6[1]; //问题列表
-    var _useState7 = _sliced_to_array(useState([]), 2), hotQuestionsList = _useState7[0], setHotQuestionsList = _useState7[1]; //热门问题
-    var _useState8 = _sliced_to_array(useState(false), 2), greetingMessage = _useState8[0], setGreetingMessage = _useState8[1]; //聊天记录列表是否请求完成
-    var _useState9 = _sliced_to_array(useState(1), 2), pageNum = _useState9[0], setPageNum = _useState9[1]; //页码
-    var _useState10 = _sliced_to_array(useState(0), 2), pageNumHistory = _useState10[0], setPageNumHistory = _useState10[1]; //用于搜索历史记录后的页码
-    var _useState11 = _sliced_to_array(useState(0), 2), pageCount = _useState11[0], setPageCount = _useState11[1]; //总页数
-    var _useState12 = _sliced_to_array(useState(false), 2), loading = _useState12[0], setLoading = _useState12[1]; //上拉显示加载图标
-    var _useState13 = _sliced_to_array(useState(false), 2), bottomLoading = _useState13[0], setBottomLoading = _useState13[1]; //下拉显示加载图标
-    var _useState14 = _sliced_to_array(useState(true), 2), finished = _useState14[0], setFinished = _useState14[1]; //是否结束生成
-    var _useState15 = _sliced_to_array(useState(""), 2), lastId = _useState15[0], setLastId = _useState15[1]; //最后一条数据的id，可用于定位当前位置
-    var _useState16 = _sliced_to_array(useState({}), 2), chatWith = _useState16[0], setChatWith = _useState16[1]; //聊天的老师id或ai
-    var _useState17 = _sliced_to_array(useState(false), 2), firstLoad = _useState17[0], setFirstLoad = _useState17[1]; //第一次切换全屏时滚动到页面底部
-    var _useState18 = _sliced_to_array(useState(45), 2), buttomHei = _useState18[0], setButtomHei = _useState18[1]; //底部输入框的高度
-    var _useState19 = _sliced_to_array(useState(false), 2), showHistory = _useState19[0], setShowHistory = _useState19[1]; //是否显示历史记录
-    var _useState20 = _sliced_to_array(useState(false), 2), showContacts = _useState20[0], setShowContacts = _useState20[1]; //是否显示老师列表
-    var _useState21 = _sliced_to_array(useState(-1), 2), showType = _useState21[0], setShowType = _useState21[1]; //显示聊天框类型 1、侧边栏 2 modal 3 相应的div中 newlabo中使用
-    var _useState22 = _sliced_to_array(useState(-1), 2), answerMode = _useState22[0], setAnswerMode = _useState22[1]; //设置回答模式。1，召唤老师回答
-    var _useState23 = _sliced_to_array(useState([]), 2), teacherList = _useState23[0], setTeacherList = _useState23[1]; //老师列表
-    var _useState24 = _sliced_to_array(useState({}), 2), problem = _useState24[0], setProblem = _useState24[1]; //召唤老师回答的问题
-    var _useState25 = _sliced_to_array(useState([]), 2), contactsList = _useState25[0], setContactsList = _useState25[1]; //老师列表
-    var _useState26 = _sliced_to_array(useState([]), 2), chatObj = _useState26[0], setChatObj = _useState26[1]; //聊天记录id保存，用来在实验报告中记录
-    var _useState27 = _sliced_to_array(useState(""), 2), keyWordProblem = _useState27[0], setKeyWordProblem = _useState27[1]; //历史记录搜索的内容
+    var userData = props.userData, http = props.http, urllocation = props.urllocation, onCancel = props.onCancel, serverName = props.serverName, fetchEventSource = props.fetchEventSource, initShowType = props.initShowType, onEvent = props.onEvent, stepIds = props.stepIds, stepId = props.stepId, config = props.config;
+    // const { bese64String, startRecord, stopRecord } = useMediaRecorder(); //语音转文字
+    // const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
+    var _useState = _sliced_to_array(useState([]), 2), copyTextOBJ = _useState[0], setCopyTextObj = _useState[1]; //复制的消息id
+    var _useState1 = _sliced_to_array(useState({}), 2), citationContent = _useState1[0], setCitationContent = _useState1[1]; //引用内容
+    var _useState2 = _sliced_to_array(useState(""), 2), roomId = _useState2[0], setRoomId = _useState2[1]; //聊天室id
+    var _useState3 = _sliced_to_array(useState([]), 2), historyMessageList = _useState3[0], setHistoryMessageList = _useState3[1]; //历史消息
+    var _useState4 = _sliced_to_array(useState(""), 2), keyWord = _useState4[0], setKeyWord = _useState4[1]; //搜索内容
+    var _useState5 = _sliced_to_array(useState([]), 2), questionsList = _useState5[0], setQuestionsList = _useState5[1]; //问题列表
+    var _useState6 = _sliced_to_array(useState([]), 2), hotQuestionsList = _useState6[0], setHotQuestionsList = _useState6[1]; //热门问题
+    var _useState7 = _sliced_to_array(useState(false), 2), greetingMessage = _useState7[0], setGreetingMessage = _useState7[1]; //聊天记录列表是否请求完成
+    var _useState8 = _sliced_to_array(useState(1), 2), pageNum = _useState8[0], setPageNum = _useState8[1]; //页码
+    var _useState9 = _sliced_to_array(useState(0), 2), pageNumHistory = _useState9[0], setPageNumHistory = _useState9[1]; //用于搜索历史记录后的页码
+    var _useState10 = _sliced_to_array(useState(0), 2), pageCount = _useState10[0], setPageCount = _useState10[1]; //总页数
+    var _useState11 = _sliced_to_array(useState(false), 2), loading = _useState11[0], setLoading = _useState11[1]; //上拉显示加载图标
+    var _useState12 = _sliced_to_array(useState(false), 2), bottomLoading = _useState12[0], setBottomLoading = _useState12[1]; //下拉显示加载图标
+    var _useState13 = _sliced_to_array(useState(true), 2), finished = _useState13[0], setFinished = _useState13[1]; //是否结束生成
+    var _useState14 = _sliced_to_array(useState(""), 2), lastId = _useState14[0], setLastId = _useState14[1]; //最后一条数据的id，可用于定位当前位置
+    var _useState15 = _sliced_to_array(useState({}), 2), chatWith = _useState15[0], setChatWith = _useState15[1]; //聊天的老师id或ai
+    var _useState16 = _sliced_to_array(useState(false), 2), firstLoad = _useState16[0], setFirstLoad = _useState16[1]; //第一次切换全屏时滚动到页面底部
+    var _useState17 = _sliced_to_array(useState(45), 2), buttomHei = _useState17[0], setButtomHei = _useState17[1]; //底部输入框的高度
+    var _useState18 = _sliced_to_array(useState(false), 2), showHistory = _useState18[0], setShowHistory = _useState18[1]; //是否显示历史记录
+    var _useState19 = _sliced_to_array(useState(false), 2), showContacts = _useState19[0], setShowContacts = _useState19[1]; //是否显示老师列表
+    var _useState20 = _sliced_to_array(useState(-1), 2), showType = _useState20[0], setShowType = _useState20[1]; //显示聊天框类型 1、侧边栏 2 modal 3 相应的div中 newlabo中使用
+    var _useState21 = _sliced_to_array(useState(-1), 2), answerMode = _useState21[0], setAnswerMode = _useState21[1]; //设置回答模式。1，召唤老师回答
+    var _useState22 = _sliced_to_array(useState([]), 2), teacherList = _useState22[0], setTeacherList = _useState22[1]; //老师列表
+    var _useState23 = _sliced_to_array(useState({}), 2), problem = _useState23[0], setProblem = _useState23[1]; //召唤老师回答的问题
+    var _useState24 = _sliced_to_array(useState([]), 2), contactsList = _useState24[0], setContactsList = _useState24[1]; //老师列表
+    var _useState25 = _sliced_to_array(useState([]), 2), chatObj = _useState25[0], setChatObj = _useState25[1]; //聊天记录id保存，用来在实验报告中记录
+    var _useState26 = _sliced_to_array(useState(""), 2), keyWordProblem = _useState26[0], setKeyWordProblem = _useState26[1]; //历史记录搜索的内容
+    var _useState27 = _sliced_to_array(useState(""), 2), imgBese64 = _useState27[0], setImgBese64 = _useState27[1]; //屏幕截图
+    var _useState28 = _sliced_to_array(useState(""), 2), screenshotBese64 = _useState28[0], setScreenshotBese64 = _useState28[1]; //bese64图片
+    var _useState29 = _sliced_to_array(useState(""), 2), viewBase64 = _useState29[0], setViewBase64 = _useState29[1]; //图片预览
+    var _useState30 = _sliced_to_array(useState(false), 2), visible = _useState30[0], setVisible = _useState30[1]; //是否显示图片预览
+    var _useState31 = _sliced_to_array(useState([]), 2), bottomRecommendationQuestions = _useState31[0], setBottomRecommendationQuestions = _useState31[1]; //底部推荐问题
     var timer = useRef(null); //文本框输入时
     var receiveMessageTimer = useRef(null); //接收ai发回的消息
-    var voiceCountdownTimer = useRef(null); //语音录制倒计时
+    // let voiceCountdownTimer = useRef(null); //语音录制倒计时
     var listTimer = useRef(null); // 请求列表倒计时
     var roomMessage = useRef(null); //循环当前页面的新消息
     var chatRoomList = useRef(null); //获取聊天室列表
@@ -65,6 +74,7 @@ var CustomerService = function(props) {
     var childRef = useRef(null); //获取子组件方法
     var scrollTopHei = useRef(0);
     var isPosition = useRef(true);
+    var recommendeQuestionID = useRef([]); //推荐问题id
     var mid = props.userData.mid;
     var remarkable = new Remarkable({
         highlight: function highlight(str, lang) {
@@ -79,16 +89,6 @@ var CustomerService = function(props) {
             return ""; // use external default escaping
         }
     });
-    useEffect(function() {
-        return function() {
-            clearTimeout(receiveMessageTimer.current);
-            clearTimeout(voiceCountdownTimer.current);
-            clearTimeout(listTimer.current);
-            clearTimeout(timer.current);
-            clearTimeout(roomMessage.current);
-            clearTimeout(chatRoomList.current);
-        };
-    }, []);
     useEffect(function() {
         var handleScroll = function handleScroll() {
             var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
@@ -136,11 +136,27 @@ var CustomerService = function(props) {
             }
             scrollTopHei.current = scrollTop;
         };
+        console.log(showType, "showTypeshowTypeshowType");
+        if (showType == 5) {
+            //document.querySelector("#__docusaurus")
+            setTimeout(function() {
+                html2canvas(document.getElementsByTagName("body")[0], {
+                    allowTaint: true,
+                    useCORS: true,
+                    scale: 1 // 图片比例
+                }).then(function(canvas) {
+                    document.body.appendChild(canvas);
+                    var base64URL = canvas.toDataURL("image/jpeg");
+                    var image = new Image();
+                    image.src = base64URL; // 将'your_image_url'替换为你自己的图片URL
+                    console.log(base64URL);
+                    setImgBese64(base64URL);
+                });
+            }, 1000);
+        }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
-            setTimeout(function() {
-                scrollToBottom();
-            }, 100);
+            scrollToBottom();
         }
         var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (content) {
@@ -159,6 +175,7 @@ var CustomerService = function(props) {
     ]);
     useEffect(function() {
         resettingBottomHei();
+        scrollToBottom();
         var dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (dom) {
             if (showType == 1) {
@@ -175,9 +192,11 @@ var CustomerService = function(props) {
     ]);
     useEffect(function() {
         // console.log(props,'lsdkcmsdlcksd')
-        getQuestiionsList("", 1);
-        scrollToBottom();
+        // getQuestiionsList("", 1);
         setShowType(initShowType);
+        //获取视频页面推荐问题
+        videoPageQuestiionsList();
+        scrollToBottom();
     }, [
         initShowType
     ]);
@@ -190,6 +209,14 @@ var CustomerService = function(props) {
                 getHistoryMessage(pageNum, 1);
             }
         }
+        //复制代码功能
+        var chat_content = document.getElementById("chat_content");
+        if (chat_content) {
+            chat_content = document.getElementById("chat_content");
+            delegate(chat_content, "click", ".".concat(styles.copyCode), function(event, target) {
+                findCopyContent(event);
+            });
+        }
     }, [
         roomId
     ]);
@@ -200,6 +227,11 @@ var CustomerService = function(props) {
         });
         roomsListTimer();
         return function() {
+            clearTimeout(receiveMessageTimer.current);
+            // clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+            clearTimeout(roomMessage.current);
             clearTimeout(chatRoomList.current);
         };
     }, []);
@@ -215,63 +247,81 @@ var CustomerService = function(props) {
         if (count > 0) {
             setShowContacts(true);
         }
-        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) {}
-            }
+        //发送打招呼信息
+        if (!(roomList.length > 0 && roomList[0].roomId != roomId && greetingMessage)) {
+            sendGreetingMessage(1);
+            scrollToBottom();
         }
-        scrollToBottom();
     }, [
         greetingMessage,
         hotQuestionsList
     ]);
-    //语音转文字
-    useEffect(function() {
-        if (bese64String != "") {
-            speechToText();
-        }
-    //发送给后端语音brse64
-    }, [
-        bese64String
-    ]);
+    //查找需要复制的代码
+    var findCopyContent = function(e) {
+        var source = findParent(e.target, styles.copyCode);
+        if (!source) return;
+        var id = source.getAttribute("data-id");
+        var position = source.getAttribute("data-position");
+        if (!id && !position) return;
+        var message = "";
+        setHistoryMessageList(function(list) {
+            var _list_filter_;
+            message = (_list_filter_ = list.filter(function(e) {
+                return e.id == id;
+            })[0]) === null || _list_filter_ === void 0 ? void 0 : _list_filter_.message;
+            return list;
+        });
+        if (!message) return;
+        var codeConment = "";
+        var i = 0;
+        message.replaceAll(new RegExp(/```(?:.|\n)*?```/, "ig"), function(con) {
+            i++;
+            if (i == position) {
+                codeConment = con;
+                return con;
+            } else {
+                return null;
+            }
+        });
+        resetStyles();
+        source.classList.add("copy_success");
+        source.children[2].innerText = "复制成功";
+        copyText(codeConment);
+        setTimeout(function() {
+            try {
+                resetStyles();
+            } catch (error) {}
+        }, 3000);
+    };
     //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题
     var sendGreetingMessage = function(type) {
         var questionsList = [];
         var obj = {};
         if (type == 1) {
-            // questionsList = hotQuestionsList.map((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);
+            var questionsId = [];
+            questionsList = hotQuestionsList.map(function(item, index) {
+                if (index < 3) {
+                    questionsId.push(item.id);
+                    return {
+                        key: "messageSource",
+                        value: item.id,
+                        question: item.question,
+                        answer: item.answer
+                    };
+                } else {
+                    return null;
+                }
+            });
+            recommendeQuestionID.current = questionsId; //保存推荐问题id
+            questionsList = questionsList.filter(function(i) {
+                return i != null;
+            });
             obj = {
                 roomId: roomId,
                 sender: "AI",
                 recevier: mid,
-                message: "Hi，我是智能学习助手，你遇到了什么问题？"
+                message: "Hi，我是智能学习助手，你遇到了什么问题？",
+                extraInfos: questionsList
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList(function(historyMessageList) {
@@ -281,19 +331,11 @@ var CustomerService = function(props) {
                         downvoted: false,
                         quotedMessage: "",
                         createdAt: getDataTime(-1),
-                        // extraInfo: JSON.stringify(obj.extraInfos),
-                        extraInfo: JSON.stringify([
-                            {
-                                key: "messageSource",
-                                value: "knowledgebase"
-                            }
-                        ])
+                        extraInfo: JSON.stringify(obj.extraInfos)
                     }));
                     return newHistoryMessageList;
                 });
-                setTimeout(function() {
-                    scrollToBottom();
-                }, 100);
+                scrollToBottom();
             }
             return;
         } else if (type == 2) {
@@ -382,9 +424,7 @@ var CustomerService = function(props) {
                     }));
                     return newHistoryMessageList;
                 });
-                setTimeout(function() {
-                    scrollToBottom();
-                }, 100);
+                scrollToBottom();
             }
             return;
         }
@@ -457,12 +497,7 @@ var CustomerService = function(props) {
                         return newHistoryMessageList;
                     });
                     // console.log(lastId,'消息发送给老师111');
-                    // if (!lastId) {
-                    setTimeout(function() {
-                        console.log("滚动到底部");
-                        scrollToBottom();
-                    }, 100);
-                // }
+                    scrollToBottom();
                 }
                 //判断当前窗口是否是
                 if (type == 1) {
@@ -484,8 +519,9 @@ var CustomerService = function(props) {
             console.log(err);
         });
     };
-    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息
+    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
     var sendMessage = function(item, flag) {
+        console.log(item, flag, 888888888);
         var questions = [];
         if (item && flag) {
             questions = [
@@ -520,6 +556,27 @@ var CustomerService = function(props) {
         } else if (userData.modules.some(function(item) {
             return item.short == "AIservice";
         })) {
+            var sendData = {
+                //相关数据
+                roomId: roomId,
+                message: keyWord,
+                quotedMessage: citationContent.content || "",
+                regenerate: citationContent.content != "" ? false : true,
+                generateUpvoteOrDownvoteMessage: false
+            };
+            var imageUrl = "";
+            // if(citationContent.imageUrl){
+            //   sendData.image = citationContent.imageUrl;
+            //   imageUrl = citationContent.imageUrl;
+            //   getBase64Image(citationContent.imageUrl).then((res)=>{
+            //     console.log(res,33333);
+            //   });
+            //   console.log(imageUrl,'转换的bese64');
+            // }
+            if (screenshotBese64) {
+                sendData.image = screenshotBese64;
+                imageUrl = screenshotBese64;
+            }
             if (pageNumHistory <= 1) {
                 setHistoryMessageList(function(historyMessageList) {
                     var newHistoryMessageList = historyMessageList.concat({
@@ -532,20 +589,19 @@ var CustomerService = function(props) {
                         upvoted: false,
                         downvoted: false,
                         createdAt: getDataTime(-1),
-                        extraInfo: JSON.stringify([])
+                        extraInfo: imageUrl ? JSON.stringify([
+                            {
+                                key: "imageUrl",
+                                value: imageUrl
+                            }
+                        ]) : JSON.stringify([])
                     });
                     return newHistoryMessageList;
                 });
             }
             setFinished(false);
-            aiSendQuestions(3, {
-                //相关数据
-                roomId: roomId,
-                message: keyWord,
-                quotedMessage: citationContent.content || "",
-                regenerate: citationContent.content != "" ? false : true,
-                generateUpvoteOrDownvoteMessage: false
-            }, 1);
+            aiSendQuestions(3, sendData, 1);
+            setScreenshotBese64("");
         //存在AI客服
         } else {
             //不存在AI客服
@@ -567,6 +623,11 @@ var CustomerService = function(props) {
             });
             scrollToBottom();
         }
+        console.log(type, "接受答案77777");
+        //获取下面的推荐问题
+        if (type == 2) {
+            videoPageQuestiionsList(2);
+        }
         http.post("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), obj).then(function(res) {
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -631,18 +692,6 @@ var CustomerService = function(props) {
             });
         }, 60 * 1000);
         var data = JSON.stringify(obj);
-        // if (type == 1 || type == 2) {
-        //   data = JSON.stringify(obj);
-        // } else if(type == 3){
-        //   data = JSON.stringify({
-        //     //相关数据
-        //     roomId: roomId,
-        //     message: keyWord,
-        //     quotedMessage: citationContent.content || "",
-        //     regenerate: citationContent.content != "" ? false : true,
-        //     generateUpvoteOrDownvoteMessage: false,
-        //   });
-        // }
         setKeyWord("");
         setQuestionsList([]);
         setTimeout(function() {
@@ -680,9 +729,7 @@ var CustomerService = function(props) {
                     });
                 }
             });
-            setTimeout(function() {
-                scrollToBottom();
-            }, 10);
+            scrollToBottom();
         }
         //使用fetchEventSource接收数据
         var eventSource = fetchEventSource("".concat(urllocation, "/chat-service/public/v1.0/chat-with-ai/messages"), {
@@ -690,7 +737,8 @@ var CustomerService = function(props) {
             headers: {
                 "Content-Type": "application/json",
                 Accept: "text/event-stream,application/json",
-                "X-Auth-Jwt": window.localStorage.getItem("usertoken") || "",
+                // "X-Auth-Jwt": window.localStorage.getItem("usertoken") || "",
+                "X-Auth-Jwt": sessionStorage.getItem("jwt") || "",
                 "Auth-Token": userData.token,
                 "X-Module-Id": userData.modules.find(function(ele) {
                     return ele.short == "IntelligentCustomerService";
@@ -866,11 +914,9 @@ var CustomerService = function(props) {
                 return newHistoryMessageList2;
             }
         });
-        setTimeout(function() {
-            if (isPosition.current) {
-                scrollToBottom();
-            }
-        }, 10);
+        if (isPosition.current) {
+            scrollToBottom();
+        }
     };
     //问题记录到实验报告中
     var testLabQuestion = function(title, content, teachId) {
@@ -893,21 +939,6 @@ var CustomerService = function(props) {
             });
         }
     };
-    //语音转文字
-    var speechToText = function() {
-        http.post("".concat(urllocation, "/chat-service/public/v1.0/speech:recognize"), {
-            audio: bese64String
-        }).then(function(res) {
-            setVoiceRecordingStatus(3);
-            if (res.data) {
-                setKeyWord(res.data.text);
-                resettingBottomHei();
-            }
-        }).catch(function(err) {
-            setKeyWord("");
-            setVoiceRecordingStatus(3);
-        });
-    };
     //创建聊天室
     var createRooms = function(uid) {
         return http.post("".concat(urllocation, "/chat-service/public/v1.0/rooms"), {
@@ -998,6 +1029,9 @@ var CustomerService = function(props) {
                 if (flag != 4) {
                     if (pageNum == 1 && (flag == 2 || flag == 3)) {
                         scrollToBottom();
+                        setTimeout(function() {
+                            scrollToBottom();
+                        }, 1000);
                     } else {
                         scrollTo("li_flag");
                     }
@@ -1073,10 +1107,8 @@ var CustomerService = function(props) {
                 });
                 // console.log(dataList.length , originList,lastId,'dfkvdnfkvdfj44444');
                 if (!lastId && originList != newList) {
-                    setTimeout(function() {
-                        scrollToBottom();
-                        readMessage(roomId, urllocation, userData, http);
-                    }, 100);
+                    scrollToBottom();
+                    readMessage(roomId, urllocation, userData, http);
                 }
             }
             try {
@@ -1189,7 +1221,7 @@ var CustomerService = function(props) {
             });
         });
     };
-    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题
+    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题 ,3.视频页面,4.视频联想问题不够时，增加知识库联想问题
     var getQuestiionsList = function(value, flag) {
         var data = {};
         if (flag == 1) {
@@ -1197,6 +1229,19 @@ var CustomerService = function(props) {
                 page: 1,
                 maxPageSize: 5
             };
+        } else if (flag == 3) {
+            data = {
+                page: 1,
+                maxPageSize: 4,
+                question: value,
+                sectionId: getQuery("s_id") || 325569
+            };
+        } else if (flag == 4) {
+            data = {
+                page: 1,
+                maxPageSize: 4,
+                question: value
+            };
         } else {
             data = {
                 page: 1,
@@ -1208,14 +1253,69 @@ var CustomerService = function(props) {
             params: data
         }).then(function(res) {
             if (res.data.questions) {
+                var questionList = res.data.questions;
                 if (flag == 1) {
-                    setHotQuestionsList(res.data.questions);
+                    setHotQuestionsList(questionList);
+                } else if (flag == 4) {
+                    setQuestionsList(function(questionList) {
+                        return _to_consumable_array(questionList).concat(_to_consumable_array(res.data.questions));
+                    });
                 } else {
-                    setQuestionsList(res.data.questions);
+                    setQuestionsList(questionList);
+                }
+                if (questionList.length < 4 && flag == 3) {
+                    console.log("视频页面，联想问题小于4个");
+                    //视频页面，联想问题小于4个
+                    getQuestiionsList(value, 4);
                 }
             }
         });
     };
+    //获取视频页面热门问题 flag == 1，默认推荐问题 == 2，已经推荐过问题
+    var videoPageQuestiionsList = function() {
+        var flag = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
+        console.log(props, 3333333);
+        var config = props.config;
+        if (config && config.type == "video" && config.params) {
+            console.log("请求接口2222", config);
+            var params = config.params;
+            var videoId = params.videoPageData.videoId;
+            var watchTime = params.videoPageData.videoProgress;
+            var courseId = getQuery("yc_id") || 10;
+            var sectionId = getQuery("s_id") || 20;
+            if (videoId && watchTime && courseId && sectionId) {
+                console.log("请求接口2222");
+                http.post("".concat(urllocation, "/chat-service/public/v1.0/knowledge-base/questions:recommend"), {
+                    "recommendedQuestions": flag == 2 ? recommendeQuestionID.current : [
+                        ""
+                    ],
+                    "contexts": [
+                        {
+                            "type": "VIDEO",
+                            "courseId": courseId,
+                            "sectionId": sectionId,
+                            "videoId": videoId,
+                            "watchTime": watchTime
+                        }
+                    ],
+                    "maximum": 5
+                }).then(function(res) {
+                    console.log(res, 333333);
+                    if (res.data.total > 0) {
+                        var data = res.data.questions;
+                        if (flag == 2) {
+                            setBottomRecommendationQuestions(data);
+                        } else {
+                            setHotQuestionsList(data);
+                        }
+                        resettingBottomHei();
+                        scrollToBottom();
+                        console.log(data, 99999);
+                    }
+                }).catch(function() {});
+            }
+        }
+    };
     //获取老师列表
     var getTeacherList = function(keyWord) {
         http.get("".concat(urllocation, "/chat-service/public/v1.0/teachers"), {
@@ -1315,11 +1415,14 @@ var CustomerService = function(props) {
     };
     //设置滚动条滚动到底部
     var scrollToBottom = function() {
-        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        if (container) {
-            container.scrollTop = container.scrollHeight;
-        }
+        setTimeout(function() {
+            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (container) {
+                container.scrollTop = container.scrollHeight;
+            }
+        }, 100);
     };
+    //滚动到指定位置
     var scrollTo = function(id) {
         var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         var container2 = document.getElementById(id);
@@ -1328,12 +1431,6 @@ var CustomerService = function(props) {
             try {
                 setTimeout(function() {
                     var top = showType == 1 || showType == 3 ? $("#li_flag").offset().top - 20 : $("#chat_content_modal #li_flag").offset().top - $("#chat_content_modal").offset().top + 24;
-                    // let top =
-                    //   showType == 1 || showType == 3
-                    //     ? $("#li_flag").offset().top
-                    //     : $("#chat_content_modal #li_flag").offset().top -
-                    //       $("#chat_content_modal").offset().top;
-                    // console.log(top2,top,444444444444)
                     $("#".concat(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal")).animate({
                         scrollTop: top
                     }, 0);
@@ -1342,6 +1439,22 @@ var CustomerService = function(props) {
             setLoading(false);
         }
     };
+    //重置底部输入框高度
+    var resettingBottomHei = function() {
+        setTimeout(function() {
+            if (showType == 1 || showType == 3) {
+                if (document.getElementById("Drawer_buttom")) {
+                    var hei = document.getElementById("Drawer_buttom").offsetHeight + document.getElementById("BottomAssociationProblem").offsetHeight;
+                    setButtomHei(hei);
+                }
+            } else {
+                if (document.getElementById("Drawer_buttom_modal")) {
+                    var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight + document.getElementById("BottomAssociationProblem").offsetHeight;
+                    setButtomHei(hei1);
+                }
+            }
+        }, 50);
+    };
     // 获取新的JWT
     var verifyJWT = function(url) {
         return new Promise(function(resolve) {
@@ -1375,6 +1488,9 @@ var CustomerService = function(props) {
     //显示聊天室名字
     var showChatRoomName = function() {
         var title = "AI助手";
+        title = userData.modules.some(function(ele) {
+            return ele.short == "AIservice";
+        }) ? "AI助手" : "智能问答";
         var list = contactsList.filter(function(e) {
             return e.roomId == roomId;
         });
@@ -1453,13 +1569,19 @@ var CustomerService = function(props) {
                     /*#__PURE__*/ _jsxs("div", {
                         className: styles.operate,
                         children: [
-                            /*#__PURE__*/ _jsx("i", {
-                                className: "_lishixiao22",
+                            /*#__PURE__*/ _jsxs("i", {
+                                className: styles.popover_main,
                                 onClick: function() {
                                     setShowHistory(true);
                                     onEvent(serverName + serverUrl(), "click_智能问答_历史记录", "提交");
                                 },
-                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                                children: [
+                                    /*#__PURE__*/ _jsx(CustomRecord, {}),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popover,
+                                        children: "历史记录"
+                                    })
+                                ]
                             }),
                             /*#__PURE__*/ _jsx("span", {
                                 className: styles.line
@@ -1487,7 +1609,9 @@ var CustomerService = function(props) {
                                 children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
                             }),
                             /*#__PURE__*/ _jsx("i", {
-                                onClick: onCancel,
+                                onClick: function() {
+                                    onCancel();
+                                },
                                 children: /*#__PURE__*/ _jsx(CloseOutlined, {})
                             })
                         ]
@@ -1496,22 +1620,6 @@ var CustomerService = function(props) {
             });
         }
     };
-    //重置底部输入框高度
-    var resettingBottomHei = function() {
-        setTimeout(function() {
-            if (showType == 1 || showType == 3) {
-                if (document.getElementById("Drawer_buttom")) {
-                    var hei = document.getElementById("Drawer_buttom").offsetHeight;
-                    setButtomHei(hei);
-                }
-            } else {
-                if (document.getElementById("Drawer_buttom_modal")) {
-                    var hei1 = document.getElementById("Drawer_buttom_modal").offsetHeight;
-                    setButtomHei(hei1);
-                }
-            }
-        }, 50);
-    };
     //切换聊天室  type == renew ,存在新消息
     var switchChatRoom = function(id, type) {
         if (type != "1") {
@@ -1550,19 +1658,12 @@ var CustomerService = function(props) {
     //   setRoomId(id);
     // }
     };
-    // const saveContactsList = (list: any)=>{
-    //   console.log(list,44444444)
-    //   // if(list != undefined){
-    //   //   setRoomList(list);
-    //   // }
-    // }
     //渲染问答
     var renderQuestion = function() {
         // if (historyMessageList.length > 0) {
         return /*#__PURE__*/ _jsx("ul", {
             className: styles.message_con,
             children: historyMessageList.map(function(item, i) {
-                console.log(item, 444444888888);
                 var timeObj = parseDate(item.createdAt);
                 // console.log(item.message);
                 var message = item.message;
@@ -1594,6 +1695,9 @@ var CustomerService = function(props) {
                     }
                 }
                 var dataTime = time;
+                // let code = message.split("```");
+                // code = code[1];
+                // console.log(code,888888888);
                 if (lastId == item.id && keyWordProblem != "") {
                     message = remarkable.render(message);
                     message = message.replaceAll(keyWordProblem, function(e) {
@@ -1602,6 +1706,14 @@ var CustomerService = function(props) {
                 } else {
                     message = remarkable.render(message);
                 }
+                var position = 0;
+                message = message.replaceAll(new RegExp("<pre", "ig"), function(i, index) {
+                    //copyText(${item.message,2,position})
+                    position++;
+                    // console.log(i,index,onClick={copyText} ,'skdcnsdjk')
+                    var text = "<p class='".concat(styles.copyCode, " copyCodeFun' data-id=").concat(item.id, " data-position=").concat(position, ">\n                <span class='").concat(styles.icon, ' copy\' >\n                  <svg\n                    width="1em"\n                    height="1em"\n                    viewBox="0 0 14 14"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <g clip-path="url(#clip0_518_8403)">\n                      <path\n                        d="M6.16666 1.66666H13.1667C13.4761 1.66666 13.7728 1.78957 13.9916 2.00837C14.2104 2.22716 14.3333 2.5239 14.3333 2.83332V9.83332C14.3333 10.1427 14.2104 10.4395 13.9916 10.6583C13.7728 10.8771 13.4761 11 13.1667 11H6.16666C5.85724 11 5.5605 10.8771 5.34171 10.6583C5.12291 10.4395 5 10.1427 5 9.83332V2.83332C5 2.5239 5.12291 2.22716 5.34171 2.00837C5.5605 1.78957 5.85724 1.66666 6.16666 1.66666ZM6.16666 2.66666C6.12246 2.66666 6.08007 2.68422 6.04881 2.71547C6.01756 2.74673 6 2.78912 6 2.83332V9.83332C6 9.85521 6.00431 9.87688 6.01268 9.8971C6.02106 9.91732 6.03334 9.9357 6.04881 9.95117C6.06429 9.96665 6.08266 9.97893 6.10288 9.9873C6.1231 9.99568 6.14478 9.99999 6.16666 9.99999H13.1667C13.2109 9.99999 13.2533 9.98243 13.2845 9.95117C13.3158 9.91992 13.3333 9.87753 13.3333 9.83332V2.83332C13.3333 2.78912 13.3158 2.74673 13.2845 2.71547C13.2533 2.68422 13.2109 2.66666 13.1667 2.66666H6.16666ZM10 12C10 11.8674 10.0527 11.7402 10.1464 11.6464C10.2402 11.5527 10.3674 11.5 10.5 11.5C10.6326 11.5 10.7598 11.5527 10.8536 11.6464C10.9473 11.7402 11 11.8674 11 12V13.1667C11 13.4761 10.8771 13.7728 10.6583 13.9916C10.4395 14.2104 10.1427 14.3333 9.83333 14.3333H2.83333C2.52391 14.3333 2.22717 14.2104 2.00837 13.9916C1.78958 13.7728 1.66666 13.4761 1.66666 13.1667V6.16666C1.66666 5.85724 1.78958 5.56049 2.00837 5.3417C2.22717 5.12291 2.52391 4.99999 2.83333 4.99999H4C4.13261 4.99999 4.25978 5.05267 4.35355 5.14644C4.44732 5.2402 4.5 5.36738 4.5 5.49999C4.5 5.6326 4.44732 5.75978 4.35355 5.85354C4.25978 5.94731 4.13261 5.99999 4 5.99999H2.83333C2.78913 5.99999 2.74674 6.01755 2.71548 6.04881C2.68422 6.08006 2.66666 6.12245 2.66666 6.16666V13.1667C2.66666 13.2109 2.68422 13.2533 2.71548 13.2845C2.74674 13.3158 2.78913 13.3333 2.83333 13.3333H9.83333C9.87753 13.3333 9.91993 13.3158 9.95118 13.2845C9.98244 13.2533 10 13.2109 10 13.1667V12Z"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id="clip0_518_8403">\n                        <rect width="16" height="16" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n                <span class=\'').concat(styles.icon, ' copy_success_flag\'>\n                  <svg\n                    width="1em"\n                    height="1em"\n                    shape-rendering="geometricPrecision"\n                    fill="currentColor"\n                    viewBox="0 0 12 7"\n                    xmlns="http://www.w3.org/2000/svg"\n                  >\n                    <path d="M11.2242 0.375687C11.4586 0.610002 11.4586 0.989901 11.2242 1.22422L4.82424 7.62422C4.58992 7.85853 4.21003 7.85853 3.97571 7.62422L0.775712 4.42422C0.541397 4.1899 0.541397 3.81 0.775712 3.57569C1.01003 3.34137 1.38993 3.34137 1.62424 3.57569L4.39998 6.35142L10.3757 0.375687C10.61 0.141373 10.9899 0.141373 11.2242 0.375687Z" />\n                  </svg>\n                </span><span class="copyCode">复制代码</span></p><pre');
+                    return text;
+                });
                 if (item.sender == mid) {
                     //只有引用和复制功能
                     li = /*#__PURE__*/ _jsxs(_Fragment, {
@@ -1632,7 +1744,8 @@ var CustomerService = function(props) {
                                                                         onClick: function() {
                                                                             setCitationContent({
                                                                                 content: item.message,
-                                                                                id: item.id
+                                                                                id: item.id,
+                                                                                imageUrl: item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ""
                                                                             });
                                                                             resettingBottomHei();
                                                                             onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
@@ -1670,14 +1783,33 @@ var CustomerService = function(props) {
                                                                 ]
                                                             })
                                                         }),
-                                                        /*#__PURE__*/ _jsx("div", {
+                                                        /*#__PURE__*/ _jsxs("div", {
                                                             className: styles.content,
-                                                            children: /*#__PURE__*/ _jsx("p", {
-                                                                dangerouslySetInnerHTML: {
-                                                                    __html: message
-                                                                },
-                                                                className: styles.content_child
-                                                            })
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("p", {
+                                                                    dangerouslySetInnerHTML: {
+                                                                        __html: message
+                                                                    },
+                                                                    className: styles.content_child
+                                                                }),
+                                                                item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
+                                                                    className: styles.img_con,
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx("img", {
+                                                                            src: JSON.parse(item.extraInfo)[0].value
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("div", {
+                                                                            className: styles.mask_zoom,
+                                                                            children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
+                                                                                onClick: function() {
+                                                                                    setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                    setVisible(true);
+                                                                                }
+                                                                            })
+                                                                        })
+                                                                    ]
+                                                                })
+                                                            ]
                                                         })
                                                     ]
                                                 }),
@@ -1777,6 +1909,23 @@ var CustomerService = function(props) {
                                                                     },
                                                                     className: styles.content_child
                                                                 }),
+                                                                item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
+                                                                    className: styles.img_con,
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx("img", {
+                                                                            src: JSON.parse(item.extraInfo)[0].value
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("div", {
+                                                                            className: styles.mask_zoom,
+                                                                            children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
+                                                                                onClick: function() {
+                                                                                    setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                    setVisible(true);
+                                                                                }
+                                                                            })
+                                                                        })
+                                                                    ]
+                                                                }),
                                                                 item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsx("ul", {
                                                                     className: styles.association_problem,
                                                                     children: JSON.parse(item.extraInfo).map(function(list, index) {
@@ -1791,6 +1940,29 @@ var CustomerService = function(props) {
                                                                             ]
                                                                         }, i + "_" + index + "_" + list.value);
                                                                     })
+                                                                }),
+                                                                //findTeacher//是否在召唤老师过程中，是否是最后一条消息
+                                                                !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && renderLastOperateBtn(item, isAiChatWindow, i),
+                                                                //召唤老师回答按钮
+                                                                isAiChatWindow && item.findTeacher && userData.modules.some(function(item) {
+                                                                    return item.short == "TeacherAnswer";
+                                                                }) && /*#__PURE__*/ _jsx("div", {
+                                                                    className: "".concat(styles.operate_modal_bottom, " "),
+                                                                    children: /*#__PURE__*/ _jsx("p", {
+                                                                        className: styles.stop_findTeacher,
+                                                                        children: /*#__PURE__*/ _jsx("span", {
+                                                                            onClick: function() {
+                                                                                setAnswerMode(-1);
+                                                                                setTeacherList([]);
+                                                                                setHistoryMessageList(function(historyMessageList) {
+                                                                                    return historyMessageList.filter(function(item) {
+                                                                                        return item.id != "-1";
+                                                                                    });
+                                                                                });
+                                                                            },
+                                                                            children: "停止召唤老师"
+                                                                        })
+                                                                    })
                                                                 })
                                                             ]
                                                         })
@@ -1813,30 +1985,7 @@ var CustomerService = function(props) {
                                                     }) : /*#__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(function(item) {
-                                                    return item.short == "TeacherAnswer";
-                                                }) ? /*#__PURE__*/ _jsx("div", {
-                                                    className: "".concat(styles.operate_modal_bottom, " "),
-                                                    children: /*#__PURE__*/ _jsx("p", {
-                                                        className: styles.stop_findTeacher,
-                                                        children: /*#__PURE__*/ _jsx("span", {
-                                                            onClick: function() {
-                                                                setAnswerMode(-1);
-                                                                setTeacherList([]);
-                                                                setHistoryMessageList(function(historyMessageList) {
-                                                                    return historyMessageList.filter(function(item) {
-                                                                        return item.id != "-1";
-                                                                    });
-                                                                });
-                                                            },
-                                                            children: "停止召唤老师"
-                                                        })
-                                                    })
-                                                }) : ""
+                                                })
                                             ]
                                         })
                                     })
@@ -1857,16 +2006,17 @@ var CustomerService = function(props) {
         //问候语及点赞下面不需要展示相关按钮
         var 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") {
+        if (extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "messageSource" || extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "isVoteMessage") {
             return "";
         }
+        // console.log(historyMessageList,i,'sdcsd;sldcscsdsd')
         return /*#__PURE__*/ _jsxs("p", {
             className: styles.operate,
             children: [
                 // 不在智能客服窗口，并已经点击了召唤老师，并有召唤老师权限
                 isAiChatWindow && answerMode != 1 && userData.modules.some(function(item) {
                     return item.short == "TeacherAnswer";
-                }) && /*#__PURE__*/ _jsx("span", {
+                }) && historyMessageList[i - 1].extraInfo && JSON.parse(historyMessageList[i - 1].extraInfo).length > 0 && JSON.parse(historyMessageList[i - 1].extraInfo)[0].key != "imageUrl" && /*#__PURE__*/ _jsx("span", {
                     className: styles.ask_question,
                     onClick: function() {
                         setAnswerMode(1);
@@ -2015,7 +2165,7 @@ var CustomerService = function(props) {
         }
         //3、是否显示召唤老师回答按钮
         var findTeacherBtn = false;
-        if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "questionId" || extraInfo == null)) {
+        if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "questionId" || extraInfo == null) && historyMessageList[i - 1].extraInfo && JSON.parse(historyMessageList[i - 1].extraInfo).length > 0 && JSON.parse(historyMessageList[i - 1].extraInfo)[0].key != "imageUrl") {
             findTeacherBtn = true;
         }
         return /*#__PURE__*/ _jsxs("div", {
@@ -2221,16 +2371,46 @@ var CustomerService = function(props) {
             ]
         });
     };
+    //保存粘贴的图片
+    var handleFilePaste = function(e) {
+        e.preventDefault();
+        var items = e.clipboardData.items;
+        // console.log(e,items,3333333)
+        for(var i = 0; i < items.length; i++){
+            var item = items[i];
+            if (item.kind === "file") {
+                var file = item.getAsFile();
+                if (file && file.type.startsWith("image/")) {
+                    // 处理粘贴的图片文件
+                    // 创建FileReader对象
+                    var reader = new FileReader();
+                    // 文件读取成功后执行的回调函数
+                    reader.onload = function handleFilePaste(event) {
+                        // 获取Base64编码的字符串
+                        var base64String = event.target.result;
+                        setScreenshotBese64(base64String);
+                    };
+                    // 以Base64格式读取文件
+                    reader.readAsDataURL(file);
+                }
+            } else {
+                var clipboardData = e.clipboardData || window.clipboardData;
+                var pastedText = clipboardData.getData("text");
+                var con = keyWord + pastedText;
+                setKeyWord(con);
+            }
+        }
+    };
     //渲染底部按钮
     var renderBottomAnt = function() {
         var placeholder = "";
         var disabled = false;
-        if (voiceRecordingStatus == 2) {
-            placeholder = "正在录制语音，再次点击麦克风结束录制。";
-        } else if (voiceRecordingStatus == 1) {
-            placeholder = "正在语音识别文字，请稍后...";
-        } else if (!finished) {
+        if (!finished) {
             placeholder = "答案生成中，请稍后再发送...";
+        }
+        if (screenshotBese64) {
+            placeholder = "在发送之前，请输入需要对这个图片做的操作...";
+            disabled = true;
         } else {
             placeholder = "请输入问题，按Enter发送，Shift+Enter换行";
             disabled = true;
@@ -2247,7 +2427,114 @@ var CustomerService = function(props) {
                             className: "".concat(styles.input, " ").concat(userData.modules.some(function(item) {
                                 return item.short == "AIservice";
                             }) ? "" : styles.no_AI),
+                            onPaste: handleFilePaste,
                             children: [
+                                screenshotBese64 && /*#__PURE__*/ _jsxs("div", {
+                                    className: styles.picture_layout,
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.left,
+                                            children: [
+                                                /*#__PURE__*/ _jsx("img", {
+                                                    src: screenshotBese64
+                                                }),
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    className: styles.icon_close,
+                                                    onClick: function() {
+                                                        setScreenshotBese64("");
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
+                                                }),
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.icon_zoom,
+                                                    onClick: function() {
+                                                        setViewBase64(screenshotBese64), setVisible(true);
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(ZoomInOutlined, {})
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.right,
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("p", {
+                                                    onClick: function() {
+                                                        setHistoryMessageList(function(historyMessageList) {
+                                                            var newHistoryMessageList = historyMessageList.concat({
+                                                                id: -1,
+                                                                roomId: roomId,
+                                                                sender: mid,
+                                                                recevier: "AI",
+                                                                message: "讲解这张图片涉及到的知识内容",
+                                                                createdAt: getDataTime(-1),
+                                                                extraInfo: JSON.stringify([
+                                                                    {
+                                                                        key: "imageUrl",
+                                                                        value: screenshotBese64
+                                                                    }
+                                                                ])
+                                                            });
+                                                            return newHistoryMessageList;
+                                                        });
+                                                        scrollToBottom();
+                                                        aiSendQuestions(3, {
+                                                            //相关数据
+                                                            roomId: roomId,
+                                                            message: "讲解这张图片涉及到的知识内容",
+                                                            image: screenshotBese64,
+                                                            quotedMessage: citationContent.content || "",
+                                                            regenerate: citationContent.content != "" ? false : true,
+                                                            generateUpvoteOrDownvoteMessage: false
+                                                        }, 1);
+                                                        setScreenshotBese64("");
+                                                        resettingBottomHei();
+                                                    },
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(CustomKnowledgeContent, {}),
+                                                        "讲解这张图片涉及到的知识内容"
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("p", {
+                                                    onClick: function() {
+                                                        setHistoryMessageList(function(historyMessageList) {
+                                                            var newHistoryMessageList = historyMessageList.concat({
+                                                                id: -1,
+                                                                roomId: roomId,
+                                                                sender: mid,
+                                                                recevier: "AI",
+                                                                message: "帮助我更深入地理解图片中的概念",
+                                                                createdAt: getDataTime(-1),
+                                                                extraInfo: JSON.stringify([
+                                                                    {
+                                                                        key: "imageUrl",
+                                                                        value: screenshotBese64
+                                                                    }
+                                                                ])
+                                                            });
+                                                            return newHistoryMessageList;
+                                                        });
+                                                        scrollToBottom();
+                                                        aiSendQuestions(3, {
+                                                            //相关数据
+                                                            roomId: roomId,
+                                                            message: "帮助我更深入地理解图片中的概念",
+                                                            image: screenshotBese64,
+                                                            quotedMessage: citationContent.content || "",
+                                                            regenerate: citationContent.content != "" ? false : true,
+                                                            generateUpvoteOrDownvoteMessage: false
+                                                        }, 1);
+                                                        setScreenshotBese64("");
+                                                        resettingBottomHei();
+                                                    },
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(CustomWenhaoRound, {}),
+                                                        "帮助我更深入地理解图片中的概念"
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
                                 /*#__PURE__*/ _jsx(TextArea, {
                                     placeholder: placeholder,
                                     autoSize: {
@@ -2269,7 +2556,12 @@ var CustomerService = function(props) {
                                                 } else {
                                                     var roomList = contactsList;
                                                     if (roomList.length > 0 && roomList[0].roomId != roomId) return;
-                                                    getQuestiionsList(String(e.target.value), 2);
+                                                    console.log(props, 333333);
+                                                    if (props.config && props.config.type == "video") {
+                                                        getQuestiionsList(String(e.target.value), 3);
+                                                    } else {
+                                                        getQuestiionsList(String(e.target.value), 2);
+                                                    }
                                                 }
                                             }, 1000);
                                         }
@@ -2326,15 +2618,18 @@ var CustomerService = function(props) {
                                         onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
                                     },
                                     disabled: !disabled,
-                                    maxLength: 1000
+                                    maxLength: 1000,
+                                    id: "con_textarea"
                                 }),
-                                citationContent.content != undefined && citationContent.content != "" ? /*#__PURE__*/ _jsxs("div", {
+                                citationContent.content && /*#__PURE__*/ _jsxs("div", {
                                     className: styles.content_main,
                                     children: [
                                         /*#__PURE__*/ _jsx("div", {
                                             className: styles.content_con,
                                             children: /*#__PURE__*/ _jsx("p", {
-                                                children: citationContent.content
+                                                children: /*#__PURE__*/ _jsx("span", {
+                                                    children: citationContent.content
+                                                })
                                             })
                                         }),
                                         /*#__PURE__*/ _jsx("i", {
@@ -2346,45 +2641,21 @@ var CustomerService = function(props) {
                                             children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
                                         })
                                     ]
-                                }) : ""
+                                })
                             ]
                         }),
                         userData.modules.some(function(item) {
                             return item.short == "AIservice";
-                        }) ? /*#__PURE__*/ _jsxs("p", {
-                            className: styles.voice,
-                            children: [
-                                voiceRecordingStatus == 1 || voiceRecordingStatus == 3 ? /*#__PURE__*/ _jsx("i", {
-                                    className: "".concat(!disabled ? styles.disabled : ""),
-                                    onClick: function() {
-                                        //开始录音
-                                        if (!disabled) return;
-                                        startRecord();
-                                        setVoiceRecordingStatus(2);
-                                        setKeyWord("");
-                                        voiceCountdownTimer.current = setTimeout(function() {
-                                            stopRecord();
-                                            setVoiceRecordingStatus(1);
-                                        }, 120000);
-                                        onEvent(serverName + serverUrl(), "click_智能问答_ 麦克风", "提交");
-                                    },
-                                    children: /*#__PURE__*/ _jsx(CustomSoundRecording, {})
-                                }) : "",
-                                voiceRecordingStatus == 2 ? /*#__PURE__*/ _jsx("img", {
-                                    // src={Voice_btn}
-                                    src: "/new_yun/images/aiService/voice_btn.gif",
-                                    className: styles.voice_btn,
-                                    onClick: function() {
-                                        //结束录音
-                                        // console.log(mediaRecorder,'3333333');
-                                        // mediaRecorder.stop();
-                                        stopRecord();
-                                        setVoiceRecordingStatus(1);
-                                        clearTimeout(voiceCountdownTimer.current);
-                                    }
-                                }) : ""
-                            ]
-                        }) : ""
+                        }) && contactsList.length > 0 && contactsList[0].roomId == roomId && /*#__PURE__*/ _jsx("p", {
+                            className: styles.screenshot,
+                            children: /*#__PURE__*/ _jsx("i", {
+                                className: "".concat(!disabled ? styles.disabled : ""),
+                                onClick: function() {
+                                    setShowType(5);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomScreenshot, {})
+                            })
+                        })
                     ]
                 }),
                 /*#__PURE__*/ _jsx("p", {
@@ -2508,7 +2779,8 @@ var CustomerService = function(props) {
                 style: {
                     bottom: "".concat(buttomHei + 6, "px")
                 },
-                children: questionsList.map(function(item) {
+                children: questionsList.map(function(item, i) {
+                    if (i > 4) return "";
                     var reg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
                     var span = "";
                     //搜索内容是否有特殊字符
@@ -2539,6 +2811,23 @@ var CustomerService = function(props) {
             });
         }
     };
+    var renderBottomAssociationProblem = function() {
+        return /*#__PURE__*/ _jsx("div", {
+            className: styles.issues_list_flag,
+            style: {
+                bottom: "".concat(buttomHei, "px")
+            },
+            id: "BottomAssociationProblem",
+            children: bottomRecommendationQuestions.map(function(item) {
+                return /*#__PURE__*/ _jsx("p", {
+                    onClick: function() {
+                        sendMessage(item, 1);
+                    },
+                    children: item.question
+                }, item.id);
+            })
+        });
+    };
     //加载指定数据,点击历史记录
     var loadSpecifiedData = function(renewRoomId, page, id, receiver, keyWordProblem) {
         // let renewRoomId = '4a615d7126b343f78d10dcb06dbc29b0';
@@ -2579,7 +2868,6 @@ var CustomerService = function(props) {
                 open: showType == 1 ? true : false,
                 className: styles.ChatWindow_Drawer,
                 mask: false,
-                // maskClosable={false}
                 rootClassName: styles.service_ChatWindow_Drawer,
                 children: [
                     showType == 1 && /*#__PURE__*/ _jsx("div", {
@@ -2636,6 +2924,7 @@ var CustomerService = function(props) {
                         className: styles.Drawer_buttom_Issues_List,
                         children: [
                             renderAssociationProblem(),
+                            renderBottomAssociationProblem(),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.Drawer_buttom,
                                 id: "Drawer_buttom",
@@ -3043,6 +3332,28 @@ var CustomerService = function(props) {
                         ]
                     })
                 ]
+            }),
+            showType == 5 && imgBese64 && /*#__PURE__*/ _jsx(ScreenshotTool, {
+                imgBese64: imgBese64,
+                saveScreenshotBese64: function(base64) {
+                    setScreenshotBese64(base64);
+                    setShowType(1);
+                },
+                cancelScreenshot: function() {
+                    setShowType(1);
+                }
+            }),
+            viewBase64 && visible && /*#__PURE__*/ _jsx(ViewImage, {
+                visible: visible,
+                onCancel: function() {
+                    return setVisible(false);
+                },
+                className: "",
+                getSrc: function() {
+                    return new Promise(function(resolve) {
+                        resolve(viewBase64);
+                    });
+                }
             })
         ]
     });