bhd-components 0.6.4 → 0.6.6

package/es2017/customerService/historyFun.js

@@ -1,99 +1,74 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import styles from "./index.module.less";
 import "highlight.js/styles/default.css";
 import { Input } from "antd";
-import { CustomClose } from "../icons/index";
+import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
 import { SearchOutlined } from "@ant-design/icons";
 import { getDataTime } from "./function"; //录音使用文件
 const HistoryFun = (props)=>{
     let { type , roomId , userData , http , urllocation , onClose , loadSpecifiedData  } = props;
     const [keyWordProblem, setKeyWordProblem] = useState(""); //搜索内容
-    const [keyHistoryMessageList, setKeyHistoryMessageList] = useState([]); //搜索的历史记录
     const [showLoadingState, setShowLoadingState] = useState(1); //1，初始状态，2、无数据 ，3、不显示图片
     const [pageNum, setPageNum] = useState(1);
     const [pageCount, setPageCount] = useState(0);
-    const [load, setLoad] = useState(false);
+    const [maxPageSize, setMaxPageSize] = useState(10);
+    const [totalData, setTotalData] = useState([]); //总数据
     const timer = useRef(null); //文本框输入时
-    const objName = useRef([]);
-    // useEffect(() => {
-    //   function handleScroll() {
-    //     const container = document.getElementById('history_list');
-    //     const scrollTop = container.scrollTop;
-    //     const clientHeight = container.clientHeight;
-    //     const scrollHeight = container.scrollHeight;
-    //     // console.log(scrollTop,clientHeight,scrollHeight,'333dfkvmdfv')
-    //     // if((clientHeight + scrollTop + 10) >= scrollHeight && pageCount > pageNum && pageCount > 0){
-    //     //   // console.log(11111111,pageNumHistory)
-    //     //   let number = pageNum + 1;
-    //     //   console.log('到底部了22222',number)
-    //     //   setPageNum((pageNum) => {
-    //     //     return pageNum + 1;
-    //     //   });
-    //     //   getKeyHistoryMessage(keyWordProblem,number);
-    //     // }
-    //   }
-    //   const content = document.getElementById('history_list');
-    //   if (content) {
-    //     content.addEventListener("scroll", handleScroll);
-    //   }
-    //   return () => {
-    //     const content = document.getElementById('history_list');
-    //     if (content) {
-    //       content.removeEventListener("scroll", handleScroll);
-    //     }
-    //   };
-    // }, [keyHistoryMessageList]);
     useEffect(()=>{
-        setKeyHistoryMessageList((list)=>{
-            let newList = list.map((item)=>{
-                let name = '';
-                let nameList = objName.current.filter((a)=>a.id == item.receiver);
-                if (nameList.length > 0) {
-                    name = nameList[0].name;
-                }
-                return _object_spread_props(_object_spread({}, item), {
-                    name: name
+        function handleScroll() {
+            const container = document.getElementById("history_list");
+            const scrollTop = container.scrollTop;
+            const clientHeight = container.clientHeight;
+            const scrollHeight = container.scrollHeight;
+            // console.log(pageCount, pageNum, "333dfkvmdfv");
+            if (clientHeight + scrollTop + 10 >= scrollHeight && pageCount > pageNum && pageCount > 0) {
+                // console.log("到底部了22222", number);
+                setPageNum((page)=>{
+                    return page + 1;
                 });
-            });
-            return newList;
-        });
+                // console.log(pageNum,444455556666)
+                getList(keyWordProblem, pageNum + 1);
+            }
+        }
+        const content = document.getElementById("history_list");
+        if (content) {
+            content.addEventListener("scroll", handleScroll);
+        }
+        return ()=>{
+            const content = document.getElementById("history_list");
+            if (content) {
+                content.removeEventListener("scroll", handleScroll);
+            }
+        };
     }, [
-        load
+        pageCount,
+        pageNum
     ]);
-    //获取搜索中的历史消息记录
-    const getKeyHistoryMessage = (keyWordProblem, page = 1)=>{
-        if (roomId == "") return;
-        setLoad(false);
-        setKeyHistoryMessageList([]);
-        return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
+    const getList = (val, pageNum)=>{
+        return http.get(`${urllocation}/chat-service/public/v1.0/history-messages-total`, {
             params: {
-                roomId: "",
-                message: keyWordProblem,
-                page: page,
-                maxPageSize: 1000,
-                direction: "desc"
-            },
-            headers: {
-                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
-                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                message: val,
+                page: pageNum,
+                maxPageSize: maxPageSize
             }
         }).then((res)=>{
-            if (res.data.messages.length > 0) {
-                let total = res.data.total;
-                let maxPageSize = 20;
-                setPageCount(Math.ceil(total / maxPageSize));
+            console.log(res, 7777779999);
+            let data = res.data;
+            if (data.total > 0) {
                 setShowLoadingState(3);
-                let dataList = res.data.messages;
-                setKeyHistoryMessageList((list)=>{
-                    let newList = list.concat(dataList);
-                    return newList;
+                let list = data.messageHistories;
+                setPageCount(Math.ceil(data.total / maxPageSize));
+                // setTotalData(totalData.concat(list));
+                setTotalData((list1)=>{
+                    let new_list = list1;
+                    new_list = new_list.concat(list);
+                    return new_list;
                 });
-                getUserName(dataList);
+                getUserName(list);
             } else {
-                // setKeyHistoryMessageList([]);
                 setShowLoadingState(2);
             }
         }).catch((res)=>{});
@@ -105,11 +80,7 @@ const HistoryFun = (props)=>{
             params: {
                 roomId: roomId,
                 page: 1,
-                maxPageSize: 9999999
-            },
-            headers: {
-                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
-                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                maxPageSize: 99999999
             }
         });
     };
@@ -135,50 +106,158 @@ const HistoryFun = (props)=>{
                     }
                 });
                 const pageNumber = findPageNumber(30, Math.ceil(total / 30), number);
-                // console.log(
-                //   roomId, pageNumber, id,
-                //   "第几页第几页第几页第几页第几页第几页"
-                // );
+                console.log(roomId, pageNumber, id, receiver, "第几页第几页第几页第几页第几页第几页");
                 loadSpecifiedData(roomId, pageNumber, id, receiver);
                 onClose();
                 setKeyWordProblem("");
-                setKeyHistoryMessageList([]);
+                setTotalData([]);
+            // setKeyHistoryMessageList([]);
             }
         });
     };
     const getUserName = (dataList)=>{
         try {
-            // let objName: { id: string; name: String; }[] = [];//[{id:'用户id',name:'用户名字‘}]
-            let obj = [];
-            //去重
-            let res = new Map();
-            let filterList = dataList.filter((a)=>!res.has(a.receiver) && res.set(a.receiver, 1));
-            filterList = filterList.filter((item)=>item.receiver != userData.mid && item.receiver != 'AI');
-            console.log(filterList, 'wefwekfjwef');
-            filterList.map((item)=>{
-                userName(item.receiver).then((res)=>{
+            let list = dataList;
+            let ids = [];
+            list = list.map((item)=>{
+                if (item.member != "AI") {
+                    ids.push(item.member);
+                }
+            });
+            if (ids.length > 0) {
+                userName(ids.join(",")).then((res)=>{
                     if (res.data) {
-                        obj.push({
-                            id: item.receiver,
-                            name: res.data.name
+                        let nameList = res.data;
+                        setTotalData((list1)=>{
+                            let list = list1;
+                            list = list.map((item)=>{
+                                let name = nameList.filter((v)=>v.uid == item.member);
+                                if (name.length > 0) {
+                                    return _object_spread({}, item, name[0]);
+                                } else {
+                                    return item;
+                                }
+                            });
+                            return list;
                         });
-                        console.log(objName, 'kdfvdfdfvjkdfnv');
-                        if (obj.length == filterList.length) {
-                            objName.current = obj;
-                            setLoad(true);
-                        }
                     }
                 });
-            });
+            }
+        // let objName: { id: string; name: String; }[] = [];//[{id:'用户id',name:'用户名字‘}]
+        // let obj: any[] = [];
+        // //去重
+        // let res = new Map();
+        // let filterList = dataList.filter(
+        //   (a: { receiver: string }) =>
+        //     !res.has(a.receiver) && res.set(a.receiver, 1)
+        // );
+        // filterList = filterList.filter(
+        //   (item) => item.receiver != userData.mid && item.receiver != "AI"
+        // );
+        // console.log(filterList, "wefwekfjwef");
+        // filterList.map((item)=>{
+        //     userName(item.receiver).then((res: { data: { name: String } }) => {
+        //       if (res.data) {
+        //         obj.push({id:item.receiver,name:res.data.name,});
+        //         console.log(objName,'kdfvdfdfvjkdfnv');
+        //         if(obj.length == filterList.length){
+        //           objName.current = obj;
+        //           setLoad(true)
+        //         }
+        //       }
+        //     });
+        // })
         } catch (error) {}
     };
+    //显示详情
+    const showDetails = (roomId, show)=>{
+        //展开
+        if (show === true || show === false) {
+            setTotalData((list)=>{
+                console.log(list, 33333);
+                let new_list = list;
+                new_list = new_list.map((item)=>{
+                    if (roomId == item.roomId) {
+                        return _object_spread_props(_object_spread({}, item), {
+                            show: !show
+                        });
+                    } else {
+                        return _object_spread_props(_object_spread({}, item), {
+                            show: item.show == undefined ? undefined : false
+                        });
+                    }
+                });
+                return new_list;
+            });
+        } else {
+            return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
+                params: {
+                    roomId: roomId,
+                    message: keyWordProblem,
+                    page: 1,
+                    maxPageSize: 20,
+                    direction: "desc"
+                }
+            }).then((res)=>{
+                if (res.data.messages.length > 0) {
+                    setTotalData((list)=>{
+                        let new_list = list;
+                        new_list = new_list.map((item)=>{
+                            if (item.roomId == roomId) {
+                                return _object_spread_props(_object_spread({}, item), {
+                                    detailsList: res.data.messages,
+                                    pageCount: Math.ceil(res.data.total / 20),
+                                    show: true,
+                                    pageNum: 1
+                                });
+                            } else {
+                                return item;
+                            }
+                        });
+                        return new_list;
+                    });
+                }
+            });
+        }
+    };
+    //加载更多
+    const loadMore = (pageNum, roomId)=>{
+        return http.get(`${urllocation}/chat-service/public/v1.0/history-messages`, {
+            params: {
+                roomId: roomId,
+                message: keyWordProblem,
+                page: pageNum,
+                maxPageSize: 20,
+                direction: "desc"
+            }
+        }).then((res)=>{
+            if (res.data.messages.length > 0) {
+                setTotalData((list)=>{
+                    let new_list = list;
+                    new_list = new_list.map((item)=>{
+                        if (item.roomId == roomId) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                detailsList: item.detailsList.concat(res.data.messages),
+                                pageCount: Math.ceil(res.data.total / 20),
+                                show: true,
+                                pageNum: pageNum
+                            });
+                        } else {
+                            return item;
+                        }
+                    });
+                    return new_list;
+                });
+            }
+        });
+    };
     const userName = (uid)=>{
         return http.get(`${urllocation}/chat-service/public/v1.0/userinfo`, {
             params: {
                 uid: uid
             },
             headers: {
-                "x-module-id": userData.modules.find((ele)=>ele.short == "TeacherAnswer").id,
+                "x-module-id": userData.modules.find((ele)=>ele.short == "IntelligentCustomerService").id,
                 "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
             }
         });
@@ -215,11 +294,11 @@ const HistoryFun = (props)=>{
                                 clearTimeout(timer.current);
                                 timer.current = setTimeout(()=>{
                                     if (val != "") {
-                                        getKeyHistoryMessage(val);
+                                        setTotalData([]);
+                                        getList(val, 1);
                                     } else {
                                         setShowLoadingState(1);
-                                        setKeyHistoryMessageList([]);
-                                        setLoad(false);
+                                        setTotalData([]);
                                     }
                                 }, 1000);
                             }
@@ -229,8 +308,7 @@ const HistoryFun = (props)=>{
                             onClick: ()=>{
                                 setShowLoadingState(1);
                                 setKeyWordProblem("");
-                                setKeyHistoryMessageList([]);
-                                setLoad(false);
+                                setTotalData([]);
                             },
                             children: /*#__PURE__*/ _jsx(CustomClose, {})
                         })
@@ -262,56 +340,149 @@ const HistoryFun = (props)=>{
                                 })
                             ]
                         }),
-                        keyHistoryMessageList.map((item, index)=>{
-                            let span = item.message.replaceAll(keyWordProblem, ()=>{
-                                return `<span class=${styles.sign}>${keyWordProblem}</span>`;
-                            });
-                            let name = "";
-                            if (item.receiver == userData.mid) {
-                                name = userData.real_name;
-                            } else if (item.receiver == 'AI') {
-                                name = "AI助手";
-                                if (item.extraInfo != null) {
-                                    name = '智能客服';
+                        /*#__PURE__*/ _jsx("div", {
+                            className: styles.list_item,
+                            children: totalData.map((item)=>{
+                                let span = "";
+                                let time = "";
+                                if (item.count == 1) {
+                                    // span = item.message.replaceAll(keyWordProblem, () => {
+                                    //   return `<span class=${styles.sign}>${keyWordProblem}</span>`;
+                                    // });
+                                    span = item.message.replaceAll(new RegExp(keyWordProblem, "ig"), (i)=>{
+                                        // console.log(i,'skdcnsdjk')
+                                        return `<span class=${styles.sign}>${i}</span>`;
+                                    });
+                                    let currentTime = getDataTime(-1, 1); //当前时间
+                                    let createdAt = getDataTime(item.createdAt, 1);
+                                    if (currentTime == createdAt) {
+                                        time = getDataTime(item.createdAt, 2);
+                                    } else {
+                                        time = getDataTime(item.createdAt);
+                                    }
                                 }
-                            } else {
-                                name = item.name;
-                            }
-                            let time = '';
-                            let currentTime = getDataTime(-1, 1); //当前时间
-                            let updatedAt = getDataTime(item.updatedAt, 1);
-                            if (currentTime == updatedAt) {
-                                time = getDataTime(item.updatedAt, 2);
-                            } else {
-                                time = getDataTime(item.updatedAt);
-                            }
-                            return /*#__PURE__*/ _jsxs("div", {
-                                className: styles.list,
-                                onClick: ()=>{
-                                    let id = item.receiver; // == userData.mid ? item.sender : item.receiver
-                                    calculationData(item.roomId, item.id, id);
-                                },
-                                children: [
-                                    /*#__PURE__*/ _jsxs("div", {
-                                        className: styles.name,
-                                        children: [
-                                            /*#__PURE__*/ _jsx("p", {
-                                                children: name
-                                            }),
-                                            /*#__PURE__*/ _jsx("span", {
-                                                className: styles.time,
-                                                children: time
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ _jsx("div", {
-                                        className: styles.con,
-                                        dangerouslySetInnerHTML: {
-                                            __html: span
-                                        }
-                                    })
-                                ]
-                            }, item.id);
+                                return /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.list_summary,
+                                            id: item.roomId,
+                                            onClick: ()=>{
+                                                if (item.count == 1) {
+                                                    calculationData(item.roomId, item.id, item.member);
+                                                } else {
+                                                    showDetails(item.roomId, item.show);
+                                                }
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: styles.head_img,
+                                                    children: item.member == "AI" ? /*#__PURE__*/ _jsx(CustomAiIcon, {}) : /*#__PURE__*/ _jsx("img", {
+                                                        src: item.headImg
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: styles.list_desc,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsxs("p", {
+                                                            className: styles.name,
+                                                            children: [
+                                                                item.member == "AI" ? "AI助手" : item.name,
+                                                                item.count == 1 ? /*#__PURE__*/ _jsx("span", {
+                                                                    className: styles.time,
+                                                                    children: time
+                                                                }) : ""
+                                                            ]
+                                                        }),
+                                                        item.count == 1 ? /*#__PURE__*/ _jsx("p", {
+                                                            className: styles.decs,
+                                                            style: {
+                                                                width: "calc(100% - 36px)"
+                                                            },
+                                                            dangerouslySetInnerHTML: {
+                                                                __html: span
+                                                            }
+                                                        }) : /*#__PURE__*/ _jsx("p", {
+                                                            className: styles.decs,
+                                                            children: `${item.count}条相关聊天记录`
+                                                        })
+                                                    ]
+                                                }),
+                                                item.count != 1 ? /*#__PURE__*/ _jsx("div", {
+                                                    className: `${styles.open} ${item.show ? styles.active : ''}`,
+                                                    children: /*#__PURE__*/ _jsx(CustomExpand, {})
+                                                }) : ""
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.list_detail,
+                                            children: [
+                                                item.show && item.detailsList && item.detailsList.map((list)=>{
+                                                    // console.log(list,item,'dklfvmdflkvmdfklv')
+                                                    let name = "";
+                                                    if (list.sender == 'AI') {
+                                                        name = 'AI助手';
+                                                    } else if (list.sender == item.member) {
+                                                        name = item.name;
+                                                    } else {
+                                                        name = userData.real_name;
+                                                    }
+                                                    let time = "";
+                                                    let currentTime = getDataTime(-1, 1); //当前时间
+                                                    let updatedAt = getDataTime(list.updatedAt, 1);
+                                                    if (currentTime == updatedAt) {
+                                                        time = getDataTime(list.updatedAt, 2);
+                                                    } else {
+                                                        time = getDataTime(list.updatedAt);
+                                                    }
+                                                    // let span = list.message.replace(
+                                                    //   /keyWordProblem/gi,
+                                                    //   () => {
+                                                    //     return `<span class=${styles.sign}>${keyWordProblem}</span>`;
+                                                    //   }
+                                                    // );
+                                                    let span = list.message.replaceAll(new RegExp(keyWordProblem, "ig"), (i)=>{
+                                                        // console.log(i,'skdcnsdjk')
+                                                        return `<span class=${styles.sign}>${i}</span>`;
+                                                    });
+                                                    return /*#__PURE__*/ _jsxs("div", {
+                                                        className: styles.list,
+                                                        onClick: ()=>{
+                                                            calculationData(item.roomId, list.id, list.receiver);
+                                                        },
+                                                        children: [
+                                                            /*#__PURE__*/ _jsxs("div", {
+                                                                className: styles.name,
+                                                                children: [
+                                                                    /*#__PURE__*/ _jsx("p", {
+                                                                        children: name
+                                                                    }),
+                                                                    /*#__PURE__*/ _jsx("span", {
+                                                                        className: styles.time,
+                                                                        children: time
+                                                                    })
+                                                                ]
+                                                            }),
+                                                            /*#__PURE__*/ _jsx("div", {
+                                                                className: styles.con,
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: span
+                                                                }
+                                                            })
+                                                        ]
+                                                    }, list.id);
+                                                }),
+                                                item.show && item.pageCount > 1 && item.pageCount > item.pageNum && /*#__PURE__*/ _jsx("div", {
+                                                    className: `${styles.list} ${styles.list_more}`,
+                                                    onClick: ()=>{
+                                                        loadMore(item.pageNum + 1, item.roomId);
+                                                    },
+                                                    children: "点击加载更多"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                });
+                            })
                         })
                     ]
                 })