bhd-components 0.6.5 → 0.6.6

package/esm/customerService/historyFun.js

@@ -1,105 +1,75 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-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"; //录音使用文件
 var HistoryFun = function(props) {
     var type = props.type, roomId = props.roomId, userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, loadSpecifiedData = props.loadSpecifiedData;
     var _useState = _sliced_to_array(useState(""), 2), keyWordProblem = _useState[0], setKeyWordProblem = _useState[1]; //搜索内容
-    var _useState1 = _sliced_to_array(useState([]), 2), keyHistoryMessageList = _useState1[0], setKeyHistoryMessageList = _useState1[1]; //搜索的历史记录
-    var _useState2 = _sliced_to_array(useState(1), 2), showLoadingState = _useState2[0], setShowLoadingState = _useState2[1]; //1，初始状态，2、无数据 ，3、不显示图片
-    var _useState3 = _sliced_to_array(useState(1), 2), pageNum = _useState3[0], setPageNum = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(0), 2), pageCount = _useState4[0], setPageCount = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(false), 2), load = _useState5[0], setLoad = _useState5[1];
+    var _useState1 = _sliced_to_array(useState(1), 2), showLoadingState = _useState1[0], setShowLoadingState = _useState1[1]; //1，初始状态，2、无数据 ，3、不显示图片
+    var _useState2 = _sliced_to_array(useState(1), 2), pageNum = _useState2[0], setPageNum = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(0), 2), pageCount = _useState3[0], setPageCount = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(10), 2), maxPageSize = _useState4[0], setMaxPageSize = _useState4[1];
+    var _useState5 = _sliced_to_array(useState([]), 2), totalData = _useState5[0], setTotalData = _useState5[1]; //总数据
     var timer = useRef(null); //文本框输入时
-    var 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(function() {
-        setKeyHistoryMessageList(function(list) {
-            var newList = list.map(function(item) {
-                var name = "";
-                var nameList = objName.current.filter(function(a) {
-                    return a.id == item.receiver;
+        var handleScroll = function handleScroll() {
+            var container = document.getElementById("history_list");
+            var scrollTop = container.scrollTop;
+            var clientHeight = container.clientHeight;
+            var scrollHeight = container.scrollHeight;
+            // console.log(pageCount, pageNum, "333dfkvmdfv");
+            if (clientHeight + scrollTop + 10 >= scrollHeight && pageCount > pageNum && pageCount > 0) {
+                // console.log("到底部了22222", number);
+                setPageNum(function(page) {
+                    return page + 1;
                 });
-                if (nameList.length > 0) {
-                    name = nameList[0].name;
-                }
-                return _object_spread_props(_object_spread({}, item), {
-                    name: name
-                });
-            });
-            return newList;
-        });
+                // console.log(pageNum,444455556666)
+                getList(keyWordProblem, pageNum + 1);
+            }
+        };
+        var content = document.getElementById("history_list");
+        if (content) {
+            content.addEventListener("scroll", handleScroll);
+        }
+        return function() {
+            var content = document.getElementById("history_list");
+            if (content) {
+                content.removeEventListener("scroll", handleScroll);
+            }
+        };
     }, [
-        load
+        pageCount,
+        pageNum
     ]);
-    //获取搜索中的历史消息记录
-    var getKeyHistoryMessage = function(keyWordProblem) {
-        var page = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-        if (roomId == "") return;
-        setLoad(false);
-        setKeyHistoryMessageList([]);
-        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+    var getList = function(val, pageNum) {
+        return http.get("".concat(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(function(ele) {
-                    return ele.short == "IntelligentCustomerService";
-                }).id,
-                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                message: val,
+                page: pageNum,
+                maxPageSize: maxPageSize
             }
         }).then(function(res) {
-            if (res.data.messages.length > 0) {
-                var total = res.data.total;
-                var maxPageSize = 20;
-                setPageCount(Math.ceil(total / maxPageSize));
+            console.log(res, 7777779999);
+            var data = res.data;
+            if (data.total > 0) {
                 setShowLoadingState(3);
-                var dataList = res.data.messages;
-                setKeyHistoryMessageList(function(list) {
-                    var newList = list.concat(dataList);
-                    return newList;
+                var list = data.messageHistories;
+                setPageCount(Math.ceil(data.total / maxPageSize));
+                // setTotalData(totalData.concat(list));
+                setTotalData(function(list1) {
+                    var new_list = list1;
+                    new_list = new_list.concat(list);
+                    return new_list;
                 });
-                getUserName(dataList);
+                getUserName(list);
             } else {
-                // setKeyHistoryMessageList([]);
                 setShowLoadingState(2);
             }
         }).catch(function(res) {});
@@ -111,13 +81,7 @@ var HistoryFun = function(props) {
             params: {
                 roomId: roomId,
                 page: 1,
-                maxPageSize: 9999999
-            },
-            headers: {
-                "x-module-id": userData.modules.find(function(ele) {
-                    return ele.short == "IntelligentCustomerService";
-                }).id,
-                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+                maxPageSize: 99999999
             }
         });
     };
@@ -143,47 +107,153 @@ var HistoryFun = function(props) {
                     }
                 });
                 var 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([]);
             }
         });
     };
     var getUserName = function(dataList) {
         try {
-            // let objName: { id: string; name: String; }[] = [];//[{id:'用户id',name:'用户名字‘}]
-            var obj = [];
-            //去重
-            var res = new Map();
-            var filterList = dataList.filter(function(a) {
-                return !res.has(a.receiver) && res.set(a.receiver, 1);
-            });
-            filterList = filterList.filter(function(item) {
-                return item.receiver != userData.mid && item.receiver != "AI";
+            var list = dataList;
+            var ids = [];
+            list = list.map(function(item) {
+                if (item.member != "AI") {
+                    ids.push(item.member);
+                }
             });
-            console.log(filterList, "wefwekfjwef");
-            filterList.map(function(item) {
-                userName(item.receiver).then(function(res) {
+            if (ids.length > 0) {
+                userName(ids.join(",")).then(function(res) {
                     if (res.data) {
-                        obj.push({
-                            id: item.receiver,
-                            name: res.data.name
+                        var nameList = res.data;
+                        setTotalData(function(list1) {
+                            var list = list1;
+                            list = list.map(function(item) {
+                                var name = nameList.filter(function(v) {
+                                    return 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) {}
     };
+    //显示详情
+    var showDetails = function(roomId, show) {
+        //展开
+        if (show === true || show === false) {
+            setTotalData(function(list) {
+                console.log(list, 33333);
+                var new_list = list;
+                new_list = new_list.map(function(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("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+                params: {
+                    roomId: roomId,
+                    message: keyWordProblem,
+                    page: 1,
+                    maxPageSize: 20,
+                    direction: "desc"
+                }
+            }).then(function(res) {
+                if (res.data.messages.length > 0) {
+                    setTotalData(function(list) {
+                        var new_list = list;
+                        new_list = new_list.map(function(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;
+                    });
+                }
+            });
+        }
+    };
+    //加载更多
+    var loadMore = function(pageNum, roomId) {
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/history-messages"), {
+            params: {
+                roomId: roomId,
+                message: keyWordProblem,
+                page: pageNum,
+                maxPageSize: 20,
+                direction: "desc"
+            }
+        }).then(function(res) {
+            if (res.data.messages.length > 0) {
+                setTotalData(function(list) {
+                    var new_list = list;
+                    new_list = new_list.map(function(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;
+                });
+            }
+        });
+    };
     var userName = function(uid) {
         return http.get("".concat(urllocation, "/chat-service/public/v1.0/userinfo"), {
             params: {
@@ -191,7 +261,7 @@ var HistoryFun = function(props) {
             },
             headers: {
                 "x-module-id": userData.modules.find(function(ele) {
-                    return ele.short == "TeacherAnswer";
+                    return ele.short == "IntelligentCustomerService";
                 }).id,
                 "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
             }
@@ -229,11 +299,11 @@ var HistoryFun = function(props) {
                                 clearTimeout(timer.current);
                                 timer.current = setTimeout(function() {
                                     if (val != "") {
-                                        getKeyHistoryMessage(val);
+                                        setTotalData([]);
+                                        getList(val, 1);
                                     } else {
                                         setShowLoadingState(1);
-                                        setKeyHistoryMessageList([]);
-                                        setLoad(false);
+                                        setTotalData([]);
                                     }
                                 }, 1000);
                             }
@@ -243,8 +313,7 @@ var HistoryFun = function(props) {
                             onClick: function() {
                                 setShowLoadingState(1);
                                 setKeyWordProblem("");
-                                setKeyHistoryMessageList([]);
-                                setLoad(false);
+                                setTotalData([]);
                             },
                             children: /*#__PURE__*/ _jsx(CustomClose, {})
                         })
@@ -276,56 +345,149 @@ var HistoryFun = function(props) {
                                 })
                             ]
                         }),
-                        keyHistoryMessageList.map(function(item, index) {
-                            var span = item.message.replaceAll(keyWordProblem, function() {
-                                return "<span class=".concat(styles.sign, ">").concat(keyWordProblem, "</span>");
-                            });
-                            var 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(function(item) {
+                                var span = "";
+                                var 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"), function(i) {
+                                        // console.log(i,'skdcnsdjk')
+                                        return "<span class=".concat(styles.sign, ">").concat(i, "</span>");
+                                    });
+                                    var currentTime = getDataTime(-1, 1); //当前时间
+                                    var createdAt = getDataTime(item.createdAt, 1);
+                                    if (currentTime == createdAt) {
+                                        time = getDataTime(item.createdAt, 2);
+                                    } else {
+                                        time = getDataTime(item.createdAt);
+                                    }
                                 }
-                            } else {
-                                name = item.name;
-                            }
-                            var time = "";
-                            var currentTime = getDataTime(-1, 1); //当前时间
-                            var 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: function() {
-                                    var 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: function() {
+                                                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: "".concat(item.count, "条相关聊天记录")
+                                                        })
+                                                    ]
+                                                }),
+                                                item.count != 1 ? /*#__PURE__*/ _jsx("div", {
+                                                    className: "".concat(styles.open, " ").concat(item.show ? styles.active : ""),
+                                                    children: /*#__PURE__*/ _jsx(CustomExpand, {})
+                                                }) : ""
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: styles.list_detail,
+                                            children: [
+                                                item.show && item.detailsList && item.detailsList.map(function(list) {
+                                                    // console.log(list,item,'dklfvmdflkvmdfklv')
+                                                    var name = "";
+                                                    if (list.sender == "AI") {
+                                                        name = "AI助手";
+                                                    } else if (list.sender == item.member) {
+                                                        name = item.name;
+                                                    } else {
+                                                        name = userData.real_name;
+                                                    }
+                                                    var time = "";
+                                                    var currentTime = getDataTime(-1, 1); //当前时间
+                                                    var 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>`;
+                                                    //   }
+                                                    // );
+                                                    var span = list.message.replaceAll(new RegExp(keyWordProblem, "ig"), function(i) {
+                                                        // console.log(i,'skdcnsdjk')
+                                                        return "<span class=".concat(styles.sign, ">").concat(i, "</span>");
+                                                    });
+                                                    return /*#__PURE__*/ _jsxs("div", {
+                                                        className: styles.list,
+                                                        onClick: function() {
+                                                            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: "".concat(styles.list, " ").concat(styles.list_more),
+                                                    onClick: function() {
+                                                        loadMore(item.pageNum + 1, item.roomId);
+                                                    },
+                                                    children: "点击加载更多"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                });
+                            })
                         })
                     ]
                 })