bhd-components 0.7.12 → 0.7.14

package/es2017/customerService/index.js

@@ -78,6 +78,7 @@ const CustomerService = (props)=>{
     let isPosition = useRef(true);
     let recommendeQuestionID = useRef([]); //推荐问题id
     let videoHotQuestionsList = useRef([]); //视频热门问题
+    let newHotQuestionsList = useRef([]); //视频热门问题
     const mid = props.userData.mid;
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
@@ -306,31 +307,76 @@ const CustomerService = (props)=>{
             } catch (error) {}
         }, 3000);
     };
-    //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题
-    const sendGreetingMessage = (type)=>{
-        let questionsList = [];
-        let obj = {};
-        if (type == 1) {
-            console.log(hotQuestionsList, '33322221111');
-            questionsList = hotQuestionsList.map((item, index)=>{
-                if (index < 3) {
-                    return {
-                        key: "messageSource",
-                        value: item.id,
-                        question: item.question,
-                        answer: item.answer
+    //发送欢迎语，视频页面
+    const sendWelcomMessage = ()=>{
+        if (config.type == 'video') {
+            let params = config.params;
+            let videoId = params.videoId;
+            let watchTime = params.videoProgress;
+            let courseId = getQuery('yc_id');
+            let sectionId = params.VideoBriefSummaryId;
+            //  let courseId="20899",
+            //  sectionId= "462347",
+            //  videoId= "29715",
+            //  watchTime= 677
+            if (videoId && courseId && sectionId) {
+                http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
+                    "recommendedQuestions": [],
+                    "contexts": [
+                        {
+                            "type": "VIDEO",
+                            "courseId": courseId,
+                            "sectionId": sectionId,
+                            "videoId": videoId,
+                            "watchTime": watchTime
+                        }
+                    ],
+                    "maximum": 3
+                }).then((res)=>{
+                    let data = res.data.questions;
+                    let questionsList = data.map((item, index)=>{
+                        if (index < 3) {
+                            return {
+                                key: "messageSource",
+                                value: item.id,
+                                question: item.question,
+                                answer: item.answer
+                            };
+                        } else {
+                            return null;
+                        }
+                    });
+                    let obj = {
+                        roomId: roomId,
+                        sender: "AI",
+                        recevier: mid,
+                        message: `Hi，我是智能学习助手，你遇到了什么问题？`,
+                        extraInfos: questionsList.length > 0 ? questionsList : null
                     };
-                } else {
-                    return null;
-                }
-            });
-            questionsList = questionsList.filter((i)=>i != null);
-            obj = {
+                    if (pageNumHistory <= 1) {
+                        setHistoryMessageList((historyMessageList)=>{
+                            let newHistoryMessageList = historyMessageList.filter((e)=>e.id != '123456_date');
+                            newHistoryMessageList.push(_object_spread_props(_object_spread({}, obj), {
+                                id: '123456_date',
+                                upvoted: false,
+                                downvoted: false,
+                                quotedMessage: "",
+                                createdAt: getDataTime(-1),
+                                extraInfo: JSON.stringify(obj.extraInfos)
+                            }));
+                            return newHistoryMessageList;
+                        });
+                        scrollToBottom();
+                    }
+                    return;
+                }).catch(()=>{});
+            }
+        } else {
+            let obj = {
                 roomId: roomId,
                 sender: "AI",
                 recevier: mid,
-                message: `Hi，我是智能学习助手，你遇到了什么问题？`,
-                extraInfos: questionsList
+                message: `Hi，我是智能学习助手，你遇到了什么问题？`
             };
             if (pageNumHistory <= 1) {
                 setHistoryMessageList((historyMessageList)=>{
@@ -341,12 +387,84 @@ const CustomerService = (props)=>{
                         downvoted: false,
                         quotedMessage: "",
                         createdAt: getDataTime(-1),
-                        extraInfo: JSON.stringify(obj.extraInfos)
+                        // extraInfo: JSON.stringify(obj.extraInfos),
+                        extraInfo: JSON.stringify([
+                            {
+                                key: "messageSource",
+                                value: "knowledgebase"
+                            }
+                        ])
                     }));
                     return newHistoryMessageList;
                 });
                 scrollToBottom();
             }
+        }
+    };
+    //AI窗口，type：1发送打招呼信息 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题
+    const sendGreetingMessage = (type)=>{
+        let questionsList = [];
+        let obj = {};
+        if (type == 1) {
+            sendWelcomMessage();
+            // console.log(hotQuestionsList,newHotQuestionsList.current,'33322221111');
+            // if(newHotQuestionsList.current.length > 0){
+            //   questionsList = newHotQuestionsList.current.map((item, index) => {
+            //     if (index < 3) {
+            //       return {
+            //         key: "messageSource",
+            //         value: item.id,
+            //         question: item.question,
+            //         answer: item.answer,
+            //       };
+            //     } else {
+            //       return null;
+            //     }
+            //   });
+            // }else{
+            //   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,
+            // };
+            // if(pageNumHistory <= 1){
+            //   setHistoryMessageList((historyMessageList) => {
+            //     let newHistoryMessageList = historyMessageList.filter(e=>e.id!='123456_date');
+            //     newHistoryMessageList.push({
+            //       ...obj,
+            //       id: '123456_date',
+            //       upvoted: false,
+            //       downvoted: false,
+            //       quotedMessage: "",
+            //       createdAt: getDataTime(-1),
+            //       extraInfo: JSON.stringify(obj.extraInfos),
+            //       // extraInfo: JSON.stringify([
+            //       //   {
+            //       //     key: "messageSource",
+            //       //     value: "knowledgebase",
+            //       //   },
+            //       // ]),
+            //     });
+            //     return newHistoryMessageList;
+            //   });
+            //   scrollToBottom();
+            // }
             return;
         } else if (type == 2) {
             obj = {
@@ -526,8 +644,8 @@ const CustomerService = (props)=>{
         });
     };
     //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
-    const sendMessage = (item, flag)=>{
-        // console.log(item,flag,888888888);
+    const sendMessage = (item, flag, type = '')=>{
+        console.log(item, flag, 888888888);
         let questions = [];
         if (item && flag) {
             questions = [
@@ -587,7 +705,7 @@ const CustomerService = (props)=>{
                 key: "questionId",
                 value: flag == 1 ? questions.value : questions.id,
                 answer: questions.answer
-            });
+            }, type);
             setKeyWord("");
             setQuestionsList([]);
             setCitationContent({});
@@ -637,7 +755,7 @@ const CustomerService = (props)=>{
         }
     };
     //向知识库发送问题 或答案 type:1 发送问题 2 接受答案
-    const sendingExistingIssues = (type, obj, questions)=>{
+    const sendingExistingIssues = (type, obj, questions, problemType)=>{
         if (pageNumHistory <= 1) {
             setHistoryMessageList((historyMessageList)=>{
                 let newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
@@ -688,10 +806,10 @@ const CustomerService = (props)=>{
                         }
                     ]
                 };
-                sendingExistingIssues(2, dataObj, "");
+                sendingExistingIssues(2, dataObj, "", problemType);
                 testLabQuestion(obj.message, questions.answer, "");
             }
-            if (type == 2 && config && config.type == 'video') {
+            if (type == 2 && config && config.type == 'video' && problemType != 'AssociativeProblem') {
                 //先请求问题列表
                 videoPageQuestiionsList(2);
             }
@@ -739,6 +857,7 @@ const CustomerService = (props)=>{
             obj.regenerate = false;
         }
         let data = JSON.stringify(obj);
+        let flagKeyWord = keyWord;
         setKeyWord("");
         setQuestionsList([]);
         setTimeout(()=>{
@@ -881,7 +1000,9 @@ const CustomerService = (props)=>{
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
-                    videoPageQuestiionsList(2);
+                    if (!flagKeyWord) {
+                        videoPageQuestiionsList(2);
+                    }
                     // isPosition.current = true;
                     setTimeout(()=>{
                         isPosition.current = true;
@@ -946,7 +1067,7 @@ const CustomerService = (props)=>{
             } else {
                 let newHistoryMessageList2 = list1.map((item)=>{
                     message = item.message + obj.message;
-                    let extraInfo = [];
+                    let extraInfo = null;
                     // message = '抱歉，我暂时无法回答这样的问题。'
                     if (message == '抱歉，我暂时无法回答这样的问题。') {
                         extraInfo = videoHotQuestionsList.current.map((str, index)=>{
@@ -1345,8 +1466,8 @@ const CustomerService = (props)=>{
             let sectionId = params.VideoBriefSummaryId;
             //  let courseId="20899",
             //       sectionId= "462347",
-            //       videoId= "29707",
-            //       watchTime= 262
+            //       videoId= "29715",
+            //       watchTime= 677
             if (videoId && courseId && sectionId) {
                 console.log(recommendeQuestionID.current, 'recommendeQuestionID.current');
                 http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
@@ -1374,6 +1495,7 @@ const CustomerService = (props)=>{
                             setBottomRecommendationQuestions(data);
                         } else {
                             setHotQuestionsList(data);
+                            newHotQuestionsList.current = data;
                         }
                         // let ids:any[] = [];
                         // data.map((str: { id: string; })=>{
@@ -2039,7 +2161,7 @@ const CustomerService = (props)=>{
                                                                     ]
                                                                 }),
                                                                 item.extraInfo != undefined && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "messageSource" && JSON.parse(item.extraInfo)[0].value != "knowledgebase" && /*#__PURE__*/ _jsxs("ul", {
-                                                                    className: `${styles.association_problem} ${item.message == '抱歉，我暂时无法回答这样的问题。' ? 'association_problem_flag' : ''}`,
+                                                                    className: `${styles.association_problem} ${item.message == '抱歉，我暂时无法回答这样的问题。' ? styles.association_problem_flag : ''}`,
                                                                     children: [
                                                                         item.message == '抱歉，我暂时无法回答这样的问题。' && /*#__PURE__*/ _jsx("li", {
                                                                             className: styles.related_issues_flag,
@@ -2301,6 +2423,7 @@ const CustomerService = (props)=>{
         } else if (JSON.parse(previousLineData.extraInfo).length > 0 && JSON.parse(previousLineData.extraInfo)[0].key == "imageUrl") {
             showTeacherBtn = false;
         }
+        console.log(showTeacherBtn, 'dlvkdfl');
         /// style={{position:showStopBtn && isPosition.current ? 'sticky' : 'relative'}}
         return /*#__PURE__*/ _jsxs("div", {
             className: `${styles.operate_modal_bottom}`,
@@ -2684,6 +2807,8 @@ const CustomerService = (props)=>{
                                                 }
                                             }, 1000);
                                         }
+                                        setBottomRecommendationQuestions([]);
+                                        resettingBottomHei();
                                     },
                                     onPressEnter: (e)=>{
                                         //  console.log('发送内容22222',props)
@@ -2694,6 +2819,8 @@ const CustomerService = (props)=>{
                                             clearTimeout(timer.current);
                                             setKeyWord("");
                                             setCitationContent({});
+                                            setBottomRecommendationQuestions([]);
+                                            resettingBottomHei();
                                             //查找是否是召唤老师回答并有相应的老师名称
                                             if (answerMode == 1 && teacherList.length > 0) {
                                                 let list = teacherList.filter((v)=>v.name == keyWord.trim());
@@ -2912,7 +3039,7 @@ const CustomerService = (props)=>{
                         className: styles.item,
                         children: /*#__PURE__*/ _jsx("span", {
                             onClick: ()=>{
-                                sendMessage(item, 2);
+                                sendMessage(item, 2, 'AssociativeProblem');
                                 setKeyWord("");
                                 onEvent(serverName + serverUrl(), "click_智能问答_ 发送", "提交");
                             },

package/es2017/customerService/index.module.less

@@ -630,6 +630,44 @@
         }
   
 
+      .association_problem_flag{
+       
+        li{
+          padding-left: 30px;
+          position: relative;
+          &::after{
+            content: '';
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background-color: rgba(217, 217, 217, 1);
+            display: block;
+            position: absolute;
+            top: 26px;
+            left: 10px;
+          }
+        }
+
+        li:first-child{
+          padding-left:0;
+          &::after{
+            display: none;
+          }
+        }
+
+        .related_issues_flag{
+          span{
+            color: #000;
+            font-weight: 600;
+            border-bottom: 6px solid @color-background-primary-weak-hover;
+            display: inline-block;
+            height: 22px;
+          }
+          
+        }
+      }
+
+
         .img_con{
           width: 100%;
           text-align: center;
@@ -757,33 +795,6 @@
         }
       }
 
-      .association_problem_flag{
-        padding-left: 30px;
-       
-        li{
-          position: relative;
-          &::after{
-            content: '';
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background-color: rgba(217, 217, 217, 1);
-            display: block;
-            position: absolute;
-            top: 12px;
-            left: 12px;
-          }
-        }
-        .related_issues_flag{
-          span{
-            color: #000;
-            font-weight: 600;
-            border-bottom: 4px solid @color-background-primary-weak-hover;
-          }
-          
-        }
-      }
-
       .time {
         display: block;
         margin: 40px 0;