#

luxiaotao1123

2024-11-04 7f70cb15d035f0c233b9e62b9e43aa985317c908

 zy-acs-flow/src/map/header/MapSearch.jsx

@@ -36,8 +36,8 @@
        setMode,
        dataFetched,
        curZone,
        curSprite,
        setCurSprite,
        setSpriteSettings,
    } = props;

    const theme = useTheme();
@@ -65,6 +65,12 @@
    }, [curDeviceType, dataFetched, curZone]);

    useEffect(() => {
        if (!curSprite) {
            resetSearch();
        }
    }, [curSprite]);

    useEffect(() => {
        if (!Tool.getMapContainer()) return;
        if (inputValue !== '' && deviceList.length > 0) {
            setFilterDeviceList(
@@ -83,19 +89,17 @@
            Tool.focusSprite(selectSprite);
        }
        switch (mode) {
            case MAP_MODE.OBSERVER_MODE:
                setCurSprite(selectSprite);
                break;
            // case MAP_MODE.OBSERVER_MODE:
            // case MAP_MODE.SETTINGS_MODE:
            //     break;
            case MAP_MODE.MOVABLE_MODE:
                setMode(MAP_MODE.SETTINGS_MODE);
                setTimeout(() => {
                    setSpriteSettings(selectSprite);
                    setCurSprite(selectSprite);
                }, 200);
                break;
            case MAP_MODE.SETTINGS_MODE:
                setSpriteSettings(selectSprite);
                break;
            default:
                setCurSprite(selectSprite);
                break;
        }
    };
@@ -138,10 +142,10 @@
                size="small"
                options={filterDeviceList}
                getOptionLabel={(option) => option.value}
                renderOption={(props, option) => {
                    const { key, ...otherProps } = props;
                renderOption={(optionProps, option) => {
                    const { key, ...otherProps } = optionProps;
                    return (
                        <li key={Number(key)} {...otherProps}>
                        <li key={option.uuid} {...otherProps}>
                            <Stack direction="row" justifyContent="space-between" width="100%">
                                <Typography variant="body1" fontWeight="bold">
                                    {option.label}
@@ -170,6 +174,7 @@
                                                onClick={() => {
                                                    setInputValue('');
                                                    setSelectedOption(null);
                                                    setCurSprite(null);
                                                }}
                                            >
                                                <CloseIcon fontSize="small" />