bhd-components 0.6.8 → 0.7.1

package/es2017/customerService/historyFun.js

@@ -105,9 +105,12 @@ const HistoryFun = (props)=>{
                         number = index;
                     }
                 });
-                const pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
+                let 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([]);
@@ -370,7 +373,7 @@ const HistoryFun = (props)=>{
                                 return /*#__PURE__*/ _jsxs(_Fragment, {
                                     children: [
                                         /*#__PURE__*/ _jsxs("div", {
-                                            className: styles.list_summary,
+                                            className: `${styles.list_summary} ${item.show ? styles.list_summary_active : ""}`,
                                             id: item.roomId,
                                             onClick: ()=>{
                                                 if (item.count == 1) {

package/es2017/customerService/index.js

@@ -54,6 +54,7 @@ const CustomerService = (props)=>{
     // const [roomList,setRoomList] = useState([]);//聊天列表
     const [contactsList, setContactsList] = useState([]); //老师列表
     const [chatObj, setChatObj] = useState([]); //聊天记录id保存，用来在实验报告中记录
+    const [keyWordProblem, setKeyWordProblem] = useState(""); //历史记录搜索的内容
     const timer = useRef(null); //文本框输入时
     let receiveMessageTimer = useRef(null); //接收ai发回的消息
     let voiceCountdownTimer = useRef(null); //语音录制倒计时
@@ -62,6 +63,8 @@ const CustomerService = (props)=>{
     let chatRoomList = useRef(null); //获取聊天室列表
     const ctrl = useRef(); //停止生成ai回答时使用
     let childRef = useRef(null); //获取子组件方法
+    let scrollTopHei = useRef(0);
+    let isPosition = useRef(true);
     const mid = props.userData.mid;
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
@@ -128,6 +131,16 @@ const CustomerService = (props)=>{
                     getHistoryMessage(number, 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;
         }
         const content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (content) {
@@ -241,26 +254,48 @@ const CustomerService = (props)=>{
         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);
+            // 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((historyMessageList)=>{
+                    let 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(()=>{
+                    scrollToBottom();
+                }, 100);
+            }
+            return;
         } else if (type == 2) {
             obj = {
                 roomId: roomId,
@@ -335,6 +370,24 @@ const CustomerService = (props)=>{
                 message: `猜你想问：`,
                 extraInfos: questionsList
             };
+            if (pageNumHistory <= 1) {
+                setHistoryMessageList((historyMessageList)=>{
+                    let 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(()=>{
+                    scrollToBottom();
+                }, 100);
+            }
+            console.log('不记录1111111');
+            return;
         }
         setKeyWord("");
         setQuestionsList([]);
@@ -402,11 +455,13 @@ const CustomerService = (props)=>{
                         }));
                         return newHistoryMessageList;
                     });
-                    if (!lastId) {
-                        setTimeout(()=>{
-                            scrollToBottom();
-                        }, 100);
-                    }
+                    // console.log(lastId,'消息发送给老师111');
+                    // if (!lastId) {
+                    setTimeout(()=>{
+                        console.log('滚动到底部');
+                        scrollToBottom();
+                    }, 100);
+                // }
                 }
                 //判断当前窗口是否是
                 if (type == 1) {
@@ -721,11 +776,19 @@ const CustomerService = (props)=>{
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
+                    // isPosition.current = true;
+                    setTimeout(()=>{
+                        isPosition.current = true;
+                    }, 100);
                     testLabQuestion(JSON.parse(data).message, content, "");
                 }
             },
             onclose () {
                 setFinished(true); //发送结束
+                // isPosition.current = true;
+                setTimeout(()=>{
+                    isPosition.current = true;
+                }, 100);
                 setHistoryMessageList((historyMessageList)=>{
                     return historyMessageList.filter((item)=>item.id != "123456");
                 });
@@ -789,7 +852,9 @@ const CustomerService = (props)=>{
             }
         });
         setTimeout(()=>{
-            scrollToBottom();
+            if (isPosition.current) {
+                scrollToBottom();
+            }
         }, 10);
     };
     //问题记录到实验报告中
@@ -835,7 +900,7 @@ const CustomerService = (props)=>{
     //获取历史消息  flag:1,历史记录点击定位，2，代表是上拉加载,3,存在新的消息-->老师回答等,4,下拉加载，滚动到底部时，主要用于查看历史记录
     const getHistoryMessage = (pageNum, flag, id = "1", raw_data = [])=>{
         clearTimeout(roomMessage.current);
-        // console.log(pageNum,flag,'dkfjvndfjvndfkvdf')
+        console.log(pageNum, flag, 'dkfjvndfjvndfkvdf');
         // flag == 1 时已经设置好了位置标记
         let last_id = "";
         if (flag == 2 && historyMessageList.length > 0) {
@@ -924,6 +989,11 @@ const CustomerService = (props)=>{
                 if (problem != undefined && problem.user != undefined && problem.question != undefined) {
                     sendToTeacher(1);
                 }
+                // if(flag == 1){
+                setTimeout(()=>{
+                    setKeyWordProblem('');
+                }, 3100);
+            // }
             } else {
                 setPageCount(0);
                 setGreetingMessage(true);
@@ -1481,6 +1551,16 @@ const CustomerService = (props)=>{
                         }
                     }
                     let dataTime = time;
+                    if (lastId == item.id && keyWordProblem != '') {
+                        message = remarkable.render(message);
+                        console.log(message, 444444);
+                        message = message.replaceAll(keyWordProblem, (e)=>{
+                            return `<span class=${styles.sign}>${e}</span>`;
+                        });
+                        console.log(message, 55555);
+                    } else {
+                        message = remarkable.render(message);
+                    }
                     if (item.sender == mid) {
                         //只有引用和复制功能
                         li = /*#__PURE__*/ _jsxs(_Fragment, {
@@ -1547,7 +1627,7 @@ const CustomerService = (props)=>{
                                                                 className: styles.content,
                                                                 children: /*#__PURE__*/ _jsx("p", {
                                                                     dangerouslySetInnerHTML: {
-                                                                        __html: remarkable.render(message)
+                                                                        __html: message
                                                                     },
                                                                     className: styles.content_child
                                                                 })
@@ -1644,7 +1724,7 @@ const CustomerService = (props)=>{
                                                                 children: [
                                                                     /*#__PURE__*/ _jsx("p", {
                                                                         dangerouslySetInnerHTML: {
-                                                                            __html: remarkable.render(message)
+                                                                            __html: message
                                                                         },
                                                                         className: styles.content_child
                                                                     }),
@@ -1880,7 +1960,7 @@ const CustomerService = (props)=>{
         return /*#__PURE__*/ _jsxs("div", {
             className: `${styles.operate_modal_bottom}`,
             style: {
-                position: showStopBtn ? 'sticky' : 'relative'
+                position: showStopBtn && isPosition.current ? 'sticky' : 'relative'
             },
             children: [
                 /*#__PURE__*/ _jsxs("p", {
@@ -2147,6 +2227,11 @@ const CustomerService = (props)=>{
                                                 setQuestionsList([]);
                                                 setAnswerMode(-1);
                                                 setTeacherList([]);
+                                                setTimeout(()=>{
+                                                    setQuestionsList([]);
+                                                    setTeacherList([]);
+                                                    clearTimeout(timer.current);
+                                                }, 200);
                                                 setHistoryMessageList((historyMessageList)=>{
                                                     return historyMessageList.filter((item)=>item.id != "-1");
                                                 });
@@ -2250,6 +2335,11 @@ const CustomerService = (props)=>{
                                     setQuestionsList([]);
                                     setAnswerMode(-1);
                                     setTeacherList([]);
+                                    setTimeout(()=>{
+                                        setQuestionsList([]);
+                                        setTeacherList([]);
+                                        clearTimeout(timer.current);
+                                    }, 200);
                                     setHistoryMessageList((historyMessageList)=>{
                                         return historyMessageList.filter((item)=>item.id != "-1");
                                     });
@@ -2363,11 +2453,14 @@ const CustomerService = (props)=>{
         }
     };
     //加载指定数据,点击历史记录
-    const loadSpecifiedData = (renewRoomId, page, id, receiver)=>{
+    const loadSpecifiedData = (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);
         }
@@ -2431,6 +2524,9 @@ const CustomerService = (props)=>{
                         style: {
                             maxHeight: `calc(100vh-${buttomHei + 48}px)`
                         },
+                        onClick: ()=>{
+                            setKeyWordProblem('');
+                        },
                         children: [
                             loading ? /*#__PURE__*/ _jsx("div", {
                                 className: styles.loading,
@@ -2439,7 +2535,7 @@ const CustomerService = (props)=>{
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion(),
+                            keyWordProblem ? renderQuestion() : renderQuestion(),
                             bottomLoading ? /*#__PURE__*/ _jsx("div", {
                                 className: styles.loading,
                                 children: /*#__PURE__*/ _jsx("img", {
@@ -2495,6 +2591,9 @@ const CustomerService = (props)=>{
                     }),
                     /*#__PURE__*/ _jsxs("div", {
                         className: `${styles.Drawer_wrap_main}`,
+                        onClick: ()=>{
+                            setKeyWordProblem('');
+                        },
                         children: [
                             /*#__PURE__*/ _jsxs("div", {
                                 className: `${styles.Drawer_main} ChatWindow_Modal_history_list`,
@@ -2527,7 +2626,7 @@ const CustomerService = (props)=>{
                                                     alt: ""
                                                 })
                                             }) : "",
-                                            renderQuestion()
+                                            keyWordProblem ? renderQuestion() : renderQuestion()
                                         ]
                                     })
                                 ]
@@ -2561,6 +2660,9 @@ const CustomerService = (props)=>{
             showType == 3 ? /*#__PURE__*/ _jsxs("div", {
                 className: `${styles.ChatWindow_Drawer}`,
                 id: "",
+                onClick: ()=>{
+                    setKeyWordProblem('');
+                },
                 children: [
                     /*#__PURE__*/ _jsx("div", {
                         className: `${styles.header_wrap} ${styles.header_wrap_newlabo}`,
@@ -2621,7 +2723,7 @@ const CustomerService = (props)=>{
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion()
+                            keyWordProblem ? renderQuestion() : renderQuestion()
                         ]
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -2698,6 +2800,9 @@ const CustomerService = (props)=>{
                                         style: {
                                             maxHeight: `${window.innerHeight - 148 - buttomHei}px`
                                         },
+                                        onClick: ()=>{
+                                            setKeyWordProblem('');
+                                        },
                                         children: [
                                             /*#__PURE__*/ _jsx(ContactsList, {
                                                 type: 4,
@@ -2723,7 +2828,7 @@ const CustomerService = (props)=>{
                                                             alt: ""
                                                         })
                                                     }) : "",
-                                                    renderQuestion()
+                                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                                 ]
                                             })
                                         ]
@@ -2815,7 +2920,7 @@ const CustomerService = (props)=>{
                                             alt: ""
                                         })
                                     }) : "",
-                                    renderQuestion()
+                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                 ]
                             }),
                             /*#__PURE__*/ _jsxs("div", {

package/es2017/customerService/index.module.less

@@ -1,7 +1,6 @@
 @import "../theme/variable.less";
-// @color-data-visualization-01: @color-background-info-base;
-// @color-text-primary: @color-background-info-base;
-// @color-background-primary-weak-hover:@color-background-info-weak;
+
+// @import "../common.module.less"
 
 .service_ChatWindow_Drawer,
 .ChatWindow_Modal {
@@ -151,6 +150,8 @@
           display: flex;
           flex-direction: column;
           align-items: flex-end;
+
+
         }
       }
       .right {
@@ -185,6 +186,7 @@
           .main_content_flag{
               width: 100%;
           }
+
           .main_content_flag:hover{
             .operate_modal {
               // display: block;
@@ -204,6 +206,7 @@
                 line-height: 1;
                 p{
                   word-break: break-all;
+                  white-space: break-spaces;
                 }
                 p,
                 li {
@@ -217,6 +220,13 @@
                   padding: 10px 0;
                 }
                 ol {
+                  list-style: decimal;
+                  padding-inline-start: 20px;
+
+                  li{
+                    list-style-type: auto;
+                  }
+
                   li p {
                     padding: 4px 0;
                     font-size: 14px;
@@ -235,6 +245,10 @@
                 margin: 4px 0;
               }
             }
+            .sign{
+              background-color: #1890ff;
+              color: #fff;
+            }
           }
           .operate_modal {
             // display: none;
@@ -415,6 +429,7 @@
           font-weight: 400;
           line-height: 1.8;
           cursor: pointer;
+          list-style-type: none;
         }
       }
       .time {
@@ -1178,6 +1193,10 @@
           display: flex;
           align-items: center;
           border-bottom: 1px solid @color-border-secondary;
+          cursor: pointer;
+          &:hover{
+            background-color: #EBEBEB;
+          }
           .head_img{
             width: 36px;
             height: 36px;
@@ -1233,6 +1252,12 @@
             }
           }
         }
+        .list_summary_active{
+          background-color: @color-background-primary-weak;
+          &:hover{
+            background-color: @color-background-primary-weak;
+          }
+        }
 
         //详情
         .list_detail{
@@ -1263,11 +1288,10 @@
               display: flex;
               justify-content: space-between;
               align-items: center;
-              margin-bottom: 9px;
+              margin-bottom: 4px;
               p {
-                color: @color-text-Tr;
-                font-size: 16px;
-                font-weight: 600;
+                color: @color-text-Secondary-Tr;
+                font-size: 14px;
                 line-height: 1.5;
               }
               .time {
@@ -1282,12 +1306,12 @@
               line-height: 150%;
               overflow: hidden;
               text-overflow: ellipsis;
-              -webkit-box-orient: vertical;
-              -webkit-line-clamp: 2;
-              display: -webkit-box;
+              // -webkit-box-orient: vertical;
+              // -webkit-line-clamp: 2;
+              // display: -webkit-box;
               
-              max-height: 40px;
-              word-break: break-all;
+              max-height: 21px;
+              white-space: nowrap;
               span {
                 color: @color-text-primary;
               }