bhd-components 0.6.9 → 0.7.1

package/esm/customerService/historyFun.js

@@ -111,7 +111,7 @@ var HistoryFun = function(props) {
                     pageNumber = 1;
                 }
                 console.log(roomId, pageNumber, id, receiver, "第几页第几页第几页第几页第几页第几页");
-                loadSpecifiedData(roomId, pageNumber, id, receiver);
+                loadSpecifiedData(roomId, pageNumber, id, receiver, keyWordProblem);
                 onClose();
                 setKeyWordProblem("");
                 setTotalData([]);
@@ -378,7 +378,7 @@ var HistoryFun = function(props) {
                                 return /*#__PURE__*/ _jsxs(_Fragment, {
                                     children: [
                                         /*#__PURE__*/ _jsxs("div", {
-                                            className: styles.list_summary,
+                                            className: "".concat(styles.list_summary, " ").concat(item.show ? styles.list_summary_active : ""),
                                             id: item.roomId,
                                             onClick: function() {
                                                 if (item.count == 1) {

package/esm/customerService/index.js

@@ -55,6 +55,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); //语音录制倒计时
@@ -254,28 +255,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,
@@ -350,6 +371,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([]);
@@ -888,7 +927,6 @@ var CustomerService = function(props) {
             last_id = historyMessageList[0].id;
         }
         if (flag != 1 && last_id != "") {
-            console.log(last_id, "dkfjvndfjvndfkvdflast_idlast_idlast_id");
             setLastId(last_id);
         }
         //取消搜索页码标记
@@ -973,6 +1011,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);
@@ -1550,6 +1593,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, {
@@ -1622,7 +1675,7 @@ var CustomerService = function(props) {
                                                                 className: styles.content,
                                                                 children: /*#__PURE__*/ _jsx("p", {
                                                                     dangerouslySetInnerHTML: {
-                                                                        __html: remarkable.render(message)
+                                                                        __html: message
                                                                     },
                                                                     className: styles.content_child
                                                                 })
@@ -1721,7 +1774,7 @@ var CustomerService = function(props) {
                                                                 children: [
                                                                     /*#__PURE__*/ _jsx("p", {
                                                                         dangerouslySetInnerHTML: {
-                                                                            __html: remarkable.render(message)
+                                                                            __html: message
                                                                         },
                                                                         className: styles.content_child
                                                                     }),
@@ -2488,11 +2541,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);
         }
@@ -2556,6 +2612,9 @@ var CustomerService = function(props) {
                         style: {
                             maxHeight: "calc(100vh-".concat(buttomHei + 48, "px)")
                         },
+                        onClick: function() {
+                            setKeyWordProblem("");
+                        },
                         children: [
                             loading ? /*#__PURE__*/ _jsx("div", {
                                 className: styles.loading,
@@ -2564,7 +2623,7 @@ var CustomerService = function(props) {
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion(),
+                            keyWordProblem ? renderQuestion() : renderQuestion(),
                             bottomLoading ? /*#__PURE__*/ _jsx("div", {
                                 className: styles.loading,
                                 children: /*#__PURE__*/ _jsx("img", {
@@ -2620,6 +2679,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"),
@@ -2652,7 +2714,7 @@ var CustomerService = function(props) {
                                                     alt: ""
                                                 })
                                             }) : "",
-                                            renderQuestion()
+                                            keyWordProblem ? renderQuestion() : renderQuestion()
                                         ]
                                     })
                                 ]
@@ -2686,6 +2748,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),
@@ -2746,7 +2811,7 @@ var CustomerService = function(props) {
                                     alt: ""
                                 })
                             }) : "",
-                            renderQuestion()
+                            keyWordProblem ? renderQuestion() : renderQuestion()
                         ]
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -2823,6 +2888,9 @@ var CustomerService = function(props) {
                                         style: {
                                             maxHeight: "".concat(window.innerHeight - 148 - buttomHei, "px")
                                         },
+                                        onClick: function() {
+                                            setKeyWordProblem("");
+                                        },
                                         children: [
                                             /*#__PURE__*/ _jsx(ContactsList, {
                                                 type: 4,
@@ -2848,7 +2916,7 @@ var CustomerService = function(props) {
                                                             alt: ""
                                                         })
                                                     }) : "",
-                                                    renderQuestion()
+                                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                                 ]
                                             })
                                         ]
@@ -2940,7 +3008,7 @@ var CustomerService = function(props) {
                                             alt: ""
                                         })
                                     }) : "",
-                                    renderQuestion()
+                                    keyWordProblem ? renderQuestion() : renderQuestion()
                                 ]
                             }),
                             /*#__PURE__*/ _jsxs("div", {

package/esm/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 {
@@ -187,6 +186,7 @@
           .main_content_flag{
               width: 100%;
           }
+
           .main_content_flag:hover{
             .operate_modal {
               // display: block;
@@ -245,6 +245,10 @@
                 margin: 4px 0;
               }
             }
+            .sign{
+              background-color: #1890ff;
+              color: #fff;
+            }
           }
           .operate_modal {
             // display: none;
@@ -1189,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;
@@ -1244,6 +1252,12 @@
             }
           }
         }
+        .list_summary_active{
+          background-color: @color-background-primary-weak;
+          &:hover{
+            background-color: @color-background-primary-weak;
+          }
+        }
 
         //详情
         .list_detail{
@@ -1274,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 {
@@ -1293,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;
               }