#

luxiaotao1123

2024-03-15 3c190ac12e00e0f3435984c5d57351d136530c09

 zy-asrs-flow/src/pages/map/header/search.jsx

@@ -45,6 +45,19 @@
    return options;
}

function getAllSensorList(curSensorType) {
    let sensorListAll = [];
    Utils.getMapContainer().children.forEach(child => {
        if (child?.data?.type === curSensorType && child?.data?.no) {
            sensorListAll.push({
                value: child.data.no,
                label: renderTitle(child.data.no, child.data.uuid)
            })
        }
    });
    return sensorListAll;
}

const MapSearch = (props) => {
    const intl = useIntl();
    const { curSprite: curSensor, setCurSPrite: setCurSensor } = props;
@@ -56,24 +69,22 @@
    const [filterSensorList, setFilterSensorList] = React.useState([]);
    const [curSensorLabel, setCurSensorLabel] = React.useState(null);

    useEffect(() => {
        const intervalID = setInterval(() => {
            if (!curSensorLabel) {
                let sensorListAll = updateSensorList();
                setSensorList(sensorListAll);
                setFilterSensorList(sensorListAll);
            }
        }, 1000)
    // useEffect(() => {
    //     const intervalID = setInterval(() => {
    //         if (!curSensorLabel) {
    //             let sensorListAll = getAllSensorList(curSensorType);
    //             setSensorList(sensorListAll);
    //             setFilterSensorList(sensorListAll);
    //         }
    //     }, 1000)

        return () => clearInterval(intervalID);
    }, [props]);
    //     return () => clearInterval(intervalID);
    // }, [props]);

    // first select
    React.useEffect(() => {
        if (!Utils.getMapContainer()) {
            return
        }
        let sensorListAll = updateSensorList();
        if (!Utils.getMapContainer()) { return; }
        let sensorListAll = getAllSensorList(curSensorType);
        setSensorList(sensorListAll);
        setFilterSensorList(sensorListAll);
        setCurSensorLabel(null);
@@ -81,26 +92,12 @@

    // second select
    React.useEffect(() => {
        if (!Utils.getMapContainer()) {
            return
        }
        if (sensorList && sensorList.length > 0) {
        if (!Utils.getMapContainer()) { return; }
        if ((curSensorLabel !== null || curSensorLabel != undefined)
            && sensorList && sensorList.length > 0) {
            setFilterSensorList(sensorList.filter(item => item.value.includes(curSensorLabel)));
        }
    }, [curSensorLabel])

    function updateSensorList() {
        let sensorListAll = [];
        Utils.getMapContainer().children.forEach(child => {
            if (child?.data?.type === curSensorType && child?.data?.no) {
                sensorListAll.push({
                    value: child.data.no,
                    label: renderTitle(child.data.no, child.data.uuid)
                })
            }
        });
        return sensorListAll;
    }

    return (
        <>
@@ -130,7 +127,7 @@
                options={filterSensorList}
                value={curSensorLabel}
                onSelect={(value, option) => {
                    const uuid = option.label?.props?.children?.[1].props.children
                    const uuid = option.label?.props?.children?.[1].props.children;
                    setCurSensor(Utils.findSpriteByUuid(uuid));
                }}
                onChange={setCurSensorLabel}