bhd-components 0.7.9 → 0.7.11

package/es2017/customerService/contactsList.js

@@ -114,7 +114,7 @@ const ContactsList = /*#__PURE__*/ forwardRef((props, ref)=>{
     }) : /*#__PURE__*/ _jsxs("div", {
         className: `${styles.teacher_layout} ${type == 3 ? styles.teacher_layout_newlabo : ""}`,
         style: {
-            left: type == 3 ? document.getElementById("box").offsetWidth + 10 + "px" : "auto"
+            left: type == 3 ? document.getElementById("box") && document.getElementById("box").offsetWidth + 10 + "px" : "auto"
         },
         children: [
             /*#__PURE__*/ _jsxs("div", {

package/es2017/customerService/index.js

@@ -38,6 +38,7 @@ const CustomerService = (props)=>{
     const [keyWord, setKeyWord] = useState(""); //搜索内容
     const [questionsList, setQuestionsList] = useState([]); //问题列表
     const [hotQuestionsList, setHotQuestionsList] = useState([]); //热门问题
+    // const [videoHotQuestionsList, setVideoHotQuestionsList] = useState([]); //热门问题
     const [greetingMessage, setGreetingMessage] = useState(false); //聊天记录列表是否请求完成
     const [pageNum, setPageNum] = useState(1); //页码
     const [pageNumHistory, setPageNumHistory] = useState(0); //用于搜索历史记录后的页码
@@ -63,6 +64,7 @@ const CustomerService = (props)=>{
     const [viewBase64, setViewBase64] = useState(""); //图片预览
     const [visible, setVisible] = useState(false); //是否显示图片预览
     const [bottomRecommendationQuestions, setBottomRecommendationQuestions] = useState([]); //底部推荐问题
+    const [showScreenshot, setShowScreenshot] = useState(false); //是否显示截图 主要用于newlabo页面
     const [saveShowType, setSaveShowType] = useState(-1); //保存截图时的状态
     const timer = useRef(null); //文本框输入时
     let receiveMessageTimer = useRef(null); //接收ai发回的消息
@@ -75,6 +77,7 @@ const CustomerService = (props)=>{
     let scrollTopHei = useRef(0);
     let isPosition = useRef(true);
     let recommendeQuestionID = useRef([]); //推荐问题id
+    let videoHotQuestionsList = useRef([]); //视频热门问题
     const mid = props.userData.mid;
     const remarkable = new Remarkable({
         highlight: function(str, lang) {
@@ -90,56 +93,42 @@ const CustomerService = (props)=>{
         }
     });
     useEffect(()=>{
-        if (showType == 5) {
-            // 获取屏幕流  
-            // 获取 video 元素和 canvas 元素
-            // var video = document.getElementById('container_html5_api');
-            // // const canvas = document.createElement('canvas'); 
-            // const canvas = document.getElementById('canvas_test');
-            // var context = canvas.getContext('2d');
-            // // 设置 canvas 尺寸
-            // canvas.width = video.videoWidth/4;
-            // canvas.height = video.videoHeight/4;
-            // // 在 canvas 上绘制 video 的当前帧
-            // context.drawImage(video, 0, 0, canvas.width, canvas.height);
-            // // 使用 html2canvas 对 canvas 进行截图
-            // html2canvas(canvas,{
-            //   scale: 1,
-            //   useCORS: true,
-            //   logging: true,
-            // }).then(function(screenshot) {
-            //     // 将截图显示在页面上，或者进行其他操作
-            //     document.body.appendChild(screenshot);
-            //     setTimeout(()=>{
-            //       let url = screenshot.toDataURL('image/png');
-            //       console.log(url);
-            //     },3000)
-            //     // console.log("container_html5_apicontainer_html5_api",screenshot)
-            //     // console.log(screenshot.toDataURL('image/jpeg'))
-            // });
-            // // 显示图片或者做其他操作
+        if (config && config.type == 'video') {
+            //获取热门推荐
+            videoPageQuestiionsList(1);
+        }
+        setShowType(initShowType);
+    }, [
+        initShowType
+    ]);
+    useEffect(()=>{
+        //|| showScreenshot
+        if (showType == 5 || showScreenshot) {
             try {
                 setImgBese64('');
-                html2canvas(document.getElementsByTagName('html')[0]).then((canvas)=>{
-                    console.log(canvas, 22222);
-                    setTimeout(()=>{
-                        let dom = document.getElementById(screenshotAreaId);
-                        //let dom = document.getElementById("container_html5_api");
-                        //let dom = document.getElementsByTagName('html')[0];
-                        html2canvas(dom, {
-                            useCORS: true,
-                            // allowTaint: true, // 污染处理
-                            scale: 1
-                        }).then(function(canvas) {
-                            // document.body.appendChild(canvas);
-                            // document.body.appendChild(canvas);
-                            console.log(canvas, 4444444);
-                            // var base64URL = canvas.toDataURL('image/jpeg')
-                            let base64URL = canvas.toDataURL("image/jpg", 1.0);
-                            setImgBese64(base64URL);
-                        });
-                    }, 100);
+                // html2canvas(document.getElementsByTagName('html')[0],{
+                //   // ignoreElements:(element)=>{
+                //   //  if(element.compareDocumentPosition(dom)===2)return true
+                //   //     return false
+                //   //  }
+                // }).then((canvas)=>{
+                //   console.log(canvas,22222);
+                // setTimeout(()=>{
+                let dom = document.getElementById(screenshotAreaId);
+                html2canvas(dom, {
+                    useCORS: true,
+                    // allowTaint: true, // 污染处理
+                    scale: 1
+                }).then(function(canvas) {
+                    // document.body.appendChild(canvas);
+                    // document.body.appendChild(canvas);
+                    console.log(canvas, 99999);
+                    // var base64URL = canvas.toDataURL('image/jpeg')
+                    let base64URL = canvas.toDataURL("image/jpg", 1.0);
+                    setImgBese64(base64URL);
                 });
+            //   },100)
+            // })
             } catch (error) {
                 console.log(error);
             }
@@ -207,7 +196,8 @@ const CustomerService = (props)=>{
     }, [
         historyMessageList,
         showType,
-        pageCount
+        pageCount,
+        showScreenshot
     ]);
     useEffect(()=>{
         resettingBottomHei();
@@ -226,16 +216,21 @@ const CustomerService = (props)=>{
         buttomHei,
         showType
     ]);
+    //创建聊天室并获取聊天室列表
     useEffect(()=>{
-        // console.log(props,'lsdkcmsdlcksd')
-        // getQuestiionsList("", 1);
-        setShowType(initShowType);
-        //获取视频页面推荐问题
-        videoPageQuestiionsList();
-        scrollToBottom();
-    }, [
-        initShowType
-    ]);
+        createRooms("AI").then((res)=>{
+            setRoomId(res.data.id);
+        });
+        roomsListTimer();
+        return ()=>{
+            clearTimeout(receiveMessageTimer.current);
+            // clearTimeout(voiceCountdownTimer.current);
+            clearTimeout(listTimer.current);
+            clearTimeout(timer.current);
+            clearTimeout(roomMessage.current);
+            clearTimeout(chatRoomList.current);
+        };
+    }, []);
     useEffect(()=>{
         if (roomId != "") {
             if (lastId == "") {
@@ -256,21 +251,6 @@ const CustomerService = (props)=>{
     }, [
         roomId
     ]);
-    //创建聊天室并获取聊天室列表
-    useEffect(()=>{
-        createRooms("AI").then((res)=>{
-            setRoomId(res.data.id);
-        });
-        roomsListTimer();
-        return ()=>{
-            clearTimeout(receiveMessageTimer.current);
-            // clearTimeout(voiceCountdownTimer.current);
-            clearTimeout(listTimer.current);
-            clearTimeout(timer.current);
-            clearTimeout(roomMessage.current);
-            clearTimeout(chatRoomList.current);
-        };
-    }, []);
     //进入页面，发送打招呼信息
     useEffect(()=>{
         //老师的聊天窗口不发送打招呼信息
@@ -289,9 +269,8 @@ const CustomerService = (props)=>{
             scrollToBottom();
         }
     }, [
-        greetingMessage,
-        hotQuestionsList
-    ]);
+        greetingMessage
+    ]); //hotQuestionsList
     //查找需要复制的代码
     const findCopyContent = (e)=>{
         let source = findParent(e.target, styles.copyCode);
@@ -332,10 +311,9 @@ const CustomerService = (props)=>{
         let questionsList = [];
         let obj = {};
         if (type == 1) {
-            let questionsId = [];
+            console.log(hotQuestionsList, '33322221111');
             questionsList = hotQuestionsList.map((item, index)=>{
                 if (index < 3) {
-                    questionsId.push(item.id);
                     return {
                         key: "messageSource",
                         value: item.id,
@@ -346,7 +324,6 @@ const CustomerService = (props)=>{
                     return null;
                 }
             });
-            recommendeQuestionID.current = questionsId; //保存推荐问题id
             questionsList = questionsList.filter((i)=>i != null);
             obj = {
                 roomId: roomId,
@@ -676,9 +653,9 @@ const CustomerService = (props)=>{
         }
         console.log(type, '接受答案77777');
         //获取下面的推荐问题
-        if (type == 2) {
-            videoPageQuestiionsList(2);
-        }
+        // if(type == 2){
+        //   videoPageQuestiionsList(2);
+        // }
         http.post(`${urllocation}/chat-service/public/v1.0/history-messages`, obj).then((res)=>{
             if (res.data.id) {
                 if (pageNumHistory <= 1) {
@@ -714,6 +691,10 @@ const CustomerService = (props)=>{
                 sendingExistingIssues(2, dataObj, "");
                 testLabQuestion(obj.message, questions.answer, "");
             }
+            if (type == 2 && config && config.type == 'video') {
+                //先请求问题列表
+                videoPageQuestiionsList(2);
+            }
         });
     };
     //向AI发送问题 type == 1 发送点赞或踩消息，type == 2 发送重新生成消息，type == 3 正常发送消息
@@ -740,8 +721,8 @@ const CustomerService = (props)=>{
                 });
             });
         }, 60 * 1000);
-        if (props.config && props.config.type == 'video' && props.config.params) {
-            let params = props.config.params;
+        if (config && config.type == 'video' && config.params) {
+            let params = config.params;
             let videoId = params.videoId;
             let watchTime = params.videoProgress;
             let courseId = getQuery('yc_id');
@@ -755,6 +736,7 @@ const CustomerService = (props)=>{
                     "watchTime": watchTime
                 }
             ];
+            obj.regenerate = false;
         }
         let data = JSON.stringify(obj);
         setKeyWord("");
@@ -795,6 +777,10 @@ const CustomerService = (props)=>{
             });
             scrollToBottom();
         }
+        if (config && config.type == 'video') {
+            //先请求问题列表
+            videoPageQuestiionsList(3);
+        }
         //使用fetchEventSource接收数据
         const eventSource = fetchEventSource(`${urllocation}/chat-service/public/v1.0/chat-with-ai/messages`, {
             method: "POST",
@@ -895,6 +881,7 @@ const CustomerService = (props)=>{
                 }
                 if (msg.finished) {
                     setFinished(true); //发送结束
+                    videoPageQuestiionsList(2);
                     // isPosition.current = true;
                     setTimeout(()=>{
                         isPosition.current = true;
@@ -959,9 +946,23 @@ const CustomerService = (props)=>{
             } else {
                 let newHistoryMessageList2 = list1.map((item)=>{
                     message = item.message + obj.message;
+                    let extraInfo = [];
+                    // message = '抱歉，我暂时无法回答这样的问题。'
+                    if (message == '抱歉，我暂时无法回答这样的问题。') {
+                        extraInfo = videoHotQuestionsList.current.map((str, index)=>{
+                            return {
+                                key: "messageSource",
+                                value: str.id,
+                                question: str.question,
+                                answer: str.answer,
+                                welcomeMessage: true
+                            };
+                        });
+                    }
                     if (item.id == id) {
                         return _object_spread_props(_object_spread({}, item), {
-                            message: message
+                            message: message,
+                            extraInfo: extraInfo == null ? item.extraInfo : JSON.stringify(extraInfo)
                         });
                     } else {
                         return item;
@@ -1268,6 +1269,7 @@ const CustomerService = (props)=>{
     };
     //获取问题列表flag ==1 是问候消息 2，搜索列表 展示相关问题 ,3.视频页面,4.视频联想问题不够时，增加知识库联想问题
     const getQuestiionsList = (value, flag)=>{
+        // console.log(flag,'dlfkvdmflkvmdfklv');
         let data = {};
         if (flag == 1) {
             data = {
@@ -1277,7 +1279,7 @@ const CustomerService = (props)=>{
         } else if (flag == 3) {
             data = {
                 page: 1,
-                maxPageSize: 4,
+                maxPageSize: 5,
                 question: value,
                 sectionId: getQuery('s_id')
             };
@@ -1310,29 +1312,45 @@ const CustomerService = (props)=>{
                 } else {
                     setQuestionsList(questionList);
                 }
-                if (questionList.length < 4 && flag == 3) {
+                if (questionList.length < 5 && flag == 3) {
                     console.log('视频页面，联想问题小于4个');
                     //视频页面，联想问题小于4个
-                    getQuestiionsList(value, 4);
+                    http.get(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions`, {
+                        params: {
+                            page: 1,
+                            maxPageSize: 5 - questionList.length
+                        }
+                    }).then((res)=>{
+                        if (res.data.questions) {
+                            setQuestionsList((questionList)=>{
+                                return [
+                                    ...questionList,
+                                    ...res.data.questions
+                                ];
+                            });
+                        }
+                    });
                 }
             }
         });
     };
-    //获取视频页面热门问题 flag == 1，默认推荐问题 == 2，已经推荐过问题
+    //获取视频页面热门问题 flag == 1，默认推荐问题 == 2，底部渲染问题，flag == 3，ai回答后请求相关问题
     const videoPageQuestiionsList = (flag = 1)=>{
-        console.log(props, 3333333);
-        let config = props.config;
+        console.log(flag, props, 3333333);
         if (config && config.type == 'video' && config.params) {
             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= "29707",
+            //       watchTime= 262
             if (videoId && courseId && sectionId) {
+                console.log(recommendeQuestionID.current, 'recommendeQuestionID.current');
                 http.post(`${urllocation}/chat-service/public/v1.0/knowledge-base/questions:recommend`, {
-                    "recommendedQuestions": flag == 2 ? recommendeQuestionID.current : [
-                        ''
-                    ],
+                    "recommendedQuestions": recommendeQuestionID.current,
                     "contexts": [
                         {
                             "type": "VIDEO",
@@ -1342,22 +1360,32 @@ const CustomerService = (props)=>{
                             "watchTime": watchTime
                         }
                     ],
-                    "maximum": 5
+                    "maximum": flag == 1 || flag == 2 ? 3 : 5
                 }).then((res)=>{
-                    console.log(res, 333333);
                     if (res.data.total > 0) {
                         let data = res.data.questions;
+                        if (flag == 3) {
+                            // setQuestionsList(data);
+                            // setVideoHotQuestionsList(data);
+                            videoHotQuestionsList.current = data;
+                            return;
+                        }
                         if (flag == 2) {
                             setBottomRecommendationQuestions(data);
                         } else {
                             setHotQuestionsList(data);
                         }
+                        // let ids:any[] = [];
+                        // data.map((str: { id: string; })=>{
+                        //   ids.push(str.id);
+                        // })
+                        // recommendeQuestionID.current = Array.from(new Set(recommendeQuestionID.current.concat(ids)));
                         resettingBottomHei();
                         scrollToBottom();
-                        console.log(data, 99999);
-                        if (data.length < 4) {
-                            getQuestiionsList('', 4);
-                        }
+                    // console.log(data,99999);
+                    // if(data.length < 4){
+                    //   getQuestiionsList('',4)
+                    // }
                     }
                 }).catch(()=>{});
             }
@@ -1728,9 +1756,6 @@ const CustomerService = (props)=>{
                 let timeObj = parseDate(item.createdAt);
                 // console.log(item.message);
                 let message = item.message;
-                if (message == '抱歉，我暂时无法回答这样的问题。' && props.config && props.config.type == 'video') {
-                    videoPageQuestiionsList(2);
-                }
                 let li;
                 // 是否需要显示日期
                 let itemIndex = historyMessageList.findIndex((ite)=>ite.id === item.id);
@@ -2013,23 +2038,36 @@ 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__*/ _jsx("ul", {
-                                                                    className: styles.association_problem,
-                                                                    children: JSON.parse(item.extraInfo).map((list, index)=>{
-                                                                        return /*#__PURE__*/ _jsxs("li", {
-                                                                            onClick: ()=>{
-                                                                                sendMessage(list, 1);
-                                                                            },
-                                                                            children: [
-                                                                                index + 1,
-                                                                                ".",
-                                                                                list.question
-                                                                            ]
-                                                                        }, i + "_" + index + "_" + list.value);
-                                                                    })
+                                                                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' : ''}`,
+                                                                    children: [
+                                                                        item.message == '抱歉，我暂时无法回答这样的问题。' && /*#__PURE__*/ _jsx("li", {
+                                                                            className: styles.related_issues_flag,
+                                                                            children: /*#__PURE__*/ _jsx("span", {
+                                                                                children: "相关问题"
+                                                                            })
+                                                                        }),
+                                                                        JSON.parse(item.extraInfo).map((list, index)=>{
+                                                                            return /*#__PURE__*/ _jsx("li", {
+                                                                                onClick: ()=>{
+                                                                                    sendMessage(list, 1);
+                                                                                    recommendeQuestionID.current = recommendeQuestionID.current.concat(list.value);
+                                                                                    setBottomRecommendationQuestions([]);
+                                                                                    resettingBottomHei();
+                                                                                },
+                                                                                children: item.message == '抱歉，我暂时无法回答这样的问题。' ? list.question : /*#__PURE__*/ _jsxs(_Fragment, {
+                                                                                    children: [
+                                                                                        index + 1,
+                                                                                        ".",
+                                                                                        list.question
+                                                                                    ]
+                                                                                })
+                                                                            }, i + "_" + index + "_" + list.value);
+                                                                        })
+                                                                    ]
                                                                 }),
                                                                 //findTeacher//是否在召唤老师过程中，是否是最后一条消息
-                                                                !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && renderLastOperateBtn(item, isAiChatWindow, i),
+                                                                !item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && item.id != '123456_date' && renderLastOperateBtn(item, isAiChatWindow, i),
                                                                 //召唤老师回答按钮
                                                                 isAiChatWindow && item.findTeacher && userData.modules.some((item)=>item.short == "TeacherAnswer") && /*#__PURE__*/ _jsx("div", {
                                                                     className: `${styles.operate_modal_bottom} `,
@@ -2243,11 +2281,9 @@ const CustomerService = (props)=>{
         if (!showStopBtn && isAiChatWindow && (extraInfo != undefined && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "questionId" || extraInfo == null) && historyMessageList[i - 1] && historyMessageList[i - 1].extraInfo && JSON.parse(historyMessageList[i - 1].extraInfo).length > 0 && JSON.parse(historyMessageList[i - 1].extraInfo)[0].key != "imageUrl") {
             findTeacherBtn = true;
         }
+        /// style={{position:showStopBtn && isPosition.current ? 'sticky' : 'relative'}}
         return /*#__PURE__*/ _jsxs("div", {
             className: `${styles.operate_modal_bottom}`,
-            style: {
-                position: showStopBtn && isPosition.current ? 'sticky' : 'relative'
-            },
             children: [
                 /*#__PURE__*/ _jsxs("p", {
                     className: styles.stop_generate,
@@ -2503,6 +2539,7 @@ const CustomerService = (props)=>{
                                                     className: styles.icon_close,
                                                     onClick: ()=>{
                                                         setScreenshotBese64('');
+                                                        resettingBottomHei();
                                                     },
                                                     children: /*#__PURE__*/ _jsx(CustomRoundClose, {})
                                                 }),
@@ -2555,6 +2592,7 @@ const CustomerService = (props)=>{
                                                         "讲解这张图片涉及到的知识内容"
                                                     ]
                                                 }),
+                                                /*#__PURE__*/ _jsx("br", {}),
                                                 /*#__PURE__*/ _jsxs("p", {
                                                     onClick: ()=>{
                                                         setHistoryMessageList((historyMessageList)=>{
@@ -2618,7 +2656,7 @@ const CustomerService = (props)=>{
                                                     let roomList = contactsList;
                                                     if (roomList.length > 0 && roomList[0].roomId != roomId) return;
                                                     console.log(props, 333333);
-                                                    if (props.config && props.config.type == 'video') {
+                                                    if (config && config.type == 'video') {
                                                         getQuestiionsList(String(e.target.value), 3);
                                                     } else {
                                                         getQuestiionsList(String(e.target.value), 2);
@@ -2709,7 +2747,11 @@ const CustomerService = (props)=>{
                                 onClick: ()=>{
                                     if (!finished) return;
                                     setSaveShowType(showType);
-                                    setShowType(5);
+                                    if (showType == 3) {
+                                        setShowScreenshot(true);
+                                    } else {
+                                        setShowType(5);
+                                    }
                                 },
                                 children: /*#__PURE__*/ _jsx(CustomScreenshot, {})
                             })
@@ -2863,17 +2905,20 @@ const CustomerService = (props)=>{
             });
         }
     };
+    //视频页面底部推荐问题
     const renderBottomAssociationProblem = ()=>{
         return /*#__PURE__*/ _jsx("div", {
             className: styles.issues_list_flag,
-            style: {
-                bottom: `${buttomHei}px`
-            },
             id: "BottomAssociationProblem",
             children: bottomRecommendationQuestions.map((item)=>{
                 return /*#__PURE__*/ _jsx("p", {
                     onClick: ()=>{
                         sendMessage(item, 1);
+                        if (config && config.type == 'video') {
+                            recommendeQuestionID.current = recommendeQuestionID.current.concat(item.id);
+                            setBottomRecommendationQuestions([]);
+                            resettingBottomHei();
+                        }
                     },
                     children: item.question
                 }, item.id);
@@ -3085,7 +3130,7 @@ const CustomerService = (props)=>{
                     })
                 ]
             }),
-            showType == 3 ? /*#__PURE__*/ _jsxs("div", {
+            showType == 3 && /*#__PURE__*/ _jsxs("div", {
                 className: `${styles.ChatWindow_Drawer}`,
                 id: "",
                 onClick: ()=>{
@@ -3196,12 +3241,12 @@ const CustomerService = (props)=>{
                         })
                     })
                 ]
-            }) : "",
-            showType == 4 && /*#__PURE__*/ _jsxs(_Fragment, {
+            }),
+            (showType == 4 || showType == 5) && /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsxs(Modal, {
                         title: "AI助手",
-                        open: true,
+                        open: showType == 4 ? true : false,
                         onCancel: ()=>{
                             onCancel();
                             onEvent(serverName + serverUrl(), "click_智能问答_收起侧边栏", "提交");
@@ -3287,7 +3332,7 @@ const CustomerService = (props)=>{
                             })
                         ]
                     }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    (showType == 4 || showType == 5) && /*#__PURE__*/ _jsxs("div", {
                         className: `${styles.ChatWindow_Drawer}`,
                         id: "",
                         children: [
@@ -3385,7 +3430,7 @@ const CustomerService = (props)=>{
                     })
                 ]
             }),
-            showType == 5 && imgBese64 && /*#__PURE__*/ _jsx(ScreenshotTool, {
+            (showType == 5 || showScreenshot) && imgBese64 && /*#__PURE__*/ _jsx(ScreenshotTool, {
                 imgBese64: imgBese64,
                 saveScreenshotBese64: (base64)=>{
                     setScreenshotBese64(base64);
@@ -3394,9 +3439,15 @@ const CustomerService = (props)=>{
                     } else {
                         setShowType(1);
                     }
+                    setShowScreenshot(false);
                 },
                 cancelScreenshot: ()=>{
-                    setShowType(1);
+                    if (saveShowType != -1) {
+                        setShowType(saveShowType);
+                    } else {
+                        setShowType(1);
+                    }
+                    setShowScreenshot(false);
                 }
             }),
             viewBase64 && visible && /*#__PURE__*/ _jsx(ViewImage, {