#

luxiaotao1123

2024-10-21 ba52838f42b0cb96b220869a46a1046d52227634

#

 zy-acs-flow/src/map/insight/index.jsx

@@ -6,6 +6,7 @@
import {
    DEVICE_TYPE,
} from '../constants';
import JsonShow from '../JsonShow';
import ShelfInsight from './shelf';
import AgvInsight from './agv';
import PointInsight from './point';
@@ -61,32 +62,11 @@
                                borderRadius: '8px',
                            }}>
                                <CardContent sx={{ height: '100%' }}>
                                    {deviceType === DEVICE_TYPE.SHELF && (
                                        <>
                                            <ShelfInsight
                                    <DeviceContent
                                        deviceType={deviceType}
                                                sprite={sprite}
                                                setTitle={setTitle}
                                            />
                                        </>
                                    )}

                                    {deviceType === DEVICE_TYPE.AGV && (
                                        <>
                                            <AgvInsight
                                                sprite={sprite}
                                                setTitle={setTitle}
                                            />
                                        </>
                                    )}

                                    {deviceType === DEVICE_TYPE.POINT && (
                                        <>
                                            <PointInsight
                                                sprite={sprite}
                                                setTitle={setTitle}
                                            />
                                        </>
                                    )}
                                </CardContent>
                            </Card>
                        </Box>
@@ -97,5 +77,37 @@
    )
}

const DeviceContent = ({ deviceType, sprite, setTitle }) => {
    switch (deviceType) {
        case DEVICE_TYPE.SHELF:
            return (
                <ShelfInsight
                    sprite={sprite}
                    setTitle={setTitle}
                />
            )
        case DEVICE_TYPE.AGV:
            return (
                <AgvInsight
                    sprite={sprite}
                    setTitle={setTitle}
                />
            )
        case DEVICE_TYPE.POINT:
            return (
                <PointInsight
                    sprite={sprite}
                    setTitle={setTitle}
                />
            )
        default:
            return (
                <JsonShow
                    data={sprite?.data}
                    height={550}
                />
            )
    }
}

export default Insight;

 zy-acs-flow/src/map/tool.js

@@ -324,11 +324,15 @@
    text.y = 3;
    background.addChild(text);
    tooltip = new PIXI.Container();
    tooltip.name = "tooltip";
    tooltip.addChild(background);
    return tooltip;
}

function onSpriteMouseOver(event) {
    if (tooltip) {
        app.stage.removeChild(tooltip);
    }
    tooltip = createSpriteTooltip(this);// this => sprite
    tooltip.x = event.data.global.x + 10;
    tooltip.y = event.data.global.y + 10;
@@ -479,7 +483,7 @@
            const pointRoute = new PointRoute(POINT_ROUTE_DIRECTION[route.direction]);
            pointRoute.setPoint(startPoint, endPoint);
            pointRoute.clear();
            pointRoute.lineStyle(10, 0x2d3436);
            pointRoute.lineStyle(8, themeMode === 'light' ? '#2d3436' : '#dcdde1');
            pointRoute.moveTo(startPoint.position.x, startPoint.position.y);
            pointRoute.lineTo(endPoint.position.x, endPoint.position.y);
            pointRoute.alpha = 1;