bhd-components 0.7.3 → 0.7.5

package/es2017/customerService/index.js

@@ -3,16 +3,19 @@ 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 { ViewImage } from "bhd-components";
+import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 let 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";
@@ -21,12 +24,12 @@ 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"; //一些方法
+// import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
+import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate } from "./function"; //一些方法
 const CustomerService = (props)=>{
-    let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId  } = props;
-    const { bese64String , startRecord , stopRecord  } = useMediaRecorder(); //语音转文字
-    const [voiceRecordingStatus, setVoiceRecordingStatus] = useState(3); //语音录制状态 3，语音识别完成 2，录制中， 1，录制结束
+    let { userData , http , urllocation , onCancel , serverName , fetchEventSource , initShowType , onEvent , stepIds , stepId , config  } = props;
+    // 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
@@ -54,9 +57,14 @@ const CustomerService = (props)=>{
     const [contactsList, setContactsList] = useState([]); //老师列表
     const [chatObj, setChatObj] = useState([]); //聊天记录id保存，用来在实验报告中记录
     const [keyWordProblem, setKeyWordProblem] = useState(""); //历史记录搜索的内容
+    const [imgBese64, setImgBese64] = useState(""); //屏幕截图
+    const [screenshotBese64, setScreenshotBese64] = useState(""); //bese64图片
+    const [viewBase64, setViewBase64] = useState(""); //图片预览
+    const [visible, setVisible] = useState(false); //是否显示图片预览
+    const [bottomRecommendationQuestions, setBottomRecommendationQuestions] = useState([]); //底部推荐问题
     const timer = useRef(null); //文本框输入时
     let receiveMessageTimer = useRef(null); //接收ai发回的消息
-    let voiceCountdownTimer = useRef(null); //语音录制倒计时
+    // let voiceCountdownTimer = useRef(null); //语音录制倒计时
     let listTimer = useRef(null); // 请求列表倒计时
     let roomMessage = useRef(null); //循环当前页面的新消息
     let chatRoomList = useRef(null); //获取聊天室列表
@@ -64,6 +72,7 @@ const CustomerService = (props)=>{
     let childRef = useRef(null); //获取子组件方法
     let scrollTopHei = useRef(0);
     let isPosition = useRef(true);
+    let recommendeQuestionID = useRef([]); //推荐问题id
     const mid = props.userData.mid;
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
@@ -79,21 +88,27 @@ const CustomerService = (props)=>{
         }
     });
     useEffect(()=>{
-        return ()=>{
-            clearTimeout(receiveMessageTimer.current);
-            clearTimeout(voiceCountdownTimer.current);
-            clearTimeout(listTimer.current);
-            clearTimeout(timer.current);
-            clearTimeout(roomMessage.current);
-            clearTimeout(chatRoomList.current);
-        };
-    }, []);
-    useEffect(()=>{
+        console.log(showType, 'showTypeshowTypeshowType');
+        if (showType == 5) {
+            //document.querySelector("#__docusaurus")
+            setTimeout(()=>{
+                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(()=>{
-                scrollToBottom();
-            }, 100);
+            scrollToBottom();
         }
         function handleScroll() {
             const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
@@ -158,6 +173,7 @@ const CustomerService = (props)=>{
     ]);
     useEffect(()=>{
         resettingBottomHei();
+        scrollToBottom();
         let dom = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (dom) {
             if (showType == 1) {
@@ -174,9 +190,11 @@ const CustomerService = (props)=>{
     ]);
     useEffect(()=>{
         // console.log(props,'lsdkcmsdlcksd')
-        getQuestiionsList("", 1);
-        scrollToBottom();
+        // getQuestiionsList("", 1);
         setShowType(initShowType);
+        //获取视频页面推荐问题
+        videoPageQuestiionsList();
+        scrollToBottom();
     }, [
         initShowType
     ]);
@@ -189,6 +207,14 @@ const CustomerService = (props)=>{
                 getHistoryMessage(pageNum, 1);
             }
         }
+        //复制代码功能
+        let chat_content = document.getElementById('chat_content');
+        if (chat_content) {
+            chat_content = document.getElementById('chat_content');
+            delegate(chat_content, 'click', `.${styles.copyCode}`, (event, target)=>{
+                findCopyContent(event);
+            });
+        }
     }, [
         roomId
     ]);
@@ -199,6 +225,11 @@ const CustomerService = (props)=>{
         });
         roomsListTimer();
         return ()=>{
+            clearTimeout(receiveMessageTimer.current);
+            // clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+            clearTimeout(roomMessage.current);
             clearTimeout(chatRoomList.current);
         };
     }, []);
@@ -214,63 +245,77 @@ const CustomerService = (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(()=>{
-        if (bese64String != "") {
-            speechToText();
-        }
-    //发送给后端语音brse64
-    }, [
-        bese64String
-    ]);
+    //查找需要复制的代码
+    const findCopyContent = (e)=>{
+        let source = findParent(e.target, styles.copyCode);
+        if (!source) return;
+        let id = source.getAttribute('data-id');
+        let position = source.getAttribute('data-position');
+        if (!id && !position) return;
+        let message = '';
+        setHistoryMessageList((list)=>{
+            var _list_filter_;
+            message = (_list_filter_ = list.filter((e)=>e.id == id)[0]) === null || _list_filter_ === void 0 ? void 0 : _list_filter_.message;
+            return list;
+        });
+        if (!message) return;
+        let codeConment = '';
+        let i = 0;
+        message.replaceAll(new RegExp(/```(?:.|\n)*?```/, "ig"), (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(()=>{
+            try {
+                resetStyles();
+            } catch (error) {}
+        }, 3000);
+    };
     //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);
+            let questionsId = [];
+            questionsList = hotQuestionsList.map((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((i)=>i != null);
             obj = {
                 roomId: roomId,
                 sender: "AI",
                 recevier: mid,
-                message: `Hi，我是智能学习助手，你遇到了什么问题？`
+                message: `Hi，我是智能学习助手，你遇到了什么问题？`,
+                extraInfos: questionsList
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList((historyMessageList)=>{
@@ -280,19 +325,11 @@ const CustomerService = (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(()=>{
-                    scrollToBottom();
-                }, 100);
+                scrollToBottom();
             }
             return;
         } else if (type == 2) {
@@ -381,9 +418,7 @@ const CustomerService = (props)=>{
                     }));
                     return newHistoryMessageList;
                 });
-                setTimeout(()=>{
-                    scrollToBottom();
-                }, 100);
+                scrollToBottom();
             }
             return;
         }
@@ -454,12 +489,7 @@ const CustomerService = (props)=>{
                         return newHistoryMessageList;
                     });
                     // console.log(lastId,'消息发送给老师111');
-                    // if (!lastId) {
-                    setTimeout(()=>{
-                        console.log('滚动到底部');
-                        scrollToBottom();
-                    }, 100);
-                // }
+                    scrollToBottom();
                 }
                 //判断当前窗口是否是
                 if (type == 1) {
@@ -479,8 +509,9 @@ const CustomerService = (props)=>{
             console.log(err);
         });
     };
-    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息
+    //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
     const sendMessage = (item, flag)=>{
+        console.log(item, flag, 888888888);
         let questions = [];
         if (item && flag) {
             questions = [
@@ -513,6 +544,27 @@ const CustomerService = (props)=>{
             setQuestionsList([]);
             setCitationContent({});
         } else if (userData.modules.some((item)=>item.short == "AIservice")) {
+            let sendData = {
+                //相关数据
+                roomId: roomId,
+                message: keyWord,
+                quotedMessage: citationContent.content || "",
+                regenerate: citationContent.content != "" ? false : true,
+                generateUpvoteOrDownvoteMessage: false
+            };
+            let 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((historyMessageList)=>{
                     let newHistoryMessageList = historyMessageList.concat({
@@ -525,20 +577,19 @@ const CustomerService = (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客服
@@ -560,6 +611,11 @@ const CustomerService = (props)=>{
             });
             scrollToBottom();
         }
+        console.log(type, '接受答案77777');
+        //获取下面的推荐问题
+        if (type == 2) {
+            videoPageQuestiionsList(2);
+        }
         http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj).then((res)=>{
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -622,18 +678,6 @@ const CustomerService = (props)=>{
             });
         }, 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(()=>{
@@ -671,9 +715,7 @@ const CustomerService = (props)=>{
                     });
                 }
             });
-            setTimeout(()=>{
-                scrollToBottom();
-            }, 10);
+            scrollToBottom();
         }
         //使用fetchEventSource接收数据
         const eventSource = fetchEventSource(`${urllocation}/chat-service/public/v1.0/chat-with-ai/messages`, {
@@ -681,7 +723,8 @@ const CustomerService = (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((ele)=>ele.short == "IntelligentCustomerService").id
             },
@@ -849,11 +892,9 @@ const CustomerService = (props)=>{
                 return newHistoryMessageList2;
             }
         });
-        setTimeout(()=>{
-            if (isPosition.current) {
-                scrollToBottom();
-            }
-        }, 10);
+        if (isPosition.current) {
+            scrollToBottom();
+        }
     };
     //问题记录到实验报告中
     const testLabQuestion = (title, content, teachId)=>{
@@ -874,21 +915,6 @@ const CustomerService = (props)=>{
             });
         }
     };
-    //语音转文字
-    const speechToText = ()=>{
-        http.post(`${urllocation}/chat-service/public/v1.0/speech:recognize`, {
-            audio: bese64String
-        }).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`, {
@@ -976,6 +1002,9 @@ const CustomerService = (props)=>{
                 if (flag != 4) {
                     if (pageNum == 1 && (flag == 2 || flag == 3)) {
                         scrollToBottom();
+                        setTimeout(()=>{
+                            scrollToBottom();
+                        }, 1000);
                     } else {
                         scrollTo("li_flag");
                     }
@@ -1047,10 +1076,8 @@ const CustomerService = (props)=>{
                 });
                 // console.log(dataList.length , originList,lastId,'dfkvdnfkvdfj44444');
                 if (!lastId && originList != newList) {
-                    setTimeout(()=>{
-                        scrollToBottom();
-                        readMessage(roomId, urllocation, userData, http);
-                    }, 100);
+                    scrollToBottom();
+                    readMessage(roomId, urllocation, userData, http);
                 }
             }
             try {
@@ -1161,7 +1188,7 @@ const CustomerService = (props)=>{
             });
         });
     };
-    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题
+    //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题 ,3.视频页面,4.视频联想问题不够时，增加知识库联想问题
     const getQuestiionsList = (value, flag)=>{
         let data = {};
         if (flag == 1) {
@@ -1169,6 +1196,19 @@ const CustomerService = (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,
@@ -1180,14 +1220,71 @@ const CustomerService = (props)=>{
             params: data
         }).then((res)=>{
             if (res.data.questions) {
+                let questionList = res.data.questions;
                 if (flag == 1) {
-                    setHotQuestionsList(res.data.questions);
+                    setHotQuestionsList(questionList);
+                } else if (flag == 4) {
+                    setQuestionsList((questionList)=>{
+                        return [
+                            ...questionList,
+                            ...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，已经推荐过问题
+    const videoPageQuestiionsList = (flag = 1)=>{
+        console.log(props, 3333333);
+        let config = props.config;
+        if (config && config.type == 'video' && config.params) {
+            console.log('请求接口2222', config);
+            let params = config.params;
+            let videoId = params.videoPageData.videoId;
+            let watchTime = params.videoPageData.videoProgress;
+            let courseId = getQuery('yc_id') || 10;
+            let sectionId = getQuery('s_id') || 20;
+            if (videoId && watchTime && courseId && sectionId) {
+                console.log('请求接口2222');
+                http.post(`${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((res)=>{
+                    console.log(res, 333333);
+                    if (res.data.total > 0) {
+                        let data = res.data.questions;
+                        if (flag == 2) {
+                            setBottomRecommendationQuestions(data);
+                        } else {
+                            setHotQuestionsList(data);
+                        }
+                        resettingBottomHei();
+                        scrollToBottom();
+                        console.log(data, 99999);
+                    }
+                }).catch(()=>{});
+            }
+        }
+    };
     //获取老师列表
     const getTeacherList = (keyWord)=>{
         http.get(`${urllocation}/chat-service/public/v1.0/teachers`, {
@@ -1279,11 +1376,14 @@ const CustomerService = (props)=>{
     };
     //设置滚动条滚动到底部
     const scrollToBottom = ()=>{
-        const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        if (container) {
-            container.scrollTop = container.scrollHeight;
-        }
+        setTimeout(()=>{
+            const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (container) {
+                container.scrollTop = container.scrollHeight;
+            }
+        }, 100);
     };
+    //滚动到指定位置
     const scrollTo = (id)=>{
         const container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         const container2 = document.getElementById(id);
@@ -1292,12 +1392,6 @@ const CustomerService = (props)=>{
             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;
-                    // 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)
                     $(`#${showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal"}`).animate({
                         scrollTop: top
                     }, 0);
@@ -1306,6 +1400,22 @@ const CustomerService = (props)=>{
             setLoading(false);
         }
     };
+    //重置底部输入框高度
+    const resettingBottomHei = ()=>{
+        setTimeout(()=>{
+            if (showType == 1 || showType == 3) {
+                if (document.getElementById("Drawer_buttom")) {
+                    let hei = document.getElementById("Drawer_buttom").offsetHeight + document.getElementById("BottomAssociationProblem").offsetHeight;
+                    setButtomHei(hei);
+                }
+            } else {
+                if (document.getElementById("Drawer_buttom_modal")) {
+                    let hei = document.getElementById("Drawer_buttom_modal").offsetHeight + document.getElementById("BottomAssociationProblem").offsetHeight;
+                    setButtomHei(hei);
+                }
+            }
+        }, 50);
+    };
     // 获取新的JWT
     const verifyJWT = (url)=>{
         return new Promise((resolve)=>{
@@ -1339,6 +1449,7 @@ const CustomerService = (props)=>{
     //显示聊天室名字
     const showChatRoomName = ()=>{
         let title = "AI助手";
+        title = userData.modules.some((ele)=>ele.short == "AIservice") ? "AI助手" : "智能问答";
         let list = contactsList.filter((e)=>e.roomId == roomId);
         if (list.length > 0 && list[0].name) {
             title = list[0].name;
@@ -1415,13 +1526,19 @@ const CustomerService = (props)=>{
                     /*#__PURE__*/ _jsxs("div", {
                         className: styles.operate,
                         children: [
-                            /*#__PURE__*/ _jsx("i", {
-                                className: "_lishixiao22",
+                            /*#__PURE__*/ _jsxs("i", {
+                                className: styles.popover_main,
                                 onClick: ()=>{
                                     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
@@ -1449,7 +1566,9 @@ const CustomerService = (props)=>{
                                 children: /*#__PURE__*/ _jsx(CustomExitFullScreen, {})
                             }),
                             /*#__PURE__*/ _jsx("i", {
-                                onClick: onCancel,
+                                onClick: ()=>{
+                                    onCancel();
+                                },
                                 children: /*#__PURE__*/ _jsx(CloseOutlined, {})
                             })
                         ]
@@ -1458,22 +1577,6 @@ const CustomerService = (props)=>{
             });
         }
     };
-    //重置底部输入框高度
-    const resettingBottomHei = ()=>{
-        setTimeout(()=>{
-            if (showType == 1 || showType == 3) {
-                if (document.getElementById("Drawer_buttom")) {
-                    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)=>{
         if (type != "1") {
@@ -1510,19 +1613,12 @@ const CustomerService = (props)=>{
     //   setRoomId(id);
     // }
     };
-    // const saveContactsList = (list: any)=>{
-    //   console.log(list,44444444)
-    //   // if(list != undefined){
-    //   //   setRoomList(list);
-    //   // }
-    // }
     //渲染问答
     const renderQuestion = ()=>{
         // if (historyMessageList.length > 0) {
         return /*#__PURE__*/ _jsx("ul", {
             className: styles.message_con,
             children: historyMessageList.map((item, i)=>{
-                console.log(item, 444444888888);
                 let timeObj = parseDate(item.createdAt);
                 // console.log(item.message);
                 let message = item.message;
@@ -1552,6 +1648,9 @@ const CustomerService = (props)=>{
                     }
                 }
                 let 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, (e)=>{
@@ -1560,6 +1659,47 @@ const CustomerService = (props)=>{
                 } else {
                     message = remarkable.render(message);
                 }
+                let position = 0;
+                message = message.replaceAll(new RegExp(`<pre`, 'ig'), (i, index)=>{
+                    //copyText(${item.message,2,position})
+                    position++;
+                    // console.log(i,index,onClick={copyText} ,'skdcnsdjk')
+                    let text = `<p class='${styles.copyCode} copyCodeFun' data-id=${item.id} data-position=${position}>
+                <span class='${styles.icon} copy' >
+                  <svg
+                    width="1em"
+                    height="1em"
+                    viewBox="0 0 14 14"
+                    shape-rendering="geometricPrecision"
+                    fill="currentColor"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <g clip-path="url(#clip0_518_8403)">
+                      <path
+                        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"
+                      />
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_518_8403">
+                        <rect width="16" height="16" />
+                      </clipPath>
+                    </defs>
+                  </svg>
+                </span>
+                <span class='${styles.icon} copy_success_flag'>
+                  <svg
+                    width="1em"
+                    height="1em"
+                    shape-rendering="geometricPrecision"
+                    fill="currentColor"
+                    viewBox="0 0 12 7"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <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" />
+                  </svg>
+                </span><span class="copyCode">复制代码</span></p><pre`;
+                    return text;
+                });
                 if (item.sender == mid) {
                     //只有引用和复制功能
                     li = /*#__PURE__*/ _jsxs(_Fragment, {
@@ -1590,7 +1730,8 @@ const CustomerService = (props)=>{
                                                                         onClick: ()=>{
                                                                             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_智能问答_引用", "提交");
@@ -1622,14 +1763,33 @@ const CustomerService = (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: ()=>{
+                                                                                    setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                    setVisible(true);
+                                                                                }
+                                                                            })
+                                                                        })
+                                                                    ]
+                                                                })
+                                                            ]
                                                         })
                                                     ]
                                                 }),
@@ -1727,6 +1887,23 @@ const CustomerService = (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: ()=>{
+                                                                                    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((list, index)=>{
@@ -1741,6 +1918,25 @@ const CustomerService = (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((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: "停止召唤老师"
+                                                                        })
+                                                                    })
                                                                 })
                                                             ]
                                                         })
@@ -1763,26 +1959,7 @@ const CustomerService = (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((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: "停止召唤老师"
-                                                        })
-                                                    })
-                                                }) : ""
+                                                })
                                             ]
                                         })
                                     })
@@ -1803,14 +1980,15 @@ const CustomerService = (props)=>{
         //问候语及点赞下面不需要展示相关按钮
         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") {
+        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((item)=>item.short == "TeacherAnswer") && /*#__PURE__*/ _jsx("span", {
+                isAiChatWindow && answerMode != 1 && userData.modules.some((item)=>item.short == "TeacherAnswer") && 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: ()=>{
                         setAnswerMode(1);
@@ -1953,7 +2131,7 @@ const CustomerService = (props)=>{
         }
         //3、是否显示召唤老师回答按钮
         let 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", {
@@ -2147,16 +2325,46 @@ const CustomerService = (props)=>{
             ]
         });
     };
+    //保存粘贴的图片
+    const handleFilePaste = (e)=>{
+        e.preventDefault();
+        const items = e.clipboardData.items;
+        // console.log(e,items,3333333)
+        for(let i = 0; i < items.length; i++){
+            const item = items[i];
+            if (item.kind === 'file') {
+                const file = item.getAsFile();
+                if (file && file.type.startsWith('image/')) {
+                    // 处理粘贴的图片文件
+                    // 创建FileReader对象
+                    const reader = new FileReader();
+                    // 文件读取成功后执行的回调函数
+                    reader.onload = function(event) {
+                        // 获取Base64编码的字符串
+                        let base64String = event.target.result;
+                        setScreenshotBese64(base64String);
+                    };
+                    // 以Base64格式读取文件
+                    reader.readAsDataURL(file);
+                }
+            } else {
+                const clipboardData = e.clipboardData || window.clipboardData;
+                const pastedText = clipboardData.getData('text');
+                let con = keyWord + pastedText;
+                setKeyWord(con);
+            }
+        }
+    };
     //渲染底部按钮
     const renderBottomAnt = ()=>{
         let placeholder = "";
         let 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;
@@ -2171,7 +2379,114 @@ const CustomerService = (props)=>{
                     children: [
                         /*#__PURE__*/ _jsxs("div", {
                             className: `${styles.input} ${userData.modules.some((item)=>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: ()=>{
+                                                        setScreenshotBese64('');
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
+                                                }),
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.icon_zoom,
+                                                    onClick: ()=>{
+                                                        setViewBase64(screenshotBese64), setVisible(true);
+                                                    },
+                                                    children: /*#__PURE__*/ _jsx(ZoomInOutlined, {})
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.right,
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("p", {
+                                                    onClick: ()=>{
+                                                        setHistoryMessageList((historyMessageList)=>{
+                                                            let 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: ()=>{
+                                                        setHistoryMessageList((historyMessageList)=>{
+                                                            let 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: {
@@ -2193,7 +2508,12 @@ const CustomerService = (props)=>{
                                                 } else {
                                                     let 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);
                                         }
@@ -2246,15 +2566,18 @@ const CustomerService = (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", {
@@ -2266,43 +2589,19 @@ const CustomerService = (props)=>{
                                             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);
-                                    }
-                                }) : ""
-                            ]
-                        }) : ""
+                        userData.modules.some((item)=>item.short == "AIservice") && contactsList.length > 0 && contactsList[0].roomId == roomId && /*#__PURE__*/ _jsx("p", {
+                            className: styles.screenshot,
+                            children: /*#__PURE__*/ _jsx("i", {
+                                className: `${!disabled ? styles.disabled : ""}`,
+                                onClick: ()=>{
+                                    setShowType(5);
+                                },
+                                children: /*#__PURE__*/ _jsx(CustomScreenshot, {})
+                            })
+                        })
                     ]
                 }),
                 /*#__PURE__*/ _jsx("p", {
@@ -2420,7 +2719,8 @@ const CustomerService = (props)=>{
                 style: {
                     bottom: `${buttomHei + 6}px`
                 },
-                children: questionsList.map((item)=>{
+                children: questionsList.map((item, i)=>{
+                    if (i > 4) return '';
                     let reg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
                     let span = '';
                     //搜索内容是否有特殊字符
@@ -2451,6 +2751,23 @@ const CustomerService = (props)=>{
             });
         }
     };
+    const renderBottomAssociationProblem = ()=>{
+        return /*#__PURE__*/ _jsx("div", {
+            className: styles.issues_list_flag,
+            style: {
+                bottom: `${buttomHei}px`
+            },
+            id: "BottomAssociationProblem",
+            children: bottomRecommendationQuestions.map((item)=>{
+                return /*#__PURE__*/ _jsx("p", {
+                    onClick: ()=>{
+                        sendMessage(item, 1);
+                    },
+                    children: item.question
+                }, item.id);
+            })
+        });
+    };
     //加载指定数据,点击历史记录
     const loadSpecifiedData = (renewRoomId, page, id, receiver, keyWordProblem)=>{
         // let renewRoomId = '4a615d7126b343f78d10dcb06dbc29b0';
@@ -2491,7 +2808,6 @@ const CustomerService = (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", {
@@ -2548,6 +2864,7 @@ const CustomerService = (props)=>{
                         className: styles.Drawer_buttom_Issues_List,
                         children: [
                             renderAssociationProblem(),
+                            renderBottomAssociationProblem(),
                             /*#__PURE__*/ _jsx("div", {
                                 className: styles.Drawer_buttom,
                                 id: "Drawer_buttom",
@@ -2955,6 +3272,26 @@ const CustomerService = (props)=>{
                         ]
                     })
                 ]
+            }),
+            showType == 5 && imgBese64 && /*#__PURE__*/ _jsx(ScreenshotTool, {
+                imgBese64: imgBese64,
+                saveScreenshotBese64: (base64)=>{
+                    setScreenshotBese64(base64);
+                    setShowType(1);
+                },
+                cancelScreenshot: ()=>{
+                    setShowType(1);
+                }
+            }),
+            viewBase64 && visible && /*#__PURE__*/ _jsx(ViewImage, {
+                visible: visible,
+                onCancel: ()=>setVisible(false),
+                className: "",
+                getSrc: ()=>{
+                    return new Promise((resolve)=>{
+                        resolve(viewBase64);
+                    });
+                }
             })
         ]
     });