bhd-components 0.7.20 → 0.7.22

package/esm/customerService/index.module.less

@@ -431,6 +431,10 @@
                 }
               }
 
+              .find_teacher_con{
+                color: @color-text-primary;
+                cursor: pointer;
+              }
             }
             .sign{
               background-color: #1890ff;
@@ -1874,7 +1878,16 @@
     }
   }
 }
-
+//老师列表
+.teacher_list{
+    .name{
+      margin-bottom: 0!important;
+      font-weight: 400 !important;
+      .sign{
+        color: @color-text-primary;
+      }
+    }
+}
 //截图功能
 .screenshot_Modal{
   position: fixed;

package/esm/customerService/teacherList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface data {
+    type: number;
+    userData: any;
+    http: any;
+    urllocation: String;
+    onClose: any;
+    enterTeacherChat: any;
+}
+declare const TeacherList: (props: data) => JSX.Element;
+export default TeacherList;

package/esm/customerService/teacherList.js

@@ -0,0 +1,273 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+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 { Input } from "antd";
+import { CustomClose } from "../icons/index";
+import { SearchOutlined } from "@ant-design/icons";
+var TeacherList = function(props) {
+    var type = props.type, userData = props.userData, http = props.http, urllocation = props.urllocation, onClose = props.onClose, enterTeacherChat = props.enterTeacherChat;
+    var _useState = _sliced_to_array(useState(""), 2), keyWordProblem = _useState[0], setKeyWordProblem = _useState[1]; //搜索内容
+    var _useState1 = _sliced_to_array(useState(1), 2), showLoadingState = _useState1[0], setShowLoadingState = _useState1[1]; //1，初始状态，2、无数据 ，3、不显示图片
+    var _useState2 = _sliced_to_array(useState([]), 2), totalData = _useState2[0], setTotalData = _useState2[1]; //总数据
+    // const [teacher_list, setTeacher_list] = useState([]); //老师列表,有头像
+    var teacher_list = useRef([]); //老师列表,有头像
+    var timer = useRef(null); //文本框输入时
+    var page = useRef(1);
+    var loading = useRef(true);
+    var sliderRef = useRef(null);
+    useEffect(function() {
+        var handleScroll = function(e) {
+            // 处理滚轮事件的逻辑
+            var container = document.getElementById("teacher_list");
+            var scrollTop = container.scrollTop;
+            var clientHeight = container.clientHeight;
+            var scrollHeight = container.scrollHeight;
+            if (scrollTop + clientHeight + 60 >= scrollHeight && loading.current) {
+                loading.current = false;
+                // console.log('加载下一页');
+                page.current = page.current + 1;
+                getList(keyWordProblem);
+            }
+        };
+        // 添加滚轮事件监听器
+        sliderRef.current.addEventListener("wheel", handleScroll);
+        // 清除滚轮事件监听器
+        return function() {
+            sliderRef.current.removeEventListener("wheel", handleScroll);
+        };
+    }, [
+        keyWordProblem
+    ]);
+    useEffect(function() {
+        getList("");
+        return function() {
+            clearTimeout(timer.current);
+        };
+    }, []);
+    var getList = function(val) {
+        if (page.current == 1) {
+            setTotalData([]);
+        }
+        http.get("".concat(urllocation, "/chat-service/public/v1.0/teachers"), {
+            params: {
+                name: val,
+                page: page.current,
+                maxPageSize: 20
+            }
+        }).then(function(res) {
+            console.log(res);
+            if (res.data.total > 0) {
+                loading.current = true;
+                setShowLoadingState(3);
+                var data = new Map();
+                setTotalData(function(totalData) {
+                    return totalData.concat(res.data.teachers).filter(function(a) {
+                        return !data.has(a.uid) && data.set(a.uid, 1);
+                    });
+                });
+                getUserName(res.data.teachers);
+            } else {
+                loading.current = false;
+                if (page.current == 1) {
+                    setShowLoadingState(2);
+                }
+            }
+        });
+    };
+    var getUserName = function(dataList) {
+        try {
+            var list = dataList;
+            var ids = [];
+            list = list.map(function(item) {
+                if (!item.headImg && teacher_list.current.filter(function(v) {
+                    return v.uid == item.uid;
+                }).length <= 0) {
+                    ids.push(item.uid);
+                }
+            });
+            if (ids.length > 0) {
+                userName(ids.join(",")).then(function(res) {
+                    if (res.data) {
+                        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.uid;
+                                });
+                                if (name.length > 0) {
+                                    return _object_spread({}, item, name[0]);
+                                } else {
+                                    var nameList1 = teacher_list.current;
+                                    var name1 = nameList1.filter(function(v) {
+                                        return v.uid == item.uid;
+                                    });
+                                    if (name1.length > 0) {
+                                        return _object_spread({}, item, name1[0]);
+                                    } else {
+                                        return item;
+                                    }
+                                }
+                            });
+                            var data = new Map();
+                            teacher_list.current = teacher_list.current.concat(list).filter(function(a) {
+                                return !data.has(a.uid) && data.set(a.uid, 1);
+                            });
+                            return list;
+                        });
+                    }
+                });
+            } else {
+                var nameList = teacher_list.current;
+                setTotalData(function(list1) {
+                    var list = list1;
+                    list = list.map(function(item) {
+                        var name = nameList.filter(function(v) {
+                            return v.uid == item.uid;
+                        });
+                        if (name.length > 0) {
+                            return _object_spread({}, item, name[0]);
+                        } else {
+                            return item;
+                        }
+                    });
+                    return list;
+                });
+            }
+        } catch (error) {}
+    };
+    var userName = function(uid) {
+        return http.get("".concat(urllocation, "/chat-service/public/v1.0/userinfo"), {
+            params: {
+                uid: uid
+            },
+            headers: {
+                "x-module-id": userData.modules.find(function(ele) {
+                    return ele.short == "IntelligentCustomerService";
+                }).id,
+                "x-auth-jwt": window.localStorage.getItem("usertoken") || ""
+            }
+        });
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "".concat(styles.history_list, " ").concat(type == 2 ? styles.history_list_broadside : "", " ").concat(styles.teacher_list),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: styles.search_layout,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.title,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: "召唤老师回答"
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            onClick: function() {
+                                // loadSpecifiedData();
+                                onClose();
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomClose, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.search_top,
+                    children: [
+                        /*#__PURE__*/ _jsx(SearchOutlined, {}),
+                        /*#__PURE__*/ _jsx(Input, {
+                            placeholder: "请输入您要召唤的老师姓名",
+                            value: keyWordProblem,
+                            onChange: function(e) {
+                                var val = String(e.target.value);
+                                setKeyWordProblem(val);
+                                clearTimeout(timer.current);
+                                timer.current = setTimeout(function() {
+                                    page.current = 1;
+                                    setTotalData([]);
+                                    getList(val);
+                                }, 1000);
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx("i", {
+                            className: "guanbi_Close",
+                            onClick: function() {
+                                setShowLoadingState(1);
+                                setKeyWordProblem("");
+                                setTotalData([]);
+                            },
+                            children: /*#__PURE__*/ _jsx(CustomClose, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.main_list,
+                    id: "teacher_list",
+                    children: [
+                        showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
+                            className: styles.no_data,
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/aiService/search_for_icon.png"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "输入关键词，搜索老师姓名"
+                                })
+                            ]
+                        }),
+                        showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
+                            className: styles.no_data,
+                            children: [
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: "/new_yun/images/aiService/no_data.png"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: "未搜索到老师"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: styles.list_item,
+                            ref: sliderRef,
+                            children: totalData.map(function(item) {
+                                var span = item.name.replaceAll(new RegExp(keyWordProblem, "ig"), function(i) {
+                                    return "<span class=".concat(styles.sign, ">").concat(i, "</span>");
+                                });
+                                return /*#__PURE__*/ _jsx(_Fragment, {
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        className: "".concat(styles.list_summary),
+                                        id: item.roomId,
+                                        onClick: function() {
+                                            enterTeacherChat(item);
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: styles.head_img,
+                                                children: /*#__PURE__*/ _jsx("img", {
+                                                    src: item.headImg
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: styles.list_desc,
+                                                children: /*#__PURE__*/ _jsx("p", {
+                                                    className: styles.name,
+                                                    style: {
+                                                        width: "calc(100% - 36px)"
+                                                    },
+                                                    dangerouslySetInnerHTML: {
+                                                        __html: span
+                                                    }
+                                                })
+                                            })
+                                        ]
+                                    })
+                                });
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export default TeacherList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.7.20",
+  "version": "0.7.22",
   "description": "组件功能描述",
   "files": [
     "esm",