bhd-components 0.10.36 → 0.10.38

package/es2017/AIMessageList/components/footer/index.js

@@ -242,7 +242,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: recordObj.reference || null,
                 source: null,
@@ -252,7 +252,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: null,
                 source: null,

package/es2017/AIMessageList/components/virtuosoList/index.js

@@ -608,8 +608,17 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 } else {
                     // 没有跨天 判断是否相隔超过10分钟
                     if (timeObj.timestamp - beforeTimeObj.timestamp > 10 * 60 * 1000) {
-                        // 超过10分钟 显示 时分
-                        time = `${timeObj.hours}:${timeObj.minutes}`;
+                        // 超过10分钟 显示
+                        let now = new Date();
+                        // 当天的日期
+                        let nowTimeStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+                        if (nowTimeStr === `${timeObj.year}-${timeObj.month}-${timeObj.day}`) {
+                            // 是当天 显示 时分
+                            time = `${timeObj.hours}:${timeObj.minutes}`;
+                        } else {
+                            // 不是当天 显示 年月日 时分
+                            time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
+                        }
                     }
                 }
             }

package/es2017/customerService/common.module.less

@@ -463,6 +463,9 @@
         padding: 8px;
         border-radius: 2px;
         background: #e7e7e7;
+        img {
+          width: 100%;
+        }
         p {
           color: @color-text-Secondary-Tr;
           font-size: 12px;

package/es2017/customerService/function.js

@@ -136,9 +136,12 @@ const getBase64Image = (src)=>{
 };
 const formatDate = (dateStr)=>{
     const today = new Date();
+    today.setHours(0, 0, 0, 0); // 将时间部分设为0，只比较日期
     const date = new Date(dateStr);
+    const cloneDate = new Date(dateStr);
+    cloneDate.setHours(0, 0, 0, 0); // 将时间部分设为0，只比较日期  
     let isSameDay = today.getFullYear() === date.getFullYear() && today.getMonth() === date.getMonth() && today.getDate() === date.getDate();
-    const dayDiff = Math.ceil((today - date) / (1000 * 60 * 60 * 24)); // 计算天数差
+    const dayDiff = Math.ceil((today - cloneDate) / (1000 * 60 * 60 * 24)); // 计算天数差
     // 判断当前的日期 是否于传入的日期为同一天  同一天则显示时间 不是同一天则判断是否超过一周
     // console.log(dayDiff,'dayDiffdayDiff',today,'___',date);
     if (isSameDay) {
@@ -146,7 +149,7 @@ const formatDate = (dateStr)=>{
         return date.toLocaleTimeString('zh-CN', {
             hour12: false
         }).substring(0, 5);
-    } else if (dayDiff <= 7) {
+    } else if (dayDiff < 7) {
         // 一周内
         return date.toLocaleString('zh-CN', {
             weekday: 'short'

package/es2017/customerService/index.js

@@ -54,6 +54,12 @@ function escapeHtml(str) {
     }
     return str;
 }
+const pattern = /!\[.*?\]\((.*?)\)/;
+const exactRegex = /class\s*=\s*["']think-block["']/;
+// 去掉think
+const replaceThinkAndYaml = (text = "")=>{
+    return text.replace(/```(\s)?yaml(?:.|\n)*?```/ig, "").replace(/<thinking>([\s\S]*?)<\/thinking>/g, "").replace(RegExp('<div\\s+class="think-block">.*?<\\/div>', "gs"), '');
+};
 mermaid.initialize({
     startOnLoad: false,
     theme: 'default',
@@ -136,6 +142,7 @@ const CustomerService = (props)=>{
     const getLisyFlagRef = useRef(0);
     const [showMemaid, setShowMemaid] = useState(false); //是否显示mermaid弹窗
     const [memaidContent, setMemaidContent] = useState(""); //mermaid内容
+    const shouqiTimer = useRef(null);
     const remarkable = new Remarkable({
         html: true,
         highlight: function(str, lang) {
@@ -222,6 +229,7 @@ const CustomerService = (props)=>{
         //   //获取热门推荐
         //   videoPageQuestiionsList(1);
         // }
+        console.log('initShowType', initShowType);
         setShowType(initShowType);
     }, [
         initShowType
@@ -804,7 +812,7 @@ const CustomerService = (props)=>{
         });
     };
     //AI窗口，type：1发送打招呼信息欢迎语 2点赞消息 3踩消息 4没有AI客服权限，5，发送超过10万字消息 6, 没有AI客服权限，发送最热的问题
-    const sendGreetingMessage = (type)=>{
+    const sendGreetingMessage = async (type, message = "")=>{
         let obj = {};
         if (type == 1) {
             sendWelcomMessage();
@@ -842,7 +850,7 @@ const CustomerService = (props)=>{
                 roomId: roomId,
                 sender: mid,
                 recevier: "AI",
-                message: keyWord,
+                message: message ? message : keyWord,
                 createdAt: getDataTime(-1),
                 quotedMessage: citationContent.content,
                 extraInfos: [
@@ -852,6 +860,22 @@ const CustomerService = (props)=>{
                     }
                 ]
             };
+            let imageUrl = '';
+            if (citationContent.imageUrl) {
+                let base64 = await urlToBase64(citationContent.imageUrl);
+                imageUrl = base64;
+            }
+            if (screenshotBese64) {
+                imageUrl = screenshotBese64;
+            }
+            console.log('imageUrl', imageUrl);
+            if (imageUrl) {
+                obj.image = imageUrl;
+                obj.extraInfos.push({
+                    key: "imageUrl",
+                    value: imageUrl
+                });
+            }
         } else if (type == 5) {
             obj = {
                 roomId: roomId,
@@ -874,6 +898,7 @@ const CustomerService = (props)=>{
         setKeyWord("");
         setQuestionsList([]);
         setCitationContent({});
+        setScreenshotBese64('');
         http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj).then((res)=>{
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -1217,7 +1242,7 @@ const CustomerService = (props)=>{
                                 roomId: roomId,
                                 sender: "AI",
                                 recevier: mid,
-                                message: "正在输入...",
+                                message: "正在思考...",
                                 id: "123456",
                                 createdAt: getDataTime(-1),
                                 extraInfo: null
@@ -1231,7 +1256,7 @@ const CustomerService = (props)=>{
                         roomId: roomId,
                         sender: "AI",
                         recevier: mid,
-                        message: "正在输入...",
+                        message: "正在思考...",
                         id: "123456",
                         createdAt: getDataTime(-1),
                         extraInfo: null
@@ -1244,6 +1269,7 @@ const CustomerService = (props)=>{
             //先请求问题列表
             videoPageQuestiionsList(3);
         }
+        let hasYamlStarted = false;
         //使用fetchEventSource接收数据
         const eventSource = fetchEventSource(`${urllocation}/chat-service/public/v1.0/chat-with-ai/messages`, {
             method: "POST",
@@ -1340,7 +1366,12 @@ const CustomerService = (props)=>{
                 //识别的内容
                 // console.log("eventSource msg: ", event.data);
                 let msg = JSON.parse(event.data);
-                if (msg.message) {}
+                if (msg.message) {
+                    if (!hasYamlStarted && msg.message && /```\s*yaml/.test(content)) {
+                        hasYamlStarted = true;
+                    }
+                    msg.message = msg.message.replace(/<thinking>/g, '<div class="think-block">').replace(/<\/thinking>/g, '</div>\n');
+                }
                 finishedRef.current = false;
                 setFinished(false);
                 msgStreamingCountRef.current = msgStreamingCountRef.current + 1;
@@ -1357,6 +1388,20 @@ const CustomerService = (props)=>{
                         videoPageQuestiionsList(2);
                     }
                     testLabQuestion(JSON.parse(data).message, content, "");
+                    if (shouqiTimer.current) {
+                        clearTimeout(shouqiTimer.current);
+                    }
+                    shouqiTimer.current = setTimeout(()=>{
+                        if ($(".think-block").last().css("display") === 'block') {
+                            clearTimeout(shouqiTimer.current);
+                            $(".think-block").last().parent().find(".think-block").css({
+                                display: "none"
+                            });
+                            $(".think-block").last().parent().parent().find("i").css({
+                                transform: "rotate(180deg)"
+                            });
+                        }
+                    }, 1000);
                 } else {}
             },
             onclose () {
@@ -1374,7 +1419,8 @@ const CustomerService = (props)=>{
         // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
         if (pageNumHistory > 1) return;
         let obj = msg;
-        let id = msg.messageId;
+        let tempId = "ai thought process";
+        let id = tempId; // 原：let id = msg.messageId;  备注：解决思考过程返回的messageId和下边回复的内容值不同问题，新：改成临时固定相同id，finished完成时替换为实际返回的messageId值
         setHistoryMessageList((prevHistoryMessageList)=>{
             let list1 = prevHistoryMessageList;
             //删除临时数据
@@ -1441,6 +1487,17 @@ const CustomerService = (props)=>{
         console.log("isPosition", isPosition.current);
         scrollToBottom();
         if (msg.finished) {
+            setHistoryMessageList((prevHistoryMessageList)=>{
+                return prevHistoryMessageList.map((item)=>{
+                    if (item.id === tempId) {
+                        return _object_spread_props(_object_spread({}, item), {
+                            id: msg.messageId
+                        });
+                    } else {
+                        return item;
+                    }
+                });
+            });
             console.log('返回完成', msg, msgStreamingCountRef.current);
             //发送结束
             finishedRef.current = true;
@@ -1545,6 +1602,12 @@ const CustomerService = (props)=>{
                 //     getHistoryMessage(page-1,5,'1',dataList);
                 //     return;
                 // }
+                dataList = dataList.map((ele, index)=>{
+                    if (ele.message.includes("<thinking>") && !ele.message.includes("</thinking>")) {
+                        ele.message = ele.message + "</thinking>";
+                    }
+                    return ele;
+                });
                 setPageCount(Math.ceil(total / maxPageSize));
                 setFirstItemIndex(total - maxPageSize * (page - 1));
                 let newHistoryMessageList = [];
@@ -2298,6 +2361,12 @@ const CustomerService = (props)=>{
             let message = item.message;
             let li;
             // 是否需要显示日期
+            // 判断是否第一项：
+            // 如果是第一项显示日期+时间；
+            //
+            // 如果不是第一项：
+            // 先判断是否跨天；如果跨天：就显示日期+时间；
+            // 如果不跨天：判断是否超过10分钟，超过10分钟判断是否是当天，如果当天显示时间，不是当天就显示日期+时间；没超过10分钟不显示
             let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);
             let time = "";
             if (historyMessageList.length > 1) {
@@ -2307,16 +2376,30 @@ const CustomerService = (props)=>{
                 } else {
                     //非第一项 与上一项进行对比
                     let beforeTime = historyMessageList[itemIndex - 1].createdAt;
-                    //判断与上一条数据 是否跨天
                     let beforeTimeObj = parseDate(beforeTime);
+                    // 上一条的日期
                     let beforeTimeStr = `${beforeTimeObj.year}-${beforeTimeObj.month}-${beforeTimeObj.day}`;
+                    // 当前这条的日期
                     let curTimeStr = `${timeObj.year}-${timeObj.month}-${timeObj.day}`;
+                    let now = new Date();
+                    // 当天的日期
+                    let nowTimeStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+                    //判断与上一条数据 是否跨天
                     if (beforeTimeStr !== curTimeStr) {
+                        // 跨天
+                        // 显示日期+时间
                         time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
                     } else {
                         //没有跨天 判断是否相隔超过10分钟
                         if (new Date(item.createdAt).valueOf() - new Date(beforeTime).valueOf() > 10 * 60 * 1000) {
-                            time = `${timeObj.hours}:${timeObj.minutes}`;
+                            //判断是否当天
+                            if (curTimeStr === nowTimeStr) {
+                                // 当天,显示时间
+                                time = `${timeObj.hours}:${timeObj.minutes}`;
+                            } else {
+                                // 非当天,显示日期+时间
+                                time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
+                            }
                         }
                     }
                 }
@@ -2329,6 +2412,9 @@ const CustomerService = (props)=>{
                 message = removeMermaidBlockComments(message);
             }
             message = handleRenderSyntaxBlock(message, finishedRef.current || i != historyMessageList.length - 1);
+            message = message.replace(/<thinking>([\s\S]*?)<\/thinking>/g, '<div class="think-block">$1</div>\n');
+            message = message.replace(/```(\s)?yaml(?:.|\n)*?```/ig, "");
+            message = message.replace(/```\s*yaml[\s\S]*/, '');
             if (lastId == item.id && keyWordProblem != "") {
                 //点击历史记录时，找到关键字，防止关键字和标签名重复
                 // let key_sign = 'sign_'+new Date().getTime();+'sign';
@@ -2410,6 +2496,8 @@ const CustomerService = (props)=>{
                                                                 /*#__PURE__*/ _jsx("i", {
                                                                     className: "yinyong_quote1",
                                                                     onClick: ()=>{
+                                                                        // 问题的引用
+                                                                        item.message = replaceThinkAndYaml(item.message);
                                                                         setCitationContent({
                                                                             content: item.message,
                                                                             id: item.id,
@@ -2454,17 +2542,17 @@ const CustomerService = (props)=>{
                                                                 },
                                                                 className: styles.content_child
                                                             }),
-                                                            !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                                className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
+                                                            !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl") && /*#__PURE__*/ _jsxs("p", {
+                                                                className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
                                                                 children: [
                                                                     /*#__PURE__*/ _jsx("img", {
-                                                                        src: JSON.parse(item.extraInfo)[0].value
+                                                                        src: JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl").value
                                                                     }),
                                                                     /*#__PURE__*/ _jsx("div", {
                                                                         className: styles.mask_zoom,
                                                                         children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
                                                                             onClick: ()=>{
-                                                                                setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                                setViewBase64(JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl").value);
                                                                                 setVisible(true);
                                                                             }
                                                                         })
@@ -2479,14 +2567,14 @@ const CustomerService = (props)=>{
                                             item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
                                                 className: styles.citation_content,
                                                 children: [
-                                                    getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                    getByteLen(replaceThinkAndYaml(item.quotedMessage)) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                         overlayClassName: styles.popover_main_content,
-                                                        title: item.quotedMessage,
+                                                        title: replaceThinkAndYaml(item.quotedMessage),
                                                         placement: "leftTop",
                                                         children: /*#__PURE__*/ _jsxs("p", {
                                                             className: styles.text_exceed,
                                                             children: [
-                                                                item.quotedMessage,
+                                                                replaceThinkAndYaml(item.quotedMessage),
                                                                 /*#__PURE__*/ _jsx(RightOutlined, {})
                                                             ]
                                                         })
@@ -2560,7 +2648,8 @@ const CustomerService = (props)=>{
                                     style: {
                                         marginRight: "12px"
                                     },
-                                    children: isAiChatWindow ? item.extraInfo == null || header == 1 ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
+                                    children: isAiChatWindow ? // item.extraInfo == null || header == 1
+                                    userData.modules.some((item)=>item.short == "AIservice") ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
                                         src: knowledge_icon
                                     }) : /*#__PURE__*/ _jsx("img", {
                                         src: headImg
@@ -2639,6 +2728,35 @@ const CustomerService = (props)=>{
                                                 /*#__PURE__*/ _jsxs("div", {
                                                     className: styles.content,
                                                     children: [
+                                                        !exactRegex.test(message) ? null : /*#__PURE__*/ _jsxs("div", {
+                                                            id: "click_" + i,
+                                                            onClick: ()=>{
+                                                                if ($(`#click_${i} + p .think-block`).css("display") === 'inline-block' || $(`#click_${i} + p .think-block`).css("display") === 'block') {
+                                                                    $(`#click_${i} + p .think-block`).css({
+                                                                        display: "none"
+                                                                    });
+                                                                    $(`#click_${i} i`).css({
+                                                                        transform: "rotate(180deg)"
+                                                                    });
+                                                                } else {
+                                                                    $(`#click_${i} + p .think-block`).css({
+                                                                        display: "block"
+                                                                    });
+                                                                    $(`#click_${i} i`).css({
+                                                                        transform: "rotate(0deg)"
+                                                                    });
+                                                                }
+                                                            },
+                                                            className: styles.content_put,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("span", {
+                                                                    children: "思考过程"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("i", {
+                                                                    className: "iconfont iconfangxiang-xiaxiao"
+                                                                })
+                                                            ]
+                                                        }),
                                                         item.message != "AI助手繁忙，请稍后再提问或" && /*#__PURE__*/ _jsx("p", {
                                                             dangerouslySetInnerHTML: {
                                                                 __html: message
@@ -2666,17 +2784,17 @@ const CustomerService = (props)=>{
                                                                 })
                                                             ]
                                                         }),
-                                                        !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
-                                                            className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ""}`,
+                                                        !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl") && /*#__PURE__*/ _jsxs("p", {
+                                                            className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
                                                             children: [
                                                                 /*#__PURE__*/ _jsx("img", {
-                                                                    src: JSON.parse(item.extraInfo)[0].value
+                                                                    src: JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl").value
                                                                 }),
                                                                 /*#__PURE__*/ _jsx("div", {
                                                                     className: styles.mask_zoom,
                                                                     children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
                                                                         onClick: ()=>{
-                                                                            setViewBase64(JSON.parse(item.extraInfo)[0].value);
+                                                                            setViewBase64(JSON.parse(item.extraInfo).find((x)=>x.key == "imageUrl").value);
                                                                             setVisible(true);
                                                                         }
                                                                     })
@@ -2717,14 +2835,14 @@ const CustomerService = (props)=>{
                                                 item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
                                                     className: styles.citation_content,
                                                     children: [
-                                                        getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                        getByteLen(replaceThinkAndYaml(item.quotedMessage)) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                             overlayClassName: styles.popover_main_content,
-                                                            title: item.quotedMessage,
+                                                            title: replaceThinkAndYaml(item.quotedMessage),
                                                             placement: "rightTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
                                                                 className: styles.text_exceed,
                                                                 children: [
-                                                                    item.quotedMessage,
+                                                                    replaceThinkAndYaml(item.quotedMessage),
                                                                     /*#__PURE__*/ _jsx(RightOutlined, {})
                                                                 ]
                                                             })
@@ -2950,6 +3068,8 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("i", {
                     className: "yinyong_quote1",
                     onClick: ()=>{
+                        // 答案的引用
+                        item.message = replaceThinkAndYaml(item.message);
                         setCitationContent({
                             content: item.message,
                             imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
@@ -3146,6 +3266,7 @@ const CustomerService = (props)=>{
                         /*#__PURE__*/ _jsx("i", {
                             className: "yinyong_quote1",
                             onClick: ()=>{
+                                item.message = replaceThinkAndYaml(item.message);
                                 setCitationContent({
                                     content: item.message,
                                     imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
@@ -3284,44 +3405,48 @@ const CustomerService = (props)=>{
     };
     //发送截图信息
     const sendScreenshotData = (message)=>{
-        if (contactsList.length > 0 && contactsList[0].roomId == roomId) {
-            setKeyWord("");
-            setCitationContent({});
-            setBottomRecommendationQuestions([]);
-            setHistoryMessageList((historyMessageList)=>{
-                let newHistoryMessageList = historyMessageList.concat({
-                    id: 'p' + new Date().getTime(),
+        if (userData.modules.some((item)=>item.short == "AIservice")) {
+            if (contactsList.length > 0 && contactsList[0].roomId == roomId) {
+                setKeyWord("");
+                setCitationContent({});
+                setBottomRecommendationQuestions([]);
+                setHistoryMessageList((historyMessageList)=>{
+                    let newHistoryMessageList = historyMessageList.concat({
+                        id: 'p' + new Date().getTime(),
+                        roomId: roomId,
+                        sender: mid,
+                        recevier: 'AI',
+                        message: message,
+                        createdAt: getDataTime(-1),
+                        extraInfo: JSON.stringify([
+                            {
+                                key: "imageUrl",
+                                value: screenshotBese64
+                            }
+                        ])
+                    });
+                    return newHistoryMessageList;
+                });
+                //ai窗口
+                aiSendQuestions(3, {
+                    //相关数据
                     roomId: roomId,
-                    sender: mid,
-                    recevier: 'AI',
                     message: message,
-                    createdAt: getDataTime(-1),
-                    extraInfo: JSON.stringify([
-                        {
-                            key: "imageUrl",
-                            value: screenshotBese64
-                        }
-                    ])
-                });
-                return newHistoryMessageList;
-            });
-            //ai窗口
-            aiSendQuestions(3, {
-                //相关数据
-                roomId: roomId,
-                message: message,
-                image: screenshotBese64,
-                quotedMessage: citationContent.content || "",
-                regenerate: citationContent.content != "" ? false : true,
-                generateUpvoteOrDownvoteMessage: false
-            }, 1);
-            setScreenshotBese64('');
+                    image: screenshotBese64,
+                    quotedMessage: citationContent.content || "",
+                    regenerate: citationContent.content != "" ? false : true,
+                    generateUpvoteOrDownvoteMessage: false
+                }, 1);
+                setScreenshotBese64('');
+            } else {
+                //老师窗口
+                sendToTeacher(3, message);
+            }
+            scrollToBottom();
+            resettingBottomHei();
         } else {
-            //老师窗口
-            sendToTeacher(3, message);
+            sendGreetingMessage(4, message);
         }
-        scrollToBottom();
-        resettingBottomHei();
     };
     //渲染底部按钮
     const renderBottomAnt = ()=>{

package/es2017/customerService/index.module.less

@@ -369,6 +369,42 @@
               .content_child {
                 padding: 0;
                 line-height: 1;
+                img {
+                  width: 100%;
+                }
+                :global {
+                  .think-block {
+                    padding: 12px;
+                    border-left: 1px solid rgba(0, 0, 0, 0.15);
+                    background: rgba(0, 0, 0, 0.04);
+                    // display: inline-block;
+                    margin-bottom: 8px;
+                    width: 100%;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 1.5;
+                    color: rgba(0, 0, 0, 0.45);
+                    * {
+                      color: rgba(0, 0, 0, 0.45);
+                      font-weight: 400;
+                      font-size: 12px;
+                      line-height: 150%;
+                    }
+                    &:not(:first-of-type, :last-of-type){
+                      padding-top:0;
+                      padding-bottom: 0;
+                    }
+                    &:first-of-type{
+                      padding-top: 12px !important;
+                    }
+                    &:last-of-type{
+                      padding-bottom: 12px !important;
+                    }
+                    &+.think-block{
+                      margin-top: -8px;
+                    }
+                  }
+                }
 
                 p{
                   word-break: break-all;
@@ -441,7 +477,7 @@
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
-                > *:not(pre){
+                > *:not(pre):not(:global(.think-block)){
                   word-break: break-all;
                   padding-top: 8px;
                   padding-bottom: 8px;
@@ -2279,4 +2315,24 @@ strong {
     padding: 10px;
   }
   
+}
+
+.content_put {
+  display: flex;
+  padding: 4px 16px;
+  margin-bottom: 8px;
+  border-radius: 100px;
+  background: rgba(0, 0, 0, 0.04);
+  width: max-content;
+  align-items: center;
+  cursor: pointer;
+  span {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 150%;
+  }
+  i {
+    margin-left: 8px;
+  }
 }