bhd-components 0.6.8 → 0.7.1

package/dist/index.esm.es5.development.js

@@ -1,5 +1,5 @@
-import { z as zhCN, C as ConfigProvider, _ as _extends, a as _object_destructuring_empty, j as jsx, b as _object_spread_props, S as StyleProvider, t as transform, c as _object_spread, d as _sliced_to_array, T as Tooltip, e as Table$2, I as Icon, f as jsxs, m as message, E as ExclamationCircleFilled, P as Pagination, g as Select, h as CaretDownOutlined, M as Modal, i as _inherits, k as _create_super, l as _create_class, n as _class_call_check, o as _define_property, p as _assert_this_initialized, q as _async_to_generator, L as LeftOutlined, R as RightOutlined, r as MinusOutlined, s as PlusOutlined, u as __generator, v as Input, w as SearchOutlined, x as CloseOutlined, y as Remarkable, D as Drawer, H as HighlightJS } from './12224038.esm.es5.development.js';
-export { A as Affix, B as Alert, F as Anchor, aA as App, G as AutoComplete, J as Avatar, N as BackTop, O as Badge, Q as Breadcrumb, U as Button, V as Calendar, W as Card, X as Carousel, Y as Cascader, Z as Checkbox, $ as Col, a0 as Collapse, a1 as DatePicker, a2 as Descriptions, a3 as Divider, D as Drawer, a4 as Dropdown, a5 as Empty, K as FloatButton, a6 as Form, a7 as Grid, a8 as Image, v as Input, a9 as InputNumber, aa as Layout, ab as List, ac as Mentions, ad as Menu, M as Modal, af as Popconfirm, ag as Popover, ah as Progress, aH as QRCode, ai as Radio, aj as Rate, ak as Result, al as Row, am as Segmented, g as Select, an as Skeleton, ao as Slider, ap as Space, aq as Spin, ar as Statistic, as as Steps, at as Switch, au as Tabs, av as Tag, ax as TimePicker, ay as Timeline, T as Tooltip, az as Tour, aB as Transfer, aC as Tree, aD as TreeSelect, aE as Typography, aF as Upload, aG as Watermark, aJ as en_US, ae as notification, aw as theme, aI as version, z as zh_CN } from './12224038.esm.es5.development.js';
+import { z as zhCN, C as ConfigProvider, _ as _extends, a as _object_destructuring_empty, j as jsx, b as _object_spread_props, S as StyleProvider, t as transform, c as _object_spread, d as _sliced_to_array, T as Tooltip, e as Table$2, I as Icon, f as jsxs, m as message, E as ExclamationCircleFilled, P as Pagination, g as Select, h as CaretDownOutlined, M as Modal, i as _inherits, k as _create_super, l as _create_class, n as _class_call_check, o as _define_property, p as _assert_this_initialized, q as _async_to_generator, L as LeftOutlined, R as RightOutlined, r as MinusOutlined, s as PlusOutlined, u as __generator, v as Input, w as SearchOutlined, x as CloseOutlined, y as Remarkable, D as Drawer, H as HighlightJS } from './fd2fee4a.esm.es5.development.js';
+export { A as Affix, B as Alert, F as Anchor, aA as App, G as AutoComplete, J as Avatar, N as BackTop, O as Badge, Q as Breadcrumb, U as Button, V as Calendar, W as Card, X as Carousel, Y as Cascader, Z as Checkbox, $ as Col, a0 as Collapse, a1 as DatePicker, a2 as Descriptions, a3 as Divider, D as Drawer, a4 as Dropdown, a5 as Empty, K as FloatButton, a6 as Form, a7 as Grid, a8 as Image, v as Input, a9 as InputNumber, aa as Layout, ab as List, ac as Mentions, ad as Menu, M as Modal, af as Popconfirm, ag as Popover, ah as Progress, aH as QRCode, ai as Radio, aj as Rate, ak as Result, al as Row, am as Segmented, g as Select, an as Skeleton, ao as Slider, ap as Space, aq as Spin, ar as Statistic, as as Steps, at as Switch, au as Tabs, av as Tag, ax as TimePicker, ay as Timeline, T as Tooltip, az as Tour, aB as Transfer, aC as Tree, aD as TreeSelect, aE as Typography, aF as Upload, aG as Watermark, aJ as en_US, ae as notification, aw as theme, aI as version, z as zh_CN } from './fd2fee4a.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -2332,7 +2332,7 @@ function BhdAppLayout(props) {
     });
 }
 
-var modules_63b47c51 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__1d39865c","ChatWindow_Modal":"index_module_ChatWindow_Modal__1d39865c","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__1d39865c","header_wrap":"index_module_header_wrap__1d39865c","top":"index_module_top__1d39865c","user":"index_module_user__1d39865c","count":"index_module_count__1d39865c","operate":"index_module_operate__1d39865c","line":"index_module_line__1d39865c","header_wrap_newlabo":"index_module_header_wrap_newlabo__1d39865c","Drawer_main":"index_module_Drawer_main__1d39865c","loading":"index_module_loading__1d39865c","message_con":"index_module_message_con__1d39865c","left":"index_module_left__1d39865c","head_sculpture":"index_module_head_sculpture__1d39865c","main_content":"index_module_main_content__1d39865c","right":"index_module_right__1d39865c","main":"index_module_main__1d39865c","main_content_flag":"index_module_main_content_flag__1d39865c","operate_modal":"index_module_operate_modal__1d39865c","content":"index_module_content__1d39865c","content_child":"index_module_content_child__1d39865c","active":"index_module_active__1d39865c","ask_question":"index_module_ask_question__1d39865c","operate_modal_bottom":"index_module_operate_modal_bottom__1d39865c","stop_generate":"index_module_stop_generate__1d39865c","icon":"index_module_icon__1d39865c","find_teacher":"index_module_find_teacher__1d39865c","stop_findTeacher":"index_module_stop_findTeacher__1d39865c","association_problem":"index_module_association_problem__1d39865c","time":"index_module_time__1d39865c","citation_content":"index_module_citation_content__1d39865c","text_exceed":"index_module_text_exceed__1d39865c","popover_content":"index_module_popover_content__1d39865c","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__1d39865c","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__1d39865c","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__1d39865c","issues_list_teacherList":"index_module_issues_list_teacherList__1d39865c","item":"index_module_item__1d39865c","issues_list":"index_module_issues_list__1d39865c","sign":"index_module_sign__1d39865c","Drawer_buttom":"index_module_Drawer_buttom__1d39865c","input_wrap":"index_module_input_wrap__1d39865c","input":"index_module_input__1d39865c","no_AI":"index_module_no_AI__1d39865c","voice":"index_module_voice__1d39865c","voice_btn":"index_module_voice_btn__1d39865c","disabled":"index_module_disabled__1d39865c","content_main":"index_module_content_main__1d39865c","content_con":"index_module_content_con__1d39865c","delete_quote":"index_module_delete_quote__1d39865c","sending":"index_module_sending__1d39865c","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__1d39865c","main_list":"index_module_main_list__1d39865c","chat_content":"index_module_chat_content__1d39865c","popover_main_content":"index_module_popover_main_content__1d39865c","popover_main_content_name":"index_module_popover_main_content_name__1d39865c","teacher_layout":"index_module_teacher_layout__1d39865c","bottom":"index_module_bottom__1d39865c","delete":"index_module_delete__1d39865c","num":"index_module_num__1d39865c","shrink":"index_module_shrink__1d39865c","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__1d39865c","teacher_layout_modal":"index_module_teacher_layout_modal__1d39865c","ai":"index_module_ai__1d39865c","user_info":"index_module_user_info__1d39865c","message":"index_module_message__1d39865c","con":"index_module_con__1d39865c","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__1d39865c","history_list":"index_module_history_list__1d39865c","search_layout":"index_module_search_layout__1d39865c","mymove":"index_module_mymove__1d39865c","title":"index_module_title__1d39865c","search_top":"index_module_search_top__1d39865c","list_item":"index_module_list_item__1d39865c","list_summary":"index_module_list_summary__1d39865c","head_img":"index_module_head_img__1d39865c","list_desc":"index_module_list_desc__1d39865c","name":"index_module_name__1d39865c","decs":"index_module_decs__1d39865c","open":"index_module_open__1d39865c","list_detail":"index_module_list_detail__1d39865c","list":"index_module_list__1d39865c","list_more":"index_module_list_more__1d39865c","no_data":"index_module_no_data__1d39865c","history_list_broadside":"index_module_history_list_broadside__1d39865c"};
+var modules_63b47c51 = {"service_ChatWindow_Drawer":"index_module_service_ChatWindow_Drawer__1c3a52cb","ChatWindow_Modal":"index_module_ChatWindow_Modal__1c3a52cb","ChatWindow_Drawer":"index_module_ChatWindow_Drawer__1c3a52cb","header_wrap":"index_module_header_wrap__1c3a52cb","top":"index_module_top__1c3a52cb","user":"index_module_user__1c3a52cb","count":"index_module_count__1c3a52cb","operate":"index_module_operate__1c3a52cb","line":"index_module_line__1c3a52cb","header_wrap_newlabo":"index_module_header_wrap_newlabo__1c3a52cb","Drawer_main":"index_module_Drawer_main__1c3a52cb","loading":"index_module_loading__1c3a52cb","message_con":"index_module_message_con__1c3a52cb","left":"index_module_left__1c3a52cb","head_sculpture":"index_module_head_sculpture__1c3a52cb","main_content":"index_module_main_content__1c3a52cb","right":"index_module_right__1c3a52cb","main":"index_module_main__1c3a52cb","main_content_flag":"index_module_main_content_flag__1c3a52cb","operate_modal":"index_module_operate_modal__1c3a52cb","content":"index_module_content__1c3a52cb","content_child":"index_module_content_child__1c3a52cb","sign":"index_module_sign__1c3a52cb","active":"index_module_active__1c3a52cb","ask_question":"index_module_ask_question__1c3a52cb","operate_modal_bottom":"index_module_operate_modal_bottom__1c3a52cb","stop_generate":"index_module_stop_generate__1c3a52cb","icon":"index_module_icon__1c3a52cb","find_teacher":"index_module_find_teacher__1c3a52cb","stop_findTeacher":"index_module_stop_findTeacher__1c3a52cb","association_problem":"index_module_association_problem__1c3a52cb","time":"index_module_time__1c3a52cb","citation_content":"index_module_citation_content__1c3a52cb","text_exceed":"index_module_text_exceed__1c3a52cb","popover_content":"index_module_popover_content__1c3a52cb","Drawer_main_newlabo":"index_module_Drawer_main_newlabo__1c3a52cb","Drawer_main_newlabo_no_pic":"index_module_Drawer_main_newlabo_no_pic__1c3a52cb","Drawer_buttom_Issues_List":"index_module_Drawer_buttom_Issues_List__1c3a52cb","issues_list_teacherList":"index_module_issues_list_teacherList__1c3a52cb","item":"index_module_item__1c3a52cb","issues_list":"index_module_issues_list__1c3a52cb","Drawer_buttom":"index_module_Drawer_buttom__1c3a52cb","input_wrap":"index_module_input_wrap__1c3a52cb","input":"index_module_input__1c3a52cb","no_AI":"index_module_no_AI__1c3a52cb","voice":"index_module_voice__1c3a52cb","voice_btn":"index_module_voice_btn__1c3a52cb","disabled":"index_module_disabled__1c3a52cb","content_main":"index_module_content_main__1c3a52cb","content_con":"index_module_content_con__1c3a52cb","delete_quote":"index_module_delete_quote__1c3a52cb","sending":"index_module_sending__1c3a52cb","Drawer_buttom_Issues_List_newlabo":"index_module_Drawer_buttom_Issues_List_newlabo__1c3a52cb","main_list":"index_module_main_list__1c3a52cb","chat_content":"index_module_chat_content__1c3a52cb","popover_main_content":"index_module_popover_main_content__1c3a52cb","popover_main_content_name":"index_module_popover_main_content_name__1c3a52cb","teacher_layout":"index_module_teacher_layout__1c3a52cb","bottom":"index_module_bottom__1c3a52cb","delete":"index_module_delete__1c3a52cb","num":"index_module_num__1c3a52cb","shrink":"index_module_shrink__1c3a52cb","teacher_layout_newlabo":"index_module_teacher_layout_newlabo__1c3a52cb","teacher_layout_modal":"index_module_teacher_layout_modal__1c3a52cb","ai":"index_module_ai__1c3a52cb","user_info":"index_module_user_info__1c3a52cb","message":"index_module_message__1c3a52cb","con":"index_module_con__1c3a52cb","teacher_layout_modal_newlabo":"index_module_teacher_layout_modal_newlabo__1c3a52cb","history_list":"index_module_history_list__1c3a52cb","search_layout":"index_module_search_layout__1c3a52cb","mymove":"index_module_mymove__1c3a52cb","title":"index_module_title__1c3a52cb","search_top":"index_module_search_top__1c3a52cb","list_item":"index_module_list_item__1c3a52cb","list_summary":"index_module_list_summary__1c3a52cb","head_img":"index_module_head_img__1c3a52cb","list_desc":"index_module_list_desc__1c3a52cb","name":"index_module_name__1c3a52cb","decs":"index_module_decs__1c3a52cb","open":"index_module_open__1c3a52cb","list_summary_active":"index_module_list_summary_active__1c3a52cb","list_detail":"index_module_list_detail__1c3a52cb","list":"index_module_list__1c3a52cb","list_more":"index_module_list_more__1c3a52cb","no_data":"index_module_no_data__1c3a52cb","history_list_broadside":"index_module_history_list_broadside__1c3a52cb"};
 
 //消息已读
 var readMessage = function(roomId, urllocation, userData, http) {
@@ -2522,8 +2522,11 @@ var HistoryFun = function(props) {
                     }
                 });
                 var pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
+                if (number == 0) {
+                    pageNumber = 1;
+                }
                 console.log(roomId, pageNumber, id, receiver, "第几页第几页第几页第几页第几页第几页");
-                loadSpecifiedData(roomId, pageNumber, id, receiver);
+                loadSpecifiedData(roomId, pageNumber, id, receiver, keyWordProblem);
                 onClose();
                 setKeyWordProblem("");
                 setTotalData([]);
@@ -2790,7 +2793,7 @@ var HistoryFun = function(props) {
                                 return /*#__PURE__*/ jsxs(Fragment, {
                                     children: [
                                         /*#__PURE__*/ jsxs("div", {
-                                            className: modules_63b47c51.list_summary,
+                                            className: "".concat(modules_63b47c51.list_summary, " ").concat(item.show ? modules_63b47c51.list_summary_active : ""),
                                             id: item.roomId,
                                             onClick: function() {
                                                 if (item.count == 1) {
@@ -3288,6 +3291,7 @@ var CustomerService = function(props) {
     // const [roomList,setRoomList] = useState([]);//聊天列表
     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 timer = useRef(null); //文本框输入时
     var receiveMessageTimer = useRef(null); //接收ai发回的消息
     var voiceCountdownTimer = useRef(null); //语音录制倒计时
@@ -3296,6 +3300,8 @@ var CustomerService = function(props) {
     var chatRoomList = useRef(null); //获取聊天室列表
     var ctrl = useRef(); //停止生成ai回答时使用
     var childRef = useRef(null); //获取子组件方法
+    var scrollTopHei = useRef(0);
+    var isPosition = useRef(true);
     var mid = props.userData.mid;
     var remarkable = new Remarkable({
         highlight: function highlight(str, lang) {
@@ -3362,6 +3368,16 @@ var CustomerService = function(props) {
                     getHistoryMessage(number1, 2);
                 }, 1000);
             }
+            //生成答案过程中
+            if (!finished && scrollTopHei.current > scrollTop) {
+                // setIsPosition(false);
+                isPosition.current = false;
+            }
+            if (!finished && clientHeight + scrollTop >= scrollHeight) {
+                // console.log('到顶了111');
+                isPosition.current = true;
+            }
+            scrollTopHei.current = scrollTop;
         }
         var content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (content) {
@@ -3475,28 +3491,48 @@ var CustomerService = function(props) {
         var questionsList = [];
         var obj = {};
         if (type == 1) {
-            questionsList = hotQuestionsList.map(function(item, index) {
-                if (index < 3) {
-                    return {
-                        key: "messageSource",
-                        value: item.id,
-                        question: item.question,
-                        answer: item.answer
-                    };
-                } else {
-                    return null;
-                }
-            });
-            questionsList = questionsList.filter(function(i) {
-                return i != null;
-            });
+            // questionsList = hotQuestionsList.map((item, index) => {
+            //   if (index < 3) {
+            //     return {
+            //       key: "messageSource",
+            //       value: item.id,
+            //       question: item.question,
+            //       answer: item.answer,
+            //     };
+            //   } else {
+            //     return null;
+            //   }
+            // });
+            // questionsList = questionsList.filter((i) => i != null);
             obj = {
                 roomId: roomId,
                 sender: "AI",
                 recevier: mid,
-                message: "Hi！我是有问必答的实训云智能客服，请问您遇到了什么问题？",
-                extraInfos: questionsList
+                message: "Hi！我是有问必答的实训云智能客服，请问您遇到了什么问题？"
             };
+            if (pageNumHistory <= 1) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        id: "p" + new Date().getTime(),
+                        upvoted: false,
+                        downvoted: false,
+                        quotedMessage: "",
+                        createdAt: getDataTime(-1),
+                        // extraInfo: JSON.stringify(obj.extraInfos),
+                        extraInfo: JSON.stringify([
+                            {
+                                key: "messageSource",
+                                value: "knowledgebase"
+                            }
+                        ])
+                    }));
+                    return newHistoryMessageList;
+                });
+                setTimeout(function() {
+                    scrollToBottom();
+                }, 100);
+            }
+            return;
         } else if (type == 2) {
             obj = {
                 roomId: roomId,
@@ -3571,6 +3607,24 @@ var CustomerService = function(props) {
                 message: "猜你想问：",
                 extraInfos: questionsList
             };
+            if (pageNumHistory <= 1) {
+                setHistoryMessageList(function(historyMessageList) {
+                    var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                        id: "p" + new Date().getTime(),
+                        upvoted: false,
+                        downvoted: false,
+                        quotedMessage: "",
+                        createdAt: getDataTime(-1),
+                        extraInfo: JSON.stringify(obj.extraInfos)
+                    }));
+                    return newHistoryMessageList;
+                });
+                setTimeout(function() {
+                    scrollToBottom();
+                }, 100);
+            }
+            console.log("不记录1111111");
+            return;
         }
         setKeyWord("");
         setQuestionsList([]);
@@ -3640,11 +3694,13 @@ var CustomerService = function(props) {
                         }));
                         return newHistoryMessageList;
                     });
-                    if (!lastId) {
-                        setTimeout(function() {
-                            scrollToBottom();
-                        }, 100);
-                    }
+                    // console.log(lastId,'消息发送给老师111');
+                    // if (!lastId) {
+                    setTimeout(function() {
+                        console.log("滚动到底部");
+                        scrollToBottom();
+                    }, 100);
+                // }
                 }
                 //判断当前窗口是否是
                 if (type == 1) {
@@ -3969,11 +4025,19 @@ var CustomerService = function(props) {
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
+                    // isPosition.current = true;
+                    setTimeout(function() {
+                        isPosition.current = true;
+                    }, 100);
                     testLabQuestion(JSON.parse(data).message, content, "");
                 }
             },
             onclose: function() {
                 setFinished(true); //发送结束
+                // isPosition.current = true;
+                setTimeout(function() {
+                    isPosition.current = true;
+                }, 100);
                 setHistoryMessageList(function(historyMessageList) {
                     return historyMessageList.filter(function(item) {
                         return item.id != "123456";
@@ -4039,7 +4103,9 @@ var CustomerService = function(props) {
             }
         });
         setTimeout(function() {
-            scrollToBottom();
+            if (isPosition.current) {
+                scrollToBottom();
+            }
         }, 10);
     };
     //问题记录到实验报告中
@@ -4088,7 +4154,7 @@ var CustomerService = function(props) {
     var getHistoryMessage = function(pageNum, flag) {
         var id = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "1", raw_data = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
         clearTimeout(roomMessage.current);
-        // console.log(pageNum,flag,'dkfjvndfjvndfkvdf')
+        console.log(pageNum, flag, "dkfjvndfjvndfkvdf");
         // flag == 1 时已经设置好了位置标记
         var last_id = "";
         if (flag == 2 && historyMessageList.length > 0) {
@@ -4179,6 +4245,11 @@ var CustomerService = function(props) {
                 if (problem != undefined && problem.user != undefined && problem.question != undefined) {
                     sendToTeacher(1);
                 }
+                // if(flag == 1){
+                setTimeout(function() {
+                    setKeyWordProblem("");
+                }, 3100);
+            // }
             } else {
                 setPageCount(0);
                 setGreetingMessage(true);
@@ -4756,6 +4827,16 @@ var CustomerService = function(props) {
                         }
                     }
                     var dataTime = time;
+                    if (lastId == item.id && keyWordProblem != "") {
+                        message = remarkable.render(message);
+                        console.log(message, 444444);
+                        message = message.replaceAll(keyWordProblem, function(e) {
+                            return "<span class=".concat(styles.sign, ">").concat(e, "</span>");
+                        });
+                        console.log(message, 55555);
+                    } else {
+                        message = remarkable.render(message);
+                    }
                     if (item.sender == mid) {
                         //只有引用和复制功能
                         li = /*#__PURE__*/ jsxs(Fragment, {
@@ -4828,7 +4909,7 @@ var CustomerService = function(props) {
                                                                 className: styles.content,
                                                                 children: /*#__PURE__*/ jsx("p", {
                                                                     dangerouslySetInnerHTML: {
-                                                                        __html: remarkable.render(message)
+                                                                        __html: message
                                                                     },
                                                                     className: styles.content_child
                                                                 })
@@ -4927,7 +5008,7 @@ var CustomerService = function(props) {
                                                                 children: [
                                                                     /*#__PURE__*/ jsx("p", {
                                                                         dangerouslySetInnerHTML: {
-                                                                            __html: remarkable.render(message)
+                                                                            __html: message
                                                                         },
                                                                         className: styles.content_child
                                                                     }),
@@ -5173,7 +5254,7 @@ var CustomerService = function(props) {
         return /*#__PURE__*/ jsxs("div", {
             className: "".concat(styles.operate_modal_bottom),
             style: {
-                position: showStopBtn ? "sticky" : "relative"
+                position: showStopBtn && isPosition.current ? "sticky" : "relative"
             },
             children: [
                 /*#__PURE__*/ jsxs("p", {
@@ -5456,6 +5537,11 @@ var CustomerService = function(props) {
                                                 setQuestionsList([]);
                                                 setAnswerMode(-1);
                                                 setTeacherList([]);
+                                                setTimeout(function() {
+                                                    setQuestionsList([]);
+                                                    setTeacherList([]);
+                                                    clearTimeout(timer.current);
+                                                }, 200);
                                                 setHistoryMessageList(function(historyMessageList) {
                                                     return historyMessageList.filter(function(item) {
                                                         return item.id != "-1";
@@ -5565,6 +5651,11 @@ var CustomerService = function(props) {
                                     setQuestionsList([]);
                                     setAnswerMode(-1);
                                     setTeacherList([]);
+                                    setTimeout(function() {
+                                        setQuestionsList([]);
+                                        setTeacherList([]);
+                                        clearTimeout(timer.current);
+                                    }, 200);
                                     setHistoryMessageList(function(historyMessageList) {
                                         return historyMessageList.filter(function(item) {
                                             return item.id != "-1";
@@ -5682,11 +5773,14 @@ var CustomerService = function(props) {
         }
     };
     //加载指定数据,点击历史记录
-    var loadSpecifiedData = function(renewRoomId, page, id, receiver) {
+    var loadSpecifiedData = function(renewRoomId, page, id, receiver, keyWordProblem) {
         // let renewRoomId = '4a615d7126b343f78d10dcb06dbc29b0';
         // let page = 1;
         // let id = '0e459f0a3a62438698f170b42b94d150';
         // let receiver = mid;
+        if (keyWordProblem != "") {
+            setKeyWordProblem(keyWordProblem);
+        }
         if (page != 1) {
             setPageNumHistory(page);
         }
@@ -5750,6 +5844,9 @@ var CustomerService = function(props) {
                         style: {
                             maxHeight: "calc(100vh-".concat(buttomHei + 48, "px)")
                         },
+                        onClick: function() {
+                            setKeyWordProblem("");
+                        },
                         children: [
                             loading ? /*#__PURE__*/ jsx("div", {
                                 className: styles.loading,
@@ -5758,7 +5855,7 @@ var CustomerService = function(props) {
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion(),
+                            keyWordProblem ? renderQuestion() : renderQuestion(),
                             bottomLoading ? /*#__PURE__*/ jsx("div", {
                                 className: styles.loading,
                                 children: /*#__PURE__*/ jsx("img", {
@@ -5814,6 +5911,9 @@ var CustomerService = function(props) {
                     }),
                     /*#__PURE__*/ jsxs("div", {
                         className: "".concat(styles.Drawer_wrap_main),
+                        onClick: function() {
+                            setKeyWordProblem("");
+                        },
                         children: [
                             /*#__PURE__*/ jsxs("div", {
                                 className: "".concat(styles.Drawer_main, " ChatWindow_Modal_history_list"),
@@ -5846,7 +5946,7 @@ var CustomerService = function(props) {
                                                     alt: ""
                                                 })
                                             }) : "",
-                                            renderQuestion()
+                                            keyWordProblem ? renderQuestion() : renderQuestion()
                                         ]
                                     })
                                 ]
@@ -5880,6 +5980,9 @@ var CustomerService = function(props) {
             showType == 3 ? /*#__PURE__*/ jsxs("div", {
                 className: "".concat(styles.ChatWindow_Drawer),
                 id: "",
+                onClick: function() {
+                    setKeyWordProblem("");
+                },
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "".concat(styles.header_wrap, " ").concat(styles.header_wrap_newlabo),
@@ -5940,7 +6043,7 @@ var CustomerService = function(props) {
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion()
+                            keyWordProblem ? renderQuestion() : renderQuestion()
                         ]
                     }),
                     /*#__PURE__*/ jsxs("div", {
@@ -6017,6 +6120,9 @@ var CustomerService = function(props) {
                                         style: {
                                             maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
                                         },
+                                        onClick: function() {
+                                            setKeyWordProblem("");
+                                        },
                                         children: [
                                             /*#__PURE__*/ jsx(ContactsList$1, {
                                                 type: 4,
@@ -6042,7 +6148,7 @@ var CustomerService = function(props) {
                                                             alt: ""
                                                         })
                                                     }) : "",
-                                                    renderQuestion()
+                                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                                 ]
                                             })
                                         ]
@@ -6134,7 +6240,7 @@ var CustomerService = function(props) {
                                             alt: ""
                                         })
                                     }) : "",
-                                    renderQuestion()
+                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                 ]
                             }),
                             /*#__PURE__*/ jsxs("div", {